perf(first-screen): add icon color css variable

XPoet · Nov 8, 2023 · c1f6172 · c1f6172
1 parent 8f633ec
commit c1f6172
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 3 deletions.
diff --git a/source/css/common/css-variables.styl b/source/css/common/css-variables.styl
@@ -40,9 +40,11 @@
   // first screen
   // ==============================================================================================
   --first-screen-font-size 2rem
-  --first-screen-icon-size 1.8rem
   --first-screen-font-color-light $text-color-3
   --first-screen-font-color-dark $dark-text-color-3
+  --first-screen-icon-size 1.8rem
+  --first-screen-icon-color-light $text-color-3
+  --first-screen-icon-color-dark $dark-text-color-3
 
 
   // ==============================================================================================

diff --git a/source/css/layout/_partial/first-screen.styl b/source/css/layout/_partial/first-screen.styl
@@ -89,16 +89,30 @@ $fs-bg-img-dark = $temp-fs-bg-img-dark ? $temp-fs-bg-img-dark : $fs-bg-img-light
           cursor pointer
 
           i {
-            color var(--text-color-3)
+            color var(--first-screen-icon-color-light)
             font-size var(--first-screen-icon-size)
           }
 
+
           svg {
             width var(--first-screen-icon-size)
             height var(--first-screen-icon-size)
 
             path {
-              fill var(--text-color-3)
+              fill var(--first-screen-icon-color-light)
+            }
+          }
+
+
+          .dark-mode & {
+            i {
+              color var(--first-screen-icon-color-dark)
+            }
+
+            svg {
+              path {
+                fill var(--first-screen-icon-color-dark)
+              }
             }
           }
 
@@ -114,6 +128,7 @@ $fs-bg-img-dark = $temp-fs-bg-img-dark ? $temp-fs-bg-img-dark : $fs-bg-img-light
             }
           }
 
+
           a {
             display flex !important
             align-items center !important