Procházet zdrojové kódy

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

7heMech před 1 měsícem
rodič
revize
fdc0c29f28
1 změnil soubory, kde provedl 9 přidání a 0 odebrání
  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;
 }