From 414dd132aed70f4bd96cb712d00eacc82d2753e9 Mon Sep 17 00:00:00 2001
From: Cotes Chung <11371340+cotes2020@users.noreply.github.com>
Date: Tue, 21 Mar 2023 10:40:44 +0800
Subject: [PATCH] perf(ui): improve categories color in dark mode

---
 _sass/colors/dark-typography.scss | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/_sass/colors/dark-typography.scss b/_sass/colors/dark-typography.scss
index c7db19f..e381616 100644
--- a/_sass/colors/dark-typography.scss
+++ b/_sass/colors/dark-typography.scss
@@ -21,7 +21,7 @@
   --btn-backtotop-color: var(--text-color);
   --btn-backtotop-border-color: var(--btn-border-color);
   --btn-box-shadow: var(--main-bg);
-  --card-header-bg: rgb(51, 50, 50);
+  --card-header-bg: rgb(48, 48, 48);
   --label-color: rgb(108, 117, 125);
   --checkbox-color: rgb(118, 120, 121);
   --checkbox-checked-color: var(--link-color);
@@ -90,7 +90,7 @@
   --dash-color: rgb(63, 65, 68);
 
   /* categories */
-  --categories-border: rgb(64, 66, 69);
+  --categories-border: rgb(64, 66, 69, 0.5);
   --categories-hover-bg: rgb(73, 75, 76);
   --categories-icon-hover-color: white;
 
@@ -114,6 +114,10 @@
   }
 
   .categories {
+    &.card {
+      border-color: var(--main-border-color);
+    }
+
     .card-header {
       background-color: var(--card-header-bg);
     }