style: update dark mode

levxyca · Sep 21, 2024 · 55e61c8 · 55e61c8
1 parent 26ea842
commit 55e61c8
Show file tree

Hide file tree

Showing 5 changed files with 64 additions and 1 deletion.
diff --git a/assets/css/dark_mode.css b/assets/css/dark_mode.css
diff --git a/assets/css/dark_mode.css.map b/assets/css/dark_mode.css.map
diff --git a/assets/sass/_variables.sass b/assets/sass/_variables.sass
@@ -1,6 +1,7 @@
 $black: #232226
 $white: #ffffff
 
+$gray-700: #3e3e3f
 $gray-500: #9698a0
 $gray-300: #cccccc
 $gray-100: #f2f2f2

diff --git a/assets/sass/dark_mode.sass b/assets/sass/dark_mode.sass
@@ -7,6 +7,35 @@
     .header
         &__subtitle
             color: $white
+
+        .github-corner
+            color: $black
+    .main
+        .cookies-content
+            background-color: $gray-700
+            .cookies-message 
+                color: $white
+            a
+                color: $primary-100
+
+        .card
+            background-color: $gray-700
+
+            &__title
+                color: $primary-100
+            &__description
+                color: $white
+
+        .search
+            .searchbar
+                background-color: $gray-700
+                color: $white
+                &__input
+                    color: $white
+
+        #tags-filter
+            background-color: $gray-700
+            color: $white
 
 .button-dark-mode
     background-color: $primary-500

diff --git a/index.html b/index.html
@@ -17,6 +17,7 @@
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
   <link rel="stylesheet" href="assets/css/style.css" />
   <link rel="stylesheet" href="assets/css/cookies.css">
+  <link rel="stylesheet" href="assets/css/dark_mode.css">
 
   <!-- Phosphor Icons -->
   <script src="https://unpkg.com/@phosphor-icons/web"></script>