Dark theme: add styles for notifications feature
Fixed: twpowertools:35
Change-Id: I136014a13eef70ff495a91c5981eb0cfadb7f599
diff --git a/src/static/css/ccdarktheme.css b/src/static/css/ccdarktheme.css
index 735e211..8967519 100644
--- a/src/static/css/ccdarktheme.css
+++ b/src/static/css/ccdarktheme.css
@@ -61,6 +61,11 @@
fill: rgba(255, 255, 255, .87)!important;
}
+/* Notification bell */
+notification-bell:focus {
+ background-color: rgba(255, 255, 255, .10)!important;
+}
+
/* Drawer */
material-drawer, material-drawer .panel, material-list-item {
background-color: var(--TWPT-drawer-background)!important;
@@ -924,6 +929,10 @@
}
/* Notifications bell popup/panel */
+.notification-panel .header {
+ border-bottom-color: var(--TWPT-card-border)!important;
+}
+
.notification-panel .header material-button {
color: var(--TWPT-secondary-text)!important;
}
@@ -936,6 +945,19 @@
color: var(--TWPT-primary-text)!important;
}
+.notification-panel .cards-container ec-notification-card-content {
+ border-bottom-color: var(--TWPT-card-border)!important;
+}
+
+.notification-panel .cards-container ec-notification-card-content .text {
+ color: var(--TWPT-primary-text)!important;
+}
+
+.notification-panel .cards-container ec-notification-card-content .time,
+ .notification-panel .cards-container ec-notification-card-content .close material-button {
+ color: var(--TWPT-secondary-text)!important;
+}
+
/* Account selector */
.popup-wrapper .profile .email {
color: rgba(255, 255, 255, .54)!important;