snapdrop

commit fde3d6754974cffb01bdb83ded0556a992482049
parent 14ead247ed02f0ff1e15b3aff58b9f7488e69829
Author: RobinLinus <robinlinus@users.noreply.github.com>
Date:   Sun, 20 Dec 2020 22:23:25 +0100

Fix dialogs in darkmode

Diffstat:
M
client/styles.css
 | 
21
++++++++++++++++++---

1 file changed, 18 insertions(+), 3 deletions(-)
diff --git a/client/styles.css b/client/styles.css
@@ -490,6 +490,7 @@ textarea {
     font-size: 14px;
     font-family: inherit;
     resize: none;
+    background: #f1f3f4;
 }
 
 
@@ -674,6 +675,8 @@ screen and (min-width: 1100px) {
     }
 }
 
+
+
 /* Default colors */
 body {
   --text-color: #333;
@@ -682,15 +685,27 @@ body {
   --bkg-color: #fafafa;
   background-color: #fafafa;
 }
+
 /* Dark theme colors */
 body.dark-theme {
   --text-color: #eee;
   color: #eee;
-
   --bkg-color: #121212;
   background-color: #121212;
 }
 
+body.dark-theme x-dialog x-paper {
+    --bkg-color: #333;
+    background-color: #333;
+}
+
+body.dark-theme textarea {
+    --text-color: #eee;
+    color: #eee;
+    --bkg-color: #121212;
+    background-color: #121212;
+}
+
 /* Styles for users who prefer dark mode at the OS level */
 @media (prefers-color-scheme: dark) {
   /* defaults to dark theme */
@@ -704,7 +719,7 @@ body.dark-theme {
     --bkg-color: #333;
     background-color: #333;
   }
-  input {
+  textarea {
     --text-color: #eee;
     color: #eee;
     --bkg-color: #121212;
@@ -721,7 +736,7 @@ body.dark-theme {
     --bkg-color: #fff;
     background-color: #fff;
   }
-  body.light-theme input {
+  body.light-theme textarea {
     --text-color: #333;
     color: #333;
     --bkg-color: #f1f3f4;