[Dark Theme] Polish the CR list
The Canned Response list with the dark theme looked too bright (and
horrible), so this change fixes this.
Fixes: #12
Change-Id: Id1ba06f0c95c4ec797d0243b5654d0005c901f99
diff --git a/src/injections/ccdarktheme.css b/src/injections/ccdarktheme.css
index f318a40..9b80c7f 100644
--- a/src/injections/ccdarktheme.css
+++ b/src/injections/ccdarktheme.css
@@ -104,7 +104,10 @@
color: var(--TWPT-primary-text)!important;
}
-main .title-bar {
+/* Border color for the page title bar (most pages use .title-bar although
+ * some use .page-header).
+ */
+main .title-bar, main .page-header {
border-bottom-color: var(--TWPT-subtle-border)!important;
}
@@ -559,11 +562,16 @@
/* Canned responses */
ec-canned-responses .filter-label,
- ec-canned-responses ec-canned-response-row .name,
- ec-canned-responses ec-canned-response-row .snippet {
+ ec-canned-responses ec-canned-response-row .name {
color: var(--TWPT-primary-text)!important;
}
+ec-canned-responses .label-row,
+ ec-canned-responses ec-canned-response-row .snippet,
+ ec-canned-responses ec-canned-response-row .tag {
+ color: var(--TWPT-secondary-text)!important;
+}
+
ec-canned-responses ec-canned-response-row .header.closed:hover,
ec-canned-responses ec-canned-response-row .header.closed:focus,
ec-canned-responses ec-canned-response-row .header.closed:hover .toolbar,
@@ -571,6 +579,12 @@
background-color: var(--TWPT-active-background)!important;
}
+ec-canned-responses .filter-row,
+ ec-canned-responses .label-row,
+ ec-canned-responses ec-canned-response-row material-expansionpanel {
+ border-bottom-color: var(--TWPT-subtle-border)!important;
+}
+
/* Reply button */
material-fab.reply-button {
background-color: var(--TWPT-link)!important;