Bug 1633470 - Use on composer's header and autocomplete panel the correct scrollbar colors for light themes. r=aleca
authorRichard Marti <richard.marti@gmail.com>
Mon, 27 Apr 2020 18:37:39 +0200
changeset 38079 3d899dcf8ccedfb22f52a6bd307ea9e781869399
parent 38078 53466469a60fab29ce4322f7716b5e42ec56a18c
child 38080 351f3b3d81d9dcdc38dfda194199e194cd2e7e89
push id2595
push userclokep@gmail.com
push dateMon, 04 May 2020 19:02:04 +0000
treeherdercomm-beta@f53913797371 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersaleca
bugs1633470
Bug 1633470 - Use on composer's header and autocomplete panel the correct scrollbar colors for light themes. r=aleca
mail/themes/shared/mail/messengercompose.css
--- a/mail/themes/shared/mail/messengercompose.css
+++ b/mail/themes/shared/mail/messengercompose.css
@@ -15,27 +15,28 @@
 }
 
 /* Styles for the default system dark theme */
 
 :root[lwt-tree] #headers-box {
   background-color: var(--toolbar-bgcolor) !important;
   background-image: none !important;
   color: var(--lwt-text-color);
-}
-
-:root[lwt-tree] #headers-box {
   --toolbarbutton-hover-background: var(--lwt-toolbarbutton-hover-background);
   --toolbarbutton-hover-bordercolor: var(--lwt-toolbarbutton-hover-background);
 
   --toolbarbutton-active-background: var(--lwt-toolbarbutton-active-background);
   --toolbarbutton-active-bordercolor: var(--lwt-toolbarbutton-active-background);
   --toolbarbutton-active-boxshadow: 0 0 0 1px var(--lwt-toolbarbutton-active-background) inset;
 
-  scrollbar-color: rgba(249,249,250,.4) rgba(20,20,25,.3);
+  scrollbar-color: rgba(128, 128, 128, 0.5) rgba(230, 230, 235, 0.5);
+}
+
+:root[lwt-tree-brighttext] #headers-box {
+  scrollbar-color: rgba(249, 249, 250, 0.4) rgba(20, 20, 25, 0.3);
 }
 
 :root[lwt-tree] #MsgHeadersToolbar {
   color: inherit;
 }
 
 :root[lwt-tree] #msgSubject,
 :root[lwt-tree] .address-container {
@@ -48,23 +49,27 @@
 :root[lwt-tree] #msgIdentity:focus-within,
 :root[lwt-tree] #msgSubject:hover,
 :root[lwt-tree] #msgSubject:focus {
   color: var(--lwt-toolbar-field-color);
   border-color: var(--lwt-toolbar-field-border-color);
   background-color: var(--lwt-toolbar-field-background-color);
 }
 
-:root[lwt-tree] panel[type="autocomplete-richlistbox"]:-moz-lwtheme {
+:root[lwt-tree] panel[type="autocomplete-richlistbox"] {
   margin-top: -1px;
   padding: 2px 0;
   background: var(--arrowpanel-background);
   color: var(--arrowpanel-color);
   border-color: var(--arrowpanel-border-color);
-  scrollbar-color: rgba(249,249,250,.4) rgba(20,20,25,.3);
+  scrollbar-color: rgba(128, 128, 128, 0.5) rgba(230, 230, 235, 0.5);
+}
+
+:root[lwt-tree-brighttext] panel[type="autocomplete-richlistbox"] {
+  scrollbar-color: rgba(249, 249, 250, 0.4) rgba(20, 20, 25, 0.3);
 }
 
 :root[lwt-tree] .autocomplete-richlistbox {
   color: inherit;
   background-color: inherit;
 }
 
 :root[lwt-tree] .autocomplete-richlistitem[selected] {