From 9c8fec06d2b58e4e3bbe280ddc665a99fcc4878c Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Sun, 09 Mar 2025 22:33:15 +0000
Subject: [PATCH] feat: support non-singleton search
---
quartz/components/styles/darkmode.scss | 44 +++++++++++++++++++++++---------------------
1 files changed, 23 insertions(+), 21 deletions(-)
diff --git a/quartz/components/styles/darkmode.scss b/quartz/components/styles/darkmode.scss
index 561a83c..4295282 100644
--- a/quartz/components/styles/darkmode.scss
+++ b/quartz/components/styles/darkmode.scss
@@ -1,45 +1,47 @@
.darkmode {
- float: right;
- padding: 1rem;
- min-width: 30px;
+ cursor: pointer;
+ padding: 0;
position: relative;
-
- @media all and (max-width: 450px) {
- padding: 1rem;
- }
-
- & > .toggle {
- display: none;
- box-sizing: border-box;
- }
+ background: none;
+ border: none;
+ width: 20px;
+ height: 20px;
+ margin: 0 10px;
+ text-align: inherit;
+ flex-shrink: 0;
& svg {
- cursor: pointer;
- opacity: 0;
position: absolute;
width: 20px;
height: 20px;
top: calc(50% - 10px);
- margin: 0 7px;
fill: var(--darkgray);
transition: opacity 0.1s ease;
}
}
-:root[saved-theme="dark"] .toggle ~ label {
+:root[saved-theme="dark"] {
+ color-scheme: dark;
+}
+
+:root[saved-theme="light"] {
+ color-scheme: light;
+}
+
+:root[saved-theme="dark"] .darkmode {
& > #dayIcon {
- opacity: 0;
+ display: none;
}
& > #nightIcon {
- opacity: 1;
+ display: inline;
}
}
-:root .toggle ~ label {
+:root .darkmode {
& > #dayIcon {
- opacity: 1;
+ display: inline;
}
& > #nightIcon {
- opacity: 0;
+ display: none;
}
}
--
Gitblit v1.10.0