diff --git a/header-meta.html b/header-meta.html
index 7dadbec..7e8d3c6 100644
--- a/header-meta.html
+++ b/header-meta.html
@@ -33,9 +33,9 @@
 <meta property="profile:username"                  content="{{ site.social.default-username }}" />
 <meta name="twitter:card"                          content="summary_large_image" /><!-- Tell twitter that this link can be presented as a large image with a summary -->
 <meta name="msapplication-TileImage"               content="/images/MS-Tile-Image.png" /><!-- When pinned as a tile for Windows' Start, this is the image -->
-<meta property="og:image"                          content="/images/Social-Preview.png" /><!-- Image for sharing on social networks -->
-<meta property="twitter:image"                     content="/images/Social-Preview.png" />
-<meta name="twitter:image:src"                     content="/images/Social-Preview.png" />
+<meta property="og:image"                          content="{{ page.social-preview-image-url | default: page.hero-image | default: '/images/Social-Preview.png' }}" /><!-- Image for sharing on social networks -->
+<meta property="twitter:image"                     content="{{ page.social-preview-image-url | default: page.hero-image | default: '/images/Social-Preview.png' }}" />
+<meta name="twitter:image:src"                     content="{{ page.social-preview-image-url | default: page.hero-image | default: '/images/Social-Preview.png' }}" />
 {% if site.theme-color %}
 <meta name="msapplication-TileColor"               content="{{ site.theme-color }}" /><!-- When pinned as a tile for Windows' Start, this is the tile's BG color -->
 <meta name="theme-color"                           content="{{ site.theme-color }}"/><!-- Color in Chrome address bar -->
diff --git a/header-stylesheets.html b/header-stylesheets.html
index 5acbbd6..b8d234b 100644
--- a/header-stylesheets.html
+++ b/header-stylesheets.html
@@ -2,7 +2,7 @@
 <link rel="stylesheet" type="text/css" id="neon-tables"          href="https://stylesheets.bhstudios.org/assets/v2/neon/neon-tables.css" />
 <link rel="stylesheet" type="text/css" id="stylesheet-print"     href="https://stylesheets.bhstudios.org/assets/v2/basics/print.css" />
 <link rel="stylesheet" type="text/css" id="framework-stylesheet" href="https://stylesheets.bhstudios.org/assets/v2/neon/neon-renderer.css" />
-<link rel="stylesheet" type="text/css" id="theme-stylesheet"     href="https://stylesheets.bhstudios.org/assets/v2/neon/neon-water.css" />
+<link rel="stylesheet" type="text/css" id="theme-stylesheet"     href="{{ site.default-neon-theme-url | default: 'https://stylesheets.bhstudios.org/assets/v2/neon/neon-water.css' }}" />
 <link rel="stylesheet" type="text/css" id="material-icons"       href="https://fonts.googleapis.com/icon?family=Material+Icons" />
 <link rel="stylesheet" type="text/css" id="google-fonts"         href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700|Questrial|ZCOOL+QingKe+HuangYou|Oswald:600&amp;subset=chinese-simplified,korean,latin-ext,vietnamese,cyrillic,cyrillic-ext,greek,greek-ext">
 <link rel="stylesheet" type="text/css" id="site-styles"          href="{{ site.baseurl }}/site.css" />