From 50bb1ffd8aa00d85d3a17bc1a4e52d26187afa7e Mon Sep 17 00:00:00 2001
From: Aaron Pham <29749331+aarnphm@users.noreply.github.com>
Date: Wed, 31 Jan 2024 17:38:42 +0000
Subject: [PATCH] feat(usability): update functions for search (#774)
---
quartz/components/styles/darkmode.scss | 19 +++++++++++--------
1 files changed, 11 insertions(+), 8 deletions(-)
diff --git a/quartz/components/styles/darkmode.scss b/quartz/components/styles/darkmode.scss
index 561a83c..348c6f7 100644
--- a/quartz/components/styles/darkmode.scss
+++ b/quartz/components/styles/darkmode.scss
@@ -1,12 +1,8 @@
.darkmode {
- float: right;
- padding: 1rem;
- min-width: 30px;
position: relative;
-
- @media all and (max-width: 450px) {
- padding: 1rem;
- }
+ width: 20px;
+ height: 20px;
+ margin: 0 10px;
& > .toggle {
display: none;
@@ -20,12 +16,19 @@
width: 20px;
height: 20px;
top: calc(50% - 10px);
- margin: 0 7px;
fill: var(--darkgray);
transition: opacity 0.1s ease;
}
}
+:root[saved-theme="dark"] {
+ color-scheme: dark;
+}
+
+:root[saved-theme="light"] {
+ color-scheme: light;
+}
+
:root[saved-theme="dark"] .toggle ~ label {
& > #dayIcon {
opacity: 0;
--
Gitblit v1.10.0