Invert color of the alerts in dark mdoe

ActivityWatch · Jul 10, 2024 · 275a2e6 · 275a2e6 · github-actions · Jul 10, 2024
1 parent 11ea327
commit 275a2e6
Showing 1 changed file with 25 additions and 1 deletion.
diff --git a/static/dark.css b/static/dark.css
@@ -8,7 +8,7 @@ a, button, span, div, select {
   outline: none;
 }
 
-body, button:not(.close), html, table {
+body, button, html, table {
   color: #e9ebf0 !important;
 }
 
@@ -240,4 +240,28 @@ div[style="color: rgb(85, 85, 85); font-size: 0.9em;"] {
 
 [aria-sort="descending"] {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none' fill='white'%3E%3Cpath opacity='.4' d='m51 1 25 23 24 22H1l25-22z'/%3E%3Cpath opacity='.8' d='m51 101 25-23 24-22H1l25 22z'/%3E%3C/svg%3E") !important;
+}
+
+.alert-success {
+  color: hsl(135, 70%, 90%);
+  background-color: hsl(135, 60%, 30%);
+  border-color: hsl(135, 60%, 25%);
+}
+
+.alert-info {
+  color: hsl(190, 70%, 90%);
+  background-color: hsl(190, 60%, 30%);
+  border-color: hsl(190, 60%, 25%);
+}
+
+.alert-warning {
+  color: hsl(45, 70%, 90%);
+  background-color: hsl(45, 60%, 30%);
+  border-color: hsl(45, 60%, 25%);
+}
+
+.alert-danger {
+  color: hsl(355, 70%, 90%);
+  background-color: hsl(355, 60%, 30%);
+  border-color: hsl(355, 60%, 25%);
 }