Bug 1418602: Allow theming sidebars (Mac WIP) draft
authorConnor Masini <masinico@msu.edu>
Thu, 19 Apr 2018 19:14:39 -0400
changeset 788010 ceeb4ab421469d8c722211bcb0c960c8f2b7016c
parent 787977 a45dd101a0cc63301b99d981e5cc122e416c7d42
push id107874
push userbmo:masinico@msu.edu
push dateWed, 25 Apr 2018 20:51:31 +0000
bugs1418602
milestone61.0a1
Bug 1418602: Allow theming sidebars (Mac WIP) MozReview-Commit-ID: EkArCs4K8rQ
browser/themes/osx/browser.css
browser/themes/osx/places/places.css
--- a/browser/themes/osx/browser.css
+++ b/browser/themes/osx/browser.css
@@ -655,22 +655,22 @@ html|input.urlbar-input {
 #sidebar-box {
   -moz-appearance: -moz-mac-source-list;
   -moz-font-smoothing-background-color: -moz-mac-source-list;
   /* Default font size is 11px on mac, so this is 12px */
   font-size: 1.0909rem;
 }
 
 #sidebar-header {
-  border-bottom: 1px solid hsla(240, 5%, 5%, .1);
-  background-color: transparent;
+  border-bottom: 1px solid var(--lwt-sidebar-border, hsla(240, 5%, 5%, .1));
+  background-color: var(--lwt-sidebar-background, transparent);
 }
 
 .sidebar-splitter {
-  border-color: hsla(240, 5%, 5%, .1);
+  border-color: var(--lwt-sidebar-border, hsla(240, 5%, 5%, .1));
 }
 
 /* ----- CONTENT ----- */
 
 .browserContainer > findbar {
   background: @scopeBarBackground@;
   border-top: @scopeBarSeparatorBorder@;
   color: -moz-DialogText;
@@ -777,16 +777,18 @@ html|input.urlbar-input {
 
 @media (min-resolution: 2dppx) {
   .tab-drop-indicator {
     list-style-image: url(chrome://browser/skin/tabbrowser/tabDragIndicator@2x.png);
     width: 12px;
   }
 }
 
+%include ../shared/places/places.inc.css
+
 /* Bookmarks toolbar */
 #PlacesToolbarDropIndicator {
   list-style-image: url(chrome://browser/skin/places/toolbarDropMarker.png);
 }
 
 /* Bookmark drag and drop styles */
 
 .bookmark-item[dragover-into="true"] {
--- a/browser/themes/osx/places/places.css
+++ b/browser/themes/osx/places/places.css
@@ -21,16 +21,18 @@
 
 :root[uidensity=touch] .sidebar-placesTreechildren::-moz-tree-row {
   min-height: 32px;
 }
 
 .sidebar-placesTree {
   -moz-appearance: -moz-mac-source-list;
   -moz-font-smoothing-background-color: -moz-mac-source-list;
+  color: var(--lwt-sidebar-text, inherit);
+  background-color: transparent;
 }
 
 .sidebar-placesTreechildren::-moz-tree-separator {
   border-top: 1px solid #505d6d;
   margin: 0 10px;
 }
 
 .sidebar-placesTreechildren::-moz-tree-row {
@@ -88,23 +90,27 @@
   list-style-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-collapsed-rtl");
 }
 
 .sidebar-placesTreechildren:-moz-locale-dir(rtl)::-moz-tree-twisty(closed, selected) {
   list-style-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-collapsed-inverted-rtl");
 }
 
 @media (-moz-mac-yosemite-theme) {
+  .sidebar-placesTreechildren {
+    background-color: var(--lwt-sidebar-background, transparent);
+  }
+
   .sidebar-placesTreechildren::-moz-tree-cell-text(selected) {
     color: -moz-dialogtext;
     font-weight: 500;
   }
 
   .sidebar-placesTreechildren::-moz-tree-cell-text(selected, focus) {
-    color: #fff;
+    color: var(--lwt-sidebar-highlight-text, #fff);
   }
 
   .sidebar-placesTreechildren::-moz-tree-twisty(closed, selected) {
     list-style-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-collapsed");
   }
 
   .sidebar-placesTreechildren::-moz-tree-twisty(closed, selected, focus) {
     list-style-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-collapsed-inverted");