From c538c151c7462ad0395ff2c15c5e11e89e362aa8 Mon Sep 17 00:00:00 2001
From: Striven <sg.striven@cutecat.club>
Date: Sat, 04 Apr 2026 19:47:16 +0000
Subject: [PATCH] Initial commit
---
quartz/components/styles/darkmode.scss | 45 ++++++++++++++++++++++++++-------------------
1 files changed, 26 insertions(+), 19 deletions(-)
diff --git a/quartz/components/styles/darkmode.scss b/quartz/components/styles/darkmode.scss
index 10cbc72..e0999c7 100644
--- a/quartz/components/styles/darkmode.scss
+++ b/quartz/components/styles/darkmode.scss
@@ -1,17 +1,16 @@
.darkmode {
+ cursor: pointer;
+ padding: 0;
position: relative;
+ background: none;
+ border: none;
width: 20px;
- height: 20px;
- margin: 0 10px;
-
- & > .toggle {
- display: none;
- box-sizing: border-box;
- }
+ height: 32px;
+ margin: 0;
+ text-align: inherit;
+ flex-shrink: 0;
& svg {
- cursor: pointer;
- opacity: 0;
position: absolute;
width: 20px;
height: 20px;
@@ -21,20 +20,28 @@
}
}
-:root[saved-theme="dark"] .toggle ~ label {
- & > #dayIcon {
- opacity: 0;
+:root[saved-theme="dark"] {
+ color-scheme: dark;
+}
+
+:root[saved-theme="light"] {
+ color-scheme: light;
+}
+
+:root[saved-theme="dark"] .darkmode {
+ & > .dayIcon {
+ display: none;
}
- & > #nightIcon {
- opacity: 1;
+ & > .nightIcon {
+ display: inline;
}
}
-:root .toggle ~ label {
- & > #dayIcon {
- opacity: 1;
+:root .darkmode {
+ & > .dayIcon {
+ display: inline;
}
- & > #nightIcon {
- opacity: 0;
+ & > .nightIcon {
+ display: none;
}
}
--
Gitblit v1.10.0