From 54df5ad2301b87ad3cc8b4ed7ea15199c3b04b1f Mon Sep 17 00:00:00 2001 From: Kamil Kuzminski Date: Mon, 6 Mar 2023 16:31:25 +0100 Subject: [PATCH] Add support for Contao dark theme (#15) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Martin Auswöger --- src/Resources/public/css/be_main.css | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/src/Resources/public/css/be_main.css b/src/Resources/public/css/be_main.css index 728e177..4592ed3 100644 --- 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,7 +54,7 @@ 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; @@ -62,8 +62,8 @@ } .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)