added dark mode and margin changes

2022-03-22 22:14:38 +01:00
parent 31722d4bf4
commit f25f3daf7f
8 changed files with 92 additions and 15 deletions
@@ -35,4 +35,35 @@ notification-bubble.syntax-error {
    background-color: #d15353;
    font-size: 22px;
    padding: 30px;
+}
+
+@media (prefers-color-scheme: dark) {
+    notification-bubble {
+        color: white;
+    }
+
+    notification-bubble.log {
+        background-color: #242424;
+        border-color: #202020;
+    }
+    
+    notification-bubble.info {
+        background-color: #77772e;
+        border-color: #66662f;
+    }
+    
+    notification-bubble.warn {
+        background-color: #928800;
+        border-color: #857c00;
+    }
+    
+    notification-bubble.error {
+        background-color: #920000;
+        border-color: #7c0000;
+    }
+    
+    notification-bubble.syntax-error {
+        background-color: #470000;
+        background-color: #2b0000;
+    }
 }