- dark mode

2026-04-21 17:12:15 +00:00 · 2021-04-06 07:23:43 +02:00
parent 2ca4d4a02d
commit e0daa46b50
12 changed files with 280 additions and 588 deletions
--- a/resources/js/Oasis/Homepage/Components/OasisNavigation.vue
+++ b/resources/js/Oasis/Homepage/Components/OasisNavigation.vue
@@ -151,4 +151,19 @@
            display: none;
        }
    }
+
+
+    @media (prefers-color-scheme: dark) {
+        .navigation {
+
+            .links li a {
+                color: $dark-mode-text;
+            }
+
+            &.white {
+                background: rgba(darken($theme-bg-dark, 10%), 0.9);
+                backdrop-filter: blur(18px);
+            }
+        }
+    }
 </style>