config now supports customHeadCSS

velsa · velsa · commit d227b8c2fbef · 2024-04-18T16:33:55.000+03:00
diff --git a/README.md b/README.md
@@ -136,7 +136,11 @@ export const SITE_CONFIG: NoteHostSiteConfig = {
   // Google Font name, you can choose from https://fonts.google.com
   googleFont: 'Roboto',
 
-  // Custom JS for head and body of a Notion page
+  // Custom CSS/JS for head and body of a Notion page
+  customHeadCSS: `
+  .notion-topbar {
+    background: lightblue
+  }`,
   customHeadJS: googleTag(GOOGLE_TAG_ID),
   customBodyJS: PAGE_SCRIPT_JS_STRING,
 }
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "notehost",
-  "version": "1.0.29",
+  "version": "1.0.30",
   "description": "NoteHost is a free and powerful Notion hosting service.",
   "repository": "https://github.com/velsa/notehost",
   "homepage": "https://github.com/velsa/notehost",
diff --git a/src/rewriters/head-rewriter.ts b/src/rewriters/head-rewriter.ts
@@ -9,7 +9,7 @@ export class HeadRewriter {
   }
 
   element(element: Element) {
-    const { googleFont, customHeadJS } = this.siteConfig
+    const { googleFont, customHeadJS, customHeadCSS } = this.siteConfig
 
     if (googleFont) {
       element.append(
@@ -37,7 +37,9 @@ export class HeadRewriter {
         div.notion-topbar-mobile > div:nth-child(4) { display: none !important; }
         div.notion-topbar-mobile > div:nth-child(7) { display: none !important; }
         div.notion-topbar-mobile > div:nth-child(1n).toggle-mode { display: block !important; }
-        </style>${customHeadJS ?? ''}`,
+        ${customHeadCSS ?? ''}
+        </style>
+        ${customHeadJS ?? ''}`,
       {
         html: true,
       },
diff --git a/src/types.ts b/src/types.ts
@@ -38,7 +38,8 @@ export interface NoteHostSiteConfigFull {
   // Google Font name, you can choose from https://fonts.google.com
   googleFont?: string
 
-  // Custom JS to be injected in <head> and <body>
+  // Custom CSS/JS to be injected in <head> and <body>
+  customHeadCSS?: string
   customHeadJS?: string
   customBodyJS?: string
 
diff --git a/templates/default/src/site-config.ts b/templates/default/src/site-config.ts
@@ -49,6 +49,7 @@ export const SITE_CONFIG: NoteHostSiteConfig = {
   googleFont: 'Roboto',
 
   // Custom JS for head and body of a Notion page
+  customHeadCSS: ``,
   customHeadJS: googleTag(GOOGLE_TAG_ID),
   customBodyJS: PAGE_SCRIPT_JS_STRING,
 }

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "notehost",`
`3`		`- "version": "1.0.29",`
	`3`	`+ "version": "1.0.30",`
`4`	`4`	`"description": "NoteHost is a free and powerful Notion hosting service.",`
`5`	`5`	`"repository": "https://github.com/velsa/notehost",`
`6`	`6`	`"homepage": "https://github.com/velsa/notehost",`
Original file line number	Diff line number	Diff line change
`@@ -49,6 +49,7 @@ export const SITE_CONFIG: NoteHostSiteConfig = {`
`49`	`49`	`googleFont: 'Roboto',`
`50`	`50`
`51`	`51`	`// Custom JS for head and body of a Notion page`
	`52`	+ customHeadCSS: ``,
`52`	`53`	`customHeadJS: googleTag(GOOGLE_TAG_ID),`
`53`	`54`	`customBodyJS: PAGE_SCRIPT_JS_STRING,`
`54`	`55`	`}`