2 /* This Source Code Form is subject to the terms of the Mozilla Public
3 * License, v. 2.0. If a copy of the MPL was not distributed with this
4 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
8 --sidebar-background-color: Field
;
9 --sidebar-text-color: FieldText
;
10 background-color: var
(--sidebar-background-color
);
11 color: var
(--sidebar-text-color
);
18 border-bottom: 1px solid var
(--sidebar-border-color
);
21 %ifndef MOZ_WIDGET_GTK
22 % We don
't let the splitter overlap the sidebar on Linux since the sidebar's
23 % scrollbar is too narrow on Linux
.
27 border-inline-end-width: 1px;
28 border-color: var
(--sidebar-border-color
);
31 background-image: none
!important
;
32 background-color: transparent
;
33 margin-inline-start: -4px;
37 #sidebar-box[positionend
] + .sidebar-splitter
{
38 border-inline-width: 1px 0;
39 margin-inline: 0 -4px;
43 #sidebar-throbber[loading
="true"] {
44 list-style-image: url
("chrome://global/skin/icons/loading.png");
47 @media (min-resolution: 2dppx) {
48 #sidebar-throbber[loading
="true"] {
49 list-style-image: url
("chrome://global/skin/icons/loading@2x.png");
57 padding-inline: 8px 4px;
60 #sidebar-switcher-arrow {
61 -moz-context-properties: fill
;
66 #sidebar-switcher-arrow {
67 list-style-image: url
(chrome://global
/skin
/icons
/arrow-dropdown-12
.svg
);
72 #sidebar-switcher-target {
75 margin-inline-end: 4px;
76 border-radius: var
(--toolbarbutton-border-radius
);
77 border: 1px solid transparent
;
81 #sidebar-switcher-target:-moz-focusring:not
(:hover
, [open
]),
82 #sidebar-close:-moz-focusring:not
(:hover
, [open
]) {
86 #sidebar-switcher-target:hover:active
,
87 #sidebar-switcher-target.active
{
88 background: var
(--toolbarbutton-active-background
);
91 /* Ensure we do not lose contrast between lightweight and OS theme colours */
92 #sidebar-switcher-target:hover:-moz-lwtheme
{
93 background: hsla
(240, 5%, 5%, 0.1);
95 #sidebar-switcher-target:hover:active:-moz-lwtheme
,
96 #sidebar-switcher-target.active:-moz-lwtheme
{
97 background: hsla
(240, 5%, 5%, 0.15);
100 #sidebarMenu-popup .subviewbutton
{
104 toolbarseparator
+ #sidebar-extensions-separator
{
108 #sidebarMenu-popup > .subviewbutton
[checked
="true"] {
109 list-style-image: none
;
110 background: url
(chrome://global
/skin
/icons
/check
.svg
) no-repeat transparent
;
111 background-size: 11px 11px;
116 #sidebarMenu-popup > .subviewbutton
[checked
="true"] {
117 background-position: left
4px top
7px;
120 #sidebarMenu-popup > .subviewbutton
[checked
="true"]:-moz-locale-dir
(rtl
) {
121 background-position-x: right
4px;
126 #sidebarMenu-popup > .subviewbutton
[checked
="true"] {
127 background-position: left
7px center
;
130 #sidebarMenu-popup > .subviewbutton
[checked
="true"]:-moz-locale-dir
(rtl
) {
131 background-position-x: right
7px;
134 /* Allow room for the checkbox drawn as a background image at the start of the toolbarbutton */
135 #sidebarMenu-popup > .subviewbutton-iconic
> .toolbarbutton-icon
{
136 margin-inline-start: 16px;
138 /* Align items without icons to the start of the icons: */
139 #sidebarMenu-popup > .subviewbutton:not
(.subviewbutton-iconic
) > .toolbarbutton-text
{
140 padding-inline-start: 16px;
145 #sidebar-switcher-bookmarks > .toolbarbutton-icon
,
146 #sidebar-box[sidebarcommand
="viewBookmarksSidebar"] > #sidebar-header
> #sidebar-switcher-target
> #sidebar-icon
{
147 list-style-image: url
(chrome://browser
/skin
/bookmark
.svg
);
148 -moz-context-properties: fill
;
153 #sidebar-switcher-history > .toolbarbutton-icon
,
154 #sidebar-box[sidebarcommand
="viewHistorySidebar"] > #sidebar-header
> #sidebar-switcher-target
> #sidebar-icon
{
155 list-style-image: url
(chrome://browser
/skin
/history
.svg
);
156 -moz-context-properties: fill
;
161 #sidebar-switcher-tabs > .toolbarbutton-icon
,
162 #sidebar-box[sidebarcommand
="viewTabsSidebar"] > #sidebar-header
> #sidebar-switcher-target
> #sidebar-icon
{
163 list-style-image: url
(chrome://browser
/skin
/tab
.svg
);
164 -moz-context-properties: fill
;