From 8c9509a906f31a7daf5106b413848ccc15110bd4 Mon Sep 17 00:00:00 2001
From: chylex <contact@chylex.com>
Date: Wed, 7 Nov 2018 10:27:08 +0100
Subject: [PATCH] Fix broken colors of plugin elements with dark theme
---
Resources/Plugins/edit-design/modal.html | 11 +++++++++++
Resources/Plugins/templates/modal.html | 6 +++---
2 files changed, 14 insertions(+), 3 deletions(-)
diff --git a/Resources/Plugins/edit-design/modal.html b/Resources/Plugins/edit-design/modal.html
index ef0571bf..d9453507 100644
--- a/Resources/Plugins/edit-design/modal.html
+++ b/Resources/Plugins/edit-design/modal.html
@@ -173,12 +173,23 @@
#edit-design-panel {
width: 693px;
height: 380px;
+ background-color: #FFF;
+ box-shadow: 0 0 10px rgba(17, 17, 17, 0.5);
+ }
+
+ #edit-design-panel .mdl-header {
+ color: #8899A6;
}
#edit-design-panel .mdl-inner {
padding-top: 0;
}
+ #edit-design-panel .mdl-content {
+ border: 1px solid #CCD6DD;
+ background: #EAEAEA;
+ }
+
#edit-design-panel-inner-cols {
padding: 0 6px;
}
diff --git a/Resources/Plugins/templates/modal.html b/Resources/Plugins/templates/modal.html
index a9a60aae..1d9bcfaf 100644
--- a/Resources/Plugins/templates/modal.html
+++ b/Resources/Plugins/templates/modal.html
@@ -171,14 +171,14 @@
}
.template-editor-form input, .template-editor-form textarea {
- color: #111;
- background-color: #fff;
+ color: #111 !important;
+ background-color: #fff !important;
border: none;
border-radius: 0;
}
.template-editor-form input:focus, .template-editor-form textarea:focus {
- box-shadow: inset 0 1px 3px rgba(17, 17, 17, 0.1), 0 0 8px rgba(80, 165, 230, 0.6);
+ box-shadow: inset 0 1px 3px rgba(17, 17, 17, 0.1), 0 0 8px rgba(80, 165, 230, 0.6) !important;
}
.template-editor-form textarea {