finally dark mode issues fixed and darkmode button gone antardhyan

Trikashasan · Feb 11, 2025 · 78c217f · 78c217f
1 parent 2d6e506
commit 78c217f
Show file tree

Hide file tree

Showing 10 changed files with 30 additions and 12 deletions.
diff --git a/public/index.css b/public/index.css
diff --git a/public/index.html b/public/index.html
diff --git a/public/prescript.js b/public/prescript.js
diff --git a/public/tags/index.html b/public/tags/index.html
diff --git a/public/tags/introduction.html b/public/tags/introduction.html
diff --git a/quartz.config.ts b/quartz.config.ts
@@ -27,7 +27,7 @@ const config: QuartzConfig = {
       defaultMode: 'dark',
       colors: {
         lightMode: {
-          light: "#0c0d18ed",
+          light: "#121212ed",
           lightgray: "#5b2041",
           gray: "#cb3087",
           darkgray: "#d4d4d4",

diff --git a/quartz.layout.ts b/quartz.layout.ts
@@ -29,7 +29,7 @@ export const defaultContentPageLayout: PageLayout = {
   ],
   left: [
     Component.PageTitle(),
-    //Component.Darkmode(),
+    Component.Darkmode(),
     Component.MobileOnly(Component.Spacer()),
     Component.MobileOnly(ExtraComponent.OverlayExplorer(
       {filterFn: (node) => (node.name !== "tags" && node.name !== "License")},
@@ -54,7 +54,7 @@ export const defaultListPageLayout: PageLayout = {
   beforeBody: [Component.Breadcrumbs(), Component.ArticleTitle(), Component.ContentMeta()],
   left: [
     Component.PageTitle(),
-    //Component.Darkmode(),
+    Component.Darkmode(),
     Component.MobileOnly(Component.Spacer()),
     Component.MobileOnly(ExtraComponent.OverlayExplorer(
       {filterFn: (node) => (node.name !== "tags" && node.name !== "License")},

diff --git a/quartz/.quartz-cache/transpiled-build.mjs b/quartz/.quartz-cache/transpiled-build.mjs
diff --git a/quartz/.quartz-cache/transpiled-build.mjs.map b/quartz/.quartz-cache/transpiled-build.mjs.map
diff --git a/quartz/styles/custom.scss b/quartz/styles/custom.scss
@@ -1,6 +1,11 @@
 @use "./base.scss";
 
 // put your custom CSS here!
+html {
+  background-color: var(--light);
+}
+
+
 body {
   background: url(images/hrim.png) no-repeat fixed;
   background-size: cover;
@@ -122,3 +127,7 @@ body {
     align-items: center;
     justify-content: center;
 }
+
+.darkmode {
+    display: none;
+}