Dark theme: add styles for suggested answers components
Change-Id: I92c51d5fd495a35ae661fdf5a22c81e1a5463046
diff --git a/src/injections/ccdarktheme.css b/src/injections/ccdarktheme.css
index 3edcdae..e4f3023 100644
--- a/src/injections/ccdarktheme.css
+++ b/src/injections/ccdarktheme.css
@@ -14,6 +14,7 @@
--TWPT-button-background: #3c3e42;
--TWPT-green-A400: #00E676;
--TWPT-red-A400: #FF1744;
+ --TWPT-blue-A100: #82B1FF;
}
body {
@@ -423,6 +424,25 @@
color: #34a853!important;
}
+/* Suggested answers - show brighter blue */
+.suggested-icon {
+ color: var(--TWPT-blue-A100)!important;
+}
+
+/* Help button (shown in the suggested answers header) */
+.explanation-icon material-icon {
+ color: rgba(255, 255, 255, .54)!important;
+}
+
+/* Help button tooltip */
+.popup .paper-container {
+ background: var(--TWPT-drawer-background)!important;
+}
+
+.explanation-icon material-icon:hover {
+ color: var(--TWPT-blue-A100)!important;
+}
+
/* New thread view */
material-stepper .stepper-step-name,
material-stepper .purpose-title {