|
2 | 2 | { |
3 | 3 | :root:not([inFullscreen], [inDOMFullscreen]) |
4 | 4 | { |
5 | | - #browser |
| 5 | + .browser-toolbox-background:not(#navigator-toolbox) |
6 | 6 | { |
7 | 7 | overflow: clip !important; |
8 | 8 | margin-block: 0px var(--space-small) !important; |
|
11 | 11 | border: 1px solid var(--chrome-content-separator-color) !important; |
12 | 12 | box-shadow: var(--content-area-shadow) !important; |
13 | 13 | background-clip: padding-box !important; |
| 14 | + background-color: color-mix(in srgb, var(--sidebar-background-color) 75%, transparent) !important; |
14 | 15 |
|
15 | 16 | #sidebar-main |
16 | 17 | { |
17 | | - background-color: color-mix(in srgb, var(--toolbar-bgcolor) 75%, transparent) !important; |
18 | | - background-image: none !important; |
19 | | - color: var(--toolbar-color) !important; |
| 18 | + background-color: transparent !important; |
| 19 | + color: var(--sidebar-text-color) !important; |
20 | 20 | border-radius: 0px !important; |
21 | | - background-clip: padding-box !important; |
22 | 21 | } |
23 | 22 |
|
24 | 23 | #sidebar-launcher-splitter, |
|
36 | 35 |
|
37 | 36 | #sidebar-box |
38 | 37 | { |
39 | | - clip-path: content-box !important; |
40 | | - padding: 0px !important; |
| 38 | + padding-block: 0px !important; |
41 | 39 |
|
42 | 40 | #sidebar |
43 | 41 | { |
44 | | - background-color: color-mix(in srgb, var(--toolbar-bgcolor) 75%, transparent) !important; |
45 | | - color: var(--toolbar-color) !important; |
| 42 | + outline-offset: 0px !important; |
| 43 | + margin-block: 0px !important; |
46 | 44 | border-radius: 0px !important; |
| 45 | + box-shadow: none !important; |
47 | 46 | } |
48 | 47 | } |
49 | 48 |
|
50 | 49 | #tabbrowser-tabbox |
51 | 50 | { |
| 51 | + box-shadow: none !important; |
| 52 | + |
52 | 53 | #tabbrowser-tabpanels |
53 | 54 | { |
54 | 55 | clip-path: content-box !important; |
|
62 | 63 | { |
63 | 64 | :root:not([inFullscreen], [inDOMFullscreen]) |
64 | 65 | { |
65 | | - #browser |
| 66 | + .browser-toolbox-background:not(#navigator-toolbox) |
66 | 67 | { |
67 | 68 | overflow: clip !important; |
68 | 69 | margin-block: 0px var(--space-small) !important; |
|
71 | 72 | border: 1px solid var(--chrome-content-separator-color) !important; |
72 | 73 | box-shadow: var(--content-area-shadow) !important; |
73 | 74 | background-clip: padding-box !important; |
| 75 | + background-color: color-mix(in srgb, var(--sidebar-background-color) 75%, transparent) !important; |
74 | 76 |
|
75 | 77 | #sidebar-main |
76 | 78 | { |
77 | | - background-color: color-mix(in srgb, var(--toolbar-bgcolor) 75%, transparent) !important; |
78 | | - background-image: none !important; |
79 | | - color: var(--toolbar-color) !important; |
| 79 | + background-color: transparent !important; |
| 80 | + color: var(--sidebar-text-color) !important; |
80 | 81 | border-radius: 0px !important; |
81 | | - background-clip: padding-box !important; |
82 | 82 | } |
83 | 83 |
|
84 | | - #sidebar-launcher-splitter, |
85 | | - #sidebar-splitter |
| 84 | + #sidebar-launcher-splitter |
86 | 85 | { |
87 | 86 | width: var(--splitter-width) !important; |
88 | 87 | margin-inline: calc(-1 * var(--splitter-width)) 0px !important; |
|
96 | 95 |
|
97 | 96 | #sidebar-box |
98 | 97 | { |
99 | | - clip-path: content-box !important; |
100 | | - padding: 0px !important; |
| 98 | + padding-block: 0px !important; |
101 | 99 |
|
102 | 100 | #sidebar |
103 | 101 | { |
104 | | - background-color: color-mix(in srgb, var(--toolbar-bgcolor) 75%, transparent) !important; |
105 | | - color: var(--toolbar-color) !important; |
106 | | - border-radius: 0px !important; |
| 102 | + outline: none !important; |
| 103 | + margin-block: var(--space-small) !important; |
| 104 | + border: 1px solid var(--sidebar-border-color) !important; |
| 105 | + box-shadow: var(--content-area-shadow) !important; |
| 106 | + background-clip: padding-box !important; |
107 | 107 | } |
108 | 108 | } |
109 | 109 |
|
110 | 110 | #tabbrowser-tabbox |
111 | 111 | { |
112 | 112 | outline: none !important; |
113 | 113 | box-shadow: none !important; |
114 | | - background-color: color-mix(in srgb, var(--toolbar-bgcolor) 75%, transparent) !important; |
115 | | - background-image: none !important; |
116 | 114 |
|
117 | 115 | #tabbrowser-tabpanels |
118 | 116 | { |
|
142 | 140 | { |
143 | 141 | :root:not([inFullscreen], [inDOMFullscreen]) |
144 | 142 | { |
145 | | - #browser |
| 143 | + .browser-toolbox-background:not(#navigator-toolbox) |
146 | 144 | { |
147 | 145 | #sidebar-main |
148 | 146 | { |
149 | 147 | border-radius: 0px !important; |
150 | | - background-clip: padding-box !important; |
151 | 148 | } |
152 | 149 |
|
153 | | - #sidebar-launcher-splitter, |
154 | | - #sidebar-splitter |
| 150 | + #sidebar-launcher-splitter |
155 | 151 | { |
156 | 152 | width: var(--splitter-width) !important; |
157 | 153 | margin-inline: calc(-1 * var(--splitter-width)) 0px !important; |
|
165 | 161 |
|
166 | 162 | #sidebar-box |
167 | 163 | { |
168 | | - clip-path: content-box !important; |
169 | | - padding: 0px !important; |
| 164 | + padding-block: 0px !important; |
170 | 165 |
|
171 | 166 | #sidebar |
172 | 167 | { |
173 | | - background-color: transparent !important; |
174 | | - border-radius: 0px !important; |
| 168 | + outline: none !important; |
| 169 | + margin-block: 0px var(--space-small) !important; |
| 170 | + border: 1px solid var(--sidebar-border-color) !important; |
| 171 | + box-shadow: var(--content-area-shadow) !important; |
| 172 | + background-clip: padding-box !important; |
175 | 173 | } |
176 | 174 | } |
177 | 175 |
|
|
0 commit comments