From 9a6e4e2f8022894ee84077950e95ba01ff79b6b0 Mon Sep 17 00:00:00 2001
From: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Date: Mon, 16 Sep 2024 23:56:14 +0000
Subject: [PATCH] chore(deps-dev): bump typescript from 5.5.4 to 5.6.2 (#1418)
---
quartz/components/styles/darkmode.scss | 24 +++++++++++-------------
1 files changed, 11 insertions(+), 13 deletions(-)
diff --git a/quartz/components/styles/darkmode.scss b/quartz/components/styles/darkmode.scss
index 348c6f7..edf4e61 100644
--- a/quartz/components/styles/darkmode.scss
+++ b/quartz/components/styles/darkmode.scss
@@ -1,17 +1,15 @@
.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;
- }
+ text-align: inherit;
& svg {
- cursor: pointer;
- opacity: 0;
position: absolute;
width: 20px;
height: 20px;
@@ -29,20 +27,20 @@
color-scheme: light;
}
-:root[saved-theme="dark"] .toggle ~ label {
+: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