perf(ui): improve categories color in dark mode

Author: cotes2020

_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);
     }