diff --git a/src/site/_data/meta.js b/src/site/_data/meta.js
index 01eb50b..6385008 100644
--- a/src/site/_data/meta.js
+++ b/src/site/_data/meta.js
@@ -2,7 +2,7 @@ require("dotenv").config();
 const axios = require("axios");
 const fs = require("fs");
 const crypto = require("crypto");
-const {globSync} = require("glob");
+const { globSync } = require("glob");
 
 module.exports = async () => {
   let baseUrl = process.env.SITE_BASE_URL || "";
@@ -20,6 +20,9 @@ module.exports = async () => {
     title: false,
     default: process.env.NOTE_ICON_DEFAULT,
   };
+
+  const styleSettingsCss = process.env.STYLE_SETTINGS_CSS || "";
+
   if (process.env.NOTE_ICON_TITLE && process.env.NOTE_ICON_TITLE == "true") {
     bodyClasses.push("title-note-icon");
     noteIconsSettings.title = true;
@@ -45,6 +48,10 @@ module.exports = async () => {
     bodyClasses.push("backlinks-note-icon");
     noteIconsSettings.backlinks = true;
   }
+  if(styleSettingsCss){
+    bodyClasses.push("css-settings-manager");
+  }
+
   let timestampSettings = {
     timestampFormat: process.env.TIMESTAMP_FORMAT || "MMM dd, yyyy h:mm a",
     showCreated: process.env.SHOW_CREATED_TIMESTAMP == "true",
@@ -60,6 +67,7 @@ module.exports = async () => {
     baseTheme: process.env.BASE_THEME || "dark",
     siteName: process.env.SITE_NAME_HEADER || "Digital Garden",
     siteBaseUrl: baseUrl,
+    styleSettingsCss
   };
 
   return meta;
diff --git a/src/site/_includes/components/pageheader.njk b/src/site/_includes/components/pageheader.njk
index acb235f..9923e7b 100644
--- a/src/site/_includes/components/pageheader.njk
+++ b/src/site/_includes/components/pageheader.njk
@@ -38,4 +38,12 @@
     {% for name, content in metatags %}
         <meta name="{{ name }}" content="{{ content }}">
     {% endfor %}
-{% endif %}
\ No newline at end of file
+{% endif %}
+
+{% if meta.styleSettingsCss %}
+    <style>
+        {{ meta.styleSettingsCss | safe }}
+    </style>
+{% endif %}
+<style>
+</style>
\ No newline at end of file