Add support for Contao dark theme (#15)

Co-authored-by: Martin Auswöger <martin@auswoeger.com>
madeyourday · Mar 6, 2023 · 54df5ad · 54df5ad
1 parent 18e1b1b
commit 54df5ad
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/src/Resources/public/css/be_main.css b/src/Resources/public/css/be_main.css
@@ -11,13 +11,13 @@
 	min-width: 32px;
 	margin: 5px 10px 5px 0;
 	padding: 6px;
-	border: 1px solid #ccc;
+	border: 1px solid var(--form-border, #aaa);
 	/* imporant needed to overwrite `.widget > div` from basic.css */
 	font-size: 32px !important;
 	line-height: 1;
 	text-align: center;
 	vertical-align: middle;
-	background: #f6f6f6;
+	background: var(--form-bg, #fff);
 }
 .rip_icons {
 	display: inline-block;
@@ -32,9 +32,9 @@
 	position: relative;
 	margin-bottom: -1px;
 	padding: 2px 2px 2px 10px;
-	border: 1px solid #ccc;
+	border: 1px solid var(--form-border, #aaa);
 	font-family: Verdana, Arial, sans-serif;
-	background: #f6f6f6;
+	background: var(--form-bg, #fff);
 }
 .rip_icons_toolbar input {
 	width: 40%;
@@ -54,16 +54,16 @@
 	height: 32px;
 	margin: 0 -1px -1px 0;
 	padding: 4px;
-	border: 1px solid #ccc;
+	border: 1px solid var(--form-border, #aaa);
 	font-family: inherit;
 	font-size: 32px;
 	line-height: 1;
 	text-align: center;
 }
 .rip_icons > a:hover,
 .rip_icons > a:focus {
-	color: #fff;
-	background: #666;
+	color: var(--invert-text, #fff);
+	background: var(--invert-bg, #333);
 	-webkit-transform: scale(2);
 	transform: scale(2);
 	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3)