alerts on dark

Author: opatut

assets/scss/dark.scss

@@ -6,6 +6,8 @@
   --foreground: #101010;
   --background-1: #f1f1f6;
   --background-2: #e9e9e9;
+
+  --dark-text: #101010;
 }
 
 @media (prefers-color-scheme: dark) {
@@ -19,4 +21,17 @@
     color: var(--foreground);
     background: var(--background);
   }
+
+  .alert-info {
+    background: adjust-color(blue, $alpha: -0.8);
+  }
+
+  .alert-warning {
+    background: adjust-color(red, $alpha: -0.8);
+  }
+
+  .alert-success {
+    background: adjust-color(green, $alpha: -0.8);
+  }
+
 }

assets/scss/features.scss

@@ -72,7 +72,7 @@
      border: none;
 
      &, &:visited, &:hover {
-       color: #101010;
+       color: var(--dark-text);
      }
 
      &:hover {