From 81f26230551c104efa6e72e390dc0279c187b0db Mon Sep 17 00:00:00 2001
From: Jeffrey Tse <jeffreytse.mail@gmail.com>
Date: Thu, 3 Aug 2023 22:24:35 +0800
Subject: perf: better css styles

---
 _sass/misc/theme-toggle.scss | 23 ++++++++++++++---------
 1 file changed, 14 insertions(+), 9 deletions(-)

(limited to '_sass/misc/theme-toggle.scss')

diff --git a/_sass/misc/theme-toggle.scss b/_sass/misc/theme-toggle.scss
index 0041677..4b79078 100644
--- a/_sass/misc/theme-toggle.scss
+++ b/_sass/misc/theme-toggle.scss
@@ -36,14 +36,19 @@
     user-select: none;
   }
 
-  .dark {
+  .names p {
+    margin-bottom: 0;
+    line-height: 24px;
     opacity: .5;
   }
 
-  p {
-    color: #acacac;
-    margin-bottom: 0;
-    line-height: 24px;
+  label .light {
+    color: #868686;
+    margin-left: -0.2em;
+  }
+
+  label .dark {
+    color: #b9b9b9;
   }
 
   [type="checkbox"] {
@@ -56,12 +61,12 @@
     background-color: #34323D;
   }
 
-  [type="checkbox"]:checked ~ label .dark{
-    opacity: 1;
+  [type="checkbox"]:checked ~ label .dark {
+    color: #ddd;
   }
 
-  [type="checkbox"]:checked ~ label .light{
-    opacity: .5;
+  [type="checkbox"]:checked ~ label .light {
+    color: #ccc;
   }
 
   @include media-query(1024px) {
-- 
cgit v1.2.3