Bug 1619725 - Lighten up the lwt-accent-color used in dark mode. r=aleca
authorRichard Marti <richard.marti@gmail.com>
Sat, 09 May 2020 13:53:02 +0300
changeset 39101 fed192723bc2c0762edc482a62936bc5b8f16dbf
parent 39100 caeedaa95357d395f8495cf138cca61099042966
child 39102 029c3accdb5d2d143b33ee5ce8a0b5ceaa331261
push id402
push userclokep@gmail.com
push dateMon, 29 Jun 2020 20:48:04 +0000
reviewersaleca
bugs1619725
Bug 1619725 - Lighten up the lwt-accent-color used in dark mode. r=aleca
calendar/base/themes/common/today-pane.css
mail/themes/addons/dark/manifest.json
mail/themes/shared/mail/messenger.css
--- a/calendar/base/themes/common/today-pane.css
+++ b/calendar/base/themes/common/today-pane.css
@@ -101,16 +101,21 @@
   background-color: -moz-Dialog;
 }
 
 :root[lwt-tree] #today-pane-panel > vbox {
   background-color: var(--lwt-accent-color);
   color: var(--sidebar-text-color);
 }
 
+:root[lwt-tree-brighttext] #today-pane-panel > vbox {
+  background-image: linear-gradient(rgba(255, 255, 255, 0.05),
+                                    rgba(255, 255, 255, 0.05));
+}
+
 :root[lwt-tree] #agenda-panel > modebox {
   background-color: var(--sidebar-background-color);
 }
 
 :root[lwt-tree] .today-subpane {
   border-bottom-color: var(--sidebar-border-color);
 }
 
--- a/mail/themes/addons/dark/manifest.json
+++ b/mail/themes/addons/dark/manifest.json
@@ -13,17 +13,17 @@
   "version": "1.0",
 
   "icons": {"32": "icon.svg"},
 
   "theme": {
     "colors": {
       "tab_background_text": "rgb(249, 249, 250)",
       "icons": "rgb(249, 249, 250, 0.7)",
-      "frame": "hsl(240, 5%, 5%)",
+      "frame": "rgb(24, 24, 26)",
       "popup": "#4a4a4f",
       "popup_text": "rgb(249, 249, 250)",
       "popup_border": "#27272b",
       "tab_line": "#0a84ff",
       "toolbar": "hsl(240, 1%, 20%)",
       "toolbar_bottom_separator": "hsl(240, 5%, 5%)",
       "toolbar_field": "rgb(71, 71, 73)",
       "toolbar_field_border": "rgba(249, 249, 250, 0.2)",
--- a/mail/themes/shared/mail/messenger.css
+++ b/mail/themes/shared/mail/messenger.css
@@ -29,16 +29,17 @@
 }
 
 :root[extradragspace][tabsintitlebar]:not([inFullscreen]) {
   --space-above-tabbar: 8px;
 }
 
 /* Styles for the default system dark theme */
 :root[lwt-default-theme-in-dark-mode] {
+  --lwt-accent-color: rgb(24, 24, 26) !important; /* override the default variable */
   --sidebar-border-color: #606064 !important;
   /* Toolbar buttons */
   --lwt-toolbarbutton-hover-background: rgba(179, 179, 179, 0.4);
   --lwt-toolbarbutton-active-background: rgba(179, 179, 179, 0.6);
 
   /* !important to override LightweightThemeManager.addBuiltInTheme in
      mailGlue.js */
   --autocomplete-popup-background: #2a2a2e !important;