Update confirm-dialog.css

Snail-IDE · Jan 17, 2024 · e7bca73 · e7bca73
1 parent 547f4ea
commit e7bca73
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/src/css/confirm-dialog.css b/src/css/confirm-dialog.css
@@ -1,3 +1,5 @@
+@import "../css/colors.css";
+
 .base {
     background-color: hsla(194, 100%, 50%, 0.5);
     position: fixed;
@@ -8,11 +10,14 @@
     align-items: center;
     justify-content: center;
 }
+[theme="dark"] .base {
+    background-color: #333a;
+}
 
 .promptBox {
     width: 540px;
     height: 380px;
-    background-color: white;
+    background: $ui-white;
     border-radius: 8px;
     outline-color: hsla(0, 0%, 100%, 0.25);
     outline-width: 4px;
@@ -21,6 +26,10 @@
     position: relative;
     color: black;
 }
+[theme="dark"] .promptBox {
+    color: $text-primary;
+    background: $ui-primary;
+}
 
 .header {
     width: 100%;
@@ -31,6 +40,9 @@
     justify-content: center;
     color: white;
 }
+[theme="dark"] .header {
+    background-color: $motion-primary-dark;
+}
 
 .buttonRow {
     height: 2.125em;