wip

frontend/src/App/Navbar.module.scss

@@ -1,19 +1,14 @@
 .anchor {
+  border-color: var(--mantine-color-gray-5);
   text-decoration: none;
 
-  @include light {
-    border-color: var(--mantine-color-gray-5);
-  }
-
   @include dark {
     border-color: var(--mantine-color-dark-5);
   }
 
   &.active {
-    @include light {
-      border-left: 2px solid $color-brand-4;
-      background-color: var(--mantine-color-gray-1);
-    }
+    border-left: 2px solid $color-brand-4;
+    background-color: var(--mantine-color-gray-1);
 
     @include dark {
       border-left: 2px solid $color-brand-8;
@@ -22,9 +17,7 @@
   }
 
   &.hover {
-    @include light {
-      background-color: var(--mantine-color-gray-0);
-    }
+    background-color: var(--mantine-color-gray-0);
 
     @include dark {
       background-color: var(--mantine-color-dark-7);
@@ -44,9 +37,7 @@
 }
 
 .nav {
-  @include light {
-    background-color: var(--mantine-color-gray-2);
-  }
+  background-color: var(--mantine-color-gray-2);
 
   @include dark {
     background-color: var(--mantine-color-dark-8);
@@ -57,10 +48,7 @@
   display: inline-flex;
   align-items: center;
   width: 100%;
-
-  @include light {
-    color: var(--mantine-color-gray-8);
-  }
+  color: var(--mantine-color-gray-8);
 
   @include dark {
     color: var(--mantine-color-gray-5);

frontend/src/assets/action_icon.module.scss

@@ -1,9 +1,7 @@
 @layer mantine {
   .root {
-    @include dark {
-      &[data-variant="light"] {
-        color: var(--mantine-color-dark-0);
-      }
+    &[data-variant="light"] {
+      color: var(--mantine-color-dark-0);
     }
 
     @include light {

frontend/src/assets/app_shell.module.scss

@@ -1,3 +1,5 @@
 .main {
-  background-color: rgb(26, 27, 30);
+  @include dark {
+    background-color: rgb(26, 27, 30);
+  }
 }