commit a51c7618363c8f05fd3c1d4ddc5d72957d943d27
author avm99963 <me@avm99963.com> Wed Nov 25 23:58:56 2020 +0100
committer Adrià Vilanova Martínez <me@avm99963.com> Wed Nov 25 23:01:32 2020 +0000
tree d6e0be2db4f1bac2cdb4790c7935a853e99e36b8
parent a2a06449cd77e6a85ba9ffbebe187cb59196504a

[Dark Theme] Darken work state picker

Change-Id: Ie06e52b83ec42f908e86c372b1867ea72c3a3ca9

src/injections/ccdarktheme.css

diff --git a/src/injections/ccdarktheme.css b/src/injections/ccdarktheme.css
index d481101..4760876 100644
--- a/src/injections/ccdarktheme.css
+++ b/src/injections/ccdarktheme.css
@@ -10,6 +10,7 @@
   --TWPT-link: #8ab4f8;
   --TWPT-thread-read-background: rgba(255, 255, 255, .08);
   --TWPT-drawer-background: #2d2e30;
+  --TWPT-button-background: #3c3e42;
 }
 
 body {
@@ -73,6 +74,10 @@
 }
 
 /* Selector */
+
+/*
+ * This applies not only to the selector but also to the ec-work-state-picker.
+ */
 .popup-wrapper, material-list {
   background-color: var(--TWPT-drawer-background)!important;
 }
@@ -140,6 +145,17 @@
   color: #fbbc04!important;
 }
 
+/* ec-work-state-picker */
+ec-work-state-picker > button {
+  color: var(--TWPT-secondary-text)!important;
+  background-color: var(--TWPT-button-background)!important;
+  border-color: var(--TWPT-subtle-border)!important;
+}
+
+.material-popup-content .popup-content .title {
+  color: var(--TWPT-primary-text)!important;
+}
+
 /* Thread list */
 ec-thread-list ul.thread-group {
   background-color: var(--TWPT-primary-background)!important;
@@ -261,7 +277,7 @@
     ec-message .upvote-button,
     ec-message .downvote-button {
   color: var(--TWPT-secondary-text)!important;
-  background-color: #3c3e42!important;
+  background-color: var(--TWPT-button-background)!important;
 }
 
 ec-question .me-too-button.selected,