Einfache Anpassungen für das Redaxo Dark Theme (#65)

Ein paar einfache Anpassungen damit Watson auch im Dark Theme noch lesbar ist.
tbaddade · Jun 20, 2022 · 42b0ba6 · 42b0ba6
1 parent 5136b7b
commit 42b0ba6
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/assets/watson.css b/assets/watson.css
@@ -30,6 +30,9 @@
 #watson-agent .watson-logo > svg .fill-1 {
     fill: #324050;
 }
+body.rex-theme-dark #watson-agent .watson-logo > svg .fill-1 {
+    fill: rgba(255, 255, 255, 0.75);
+}
 .watson-btn,
 .watson-btn:active {
     margin-right: 20px;
@@ -70,7 +73,9 @@
             mask-size: cover;
 */
 }
-
+body.rex-theme-dark #watson-agent{
+    background-color: #242f3c;
+}
 #watson-agent form {
     margin-right: 60px;
 }
@@ -81,6 +86,10 @@
     border: 0;
     font-size: 36px;
 }
+body.rex-theme-dark #watson-agent input[type="text"] {
+    background-color: rgba(27, 35, 44, 0.8);
+    border-color: rgba(21, 28, 34, 0.8);
+}
 #watson-agent-overlay {
     display: none;
     position: fixed;
@@ -203,6 +212,9 @@
     overflow-y: scroll;
     overflow-x: hidden;
 }
+body.rex-theme-dark #watson-agent .tt-menu {
+    background-color: #242f3c;
+}
 #watson-agent .tt-menu .tt-dataset {
     padding: 10px;
 }