Bug 1418602: Allow theming sidebars (Mac WIP)
MozReview-Commit-ID: EkArCs4K8rQ
--- 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");