Fix minor dark theme issues
This commit:
* Increases brightness in all user roles.
* Colors correctly the "Recommended answer" label in replies and alerts
inside replies.
* Fades the unread threads title in the thread list so they can be
distinguished more easily from read threads.
Co-authored-by: darkufo <darkufo@spoilertv.com>
Change-Id: I7c2efe7734a6371b7f85a5250dcf070cf7b29c33
diff --git a/src/injections/ccdarktheme.css b/src/injections/ccdarktheme.css
index 6c15b0d..0f2c4b5 100644
--- a/src/injections/ccdarktheme.css
+++ b/src/injections/ccdarktheme.css
@@ -150,6 +150,10 @@
background-color: var(--TWPT-thread-read-background)!important;
}
+ec-thread-summary material-expansionpanel.read .title {
+ opacity: 0.8;
+}
+
ec-thread-summary material-expansionpanel.checked {
background-color: #17191c!important;
}
@@ -181,15 +185,15 @@
color: var(--TWPT-secondary-text)!important;
}
-ec-question .alert {
+ec-question .alert, ec-message .alert {
background-color: var(--TWPT-active-background)!important;
}
-ec-question .alert material-icon {
+ec-question .alert material-icon, ec-message .alert material-icon {
color: var(--TWPT-primary-text)!important;
}
-ec-question .alert ec-icon {
+ec-question .alert ec-icon, ec-message .alert ec-icon {
color: var(--TWPT-primary-text)!important;
fill: var(--TWPT-primary-text)!important;
}
@@ -232,6 +236,10 @@
border-color: var(--TWPT-card-border)!important;
}
+ec-message .type {
+ color: var(--TWPT-primary-text)!important;
+}
+
ec-message .footer ec-relative-time,
ec-message .footer ec-safe-html {
color: var(--TWPT-secondary-text)!important;
@@ -327,6 +335,10 @@
color: var(--TWPT-primary-text)!important;
}
+ec-user .role {
+ filter: brightness(1.5);
+}
+
ec-user bar-chart .axis text {
fill: rgba(255, 255, 255, .54)!important;
}