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/article-menu.scss |  3 +--
 _sass/misc/theme-toggle.scss | 23 ++++++++++++++---------
 2 files changed, 15 insertions(+), 11 deletions(-)

(limited to '_sass/misc')

diff --git a/_sass/misc/article-menu.scss b/_sass/misc/article-menu.scss
index bc168f5..418b4f3 100644
--- a/_sass/misc/article-menu.scss
+++ b/_sass/misc/article-menu.scss
@@ -11,7 +11,6 @@
     font-size: $base-font-size * 1.5;
     margin-bottom: 14px;
     font-weight: 600;
-    color: #222;
   }
 
   .post-menu-content {
@@ -39,7 +38,7 @@
 
         &:hover {
           text-decoration: none;
-          color: lighten($text-color, 20%)!important;
+          color: lighten($text-color, 30%)!important;
         }
       }
 
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