Quellcode durchsuchen

Improve modals in dark mode via a dark backdrop and shadow.

7heMech vor 1 Monat
Ursprung
Commit
fdc0c29f28
1 geänderte Dateien mit 9 neuen und 0 gelöschten Zeilen
  1. 9 0
      frontend/src/App.css

+ 9 - 0
frontend/src/App.css

@@ -13,6 +13,15 @@
 	--tblr-backdrop-opacity: 0.8 !important;
 }
 
+[data-bs-theme="dark"] .modal-content {
+	--tblr-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
+}
+
+[data-bs-theme="dark"] .modal-backdrop {
+	--tblr-backdrop-bg: #000 !important;
+	--tblr-backdrop-opacity: 0.65 !important;
+}
+
 .domain-name {
 	font-family: monospace;
 }