1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
|
:root {
--accent-color: 45, 45, 45;
--tab-color: 240, 240, 244;
--tab-text-color: 255, 255, 255;
--secondary-accent-color: 127, 127, 127;
--second-tab-text-color: 127, 127, 127;
--third-accent-color: 235, 219, 178;
--light-color: 255, 255, 255;
--dark-color: 0, 0, 0;
--url-back: 249, 249, 251;
--caption-min-color: 215, 153, 33;
--caption-max-color: 69, 133, 136;
--caption-close-color: 177, 98, 134;
--navbarWidth: 25vw;
--animationSpeed: 0.5s;
}
:root:-moz-lwtheme-brighttext,
.sidebar-panel[lwt-sidebar-brighttext],
body[lwt-sidebar-brighttext] {
--main-bgcolor: var(--dark-color);
--transparent-bgcolor: var(--dark-color);
}
#navigator-toolbox {
border: none !important;
box-shadow: none !important;
outline: none !important;
}
toolbar,
#toolbar-menubar,
#TabsToolbar,
#PersonalToolbar {
border-top: none !important;
border-bottom: none !important;
box-shadow: none !important;
outline: none !important;
}
#TabsToolbar {
margin-right: var(--navbarWidth) !important;
}
#TabsToolbar > .titlebar-buttonbox-container {
visibility: collapse !important;
}
.titlebar-spacer {
display: none !important;
}
#nav-bar,
toolbar#nav-bar {
background: rgba(var(--dark-color), 1) !important;
box-shadow: none !important;
border: none !important;
outline: none !important;
padding-bottom: 4px !important;
}
#nav-bar {
margin-left: calc(100vw - var(--navbarWidth)) !important;
}
:root[uidensity="compact"] #nav-bar {
margin-top: -37px !important;
height: 37px !important;
}
:root:not([uidensity="compact"]):not([uidensity="touch"]) #nav-bar {
margin-top: -44px !important;
height: 44px !important;
}
:root[uidensity="touch"] #nav-bar {
margin-top: -49px !important;
height: 49px !important;
}
.browser-toolbox-background {
background: rgba(var(--dark-color), 1) !important;
will-change: initial;
}
#PersonalToolbar {
display: none !important;
}
.toolbar-items,
.toolbarbutton-1,
#nav-bar-customization-target {
border: none !important;
box-shadow: none !important;
outline: none !important;
}
#back-button {
display: none !important;
}
#forward-button {
display: none !important;
}
#stop-reload-button {
display: none !important;
}
#alltabs-button {
display: none !important;
}
#sidebar-button {
display: none !important;
}
#downloads-button {
display: none !important;
}
#unified-extensions-button {
display: none !important;
}
#nav-bar-overflow-button {
display: none !important;
}
#tracking-protection-icon-container {
display: none !important;
}
#identity-box > :not(#notification-popup-box) {
display: none !important;
}
#identity-box {
margin: 0 !important;
}
#notification-popup-box {
margin-inline-end: var(--identity-box-margin-inline);
}
#urlbar-container {
min-width: 0px !important;
}
#urlbar-background {
border: none !important;
box-shadow: none !important;
outline: none !important;
}
#urlbar,
#urlbar *,
#urlbar-container,
#urlbar-input-container {
border: none !important;
box-shadow: none !important;
outline: none !important;
}
#urlbar:not(:hover):not([breakout][breakout-extend]) > #urlbar-background {
background: none !important;
box-shadow: none !important;
border: none !important;
}
#urlbar[breakout][breakout-extend] > #urlbar-background {
border: none !important;
box-shadow: none !important;
}
#urlbar:not(:hover, :active, [focused]) .urlbar-icon {
visibility: hidden;
}
#urlbar .urlbar-icon {
fill: var(--toolbar-color) !important;
}
.urlbar-icon,
#userContext-indicator,
#userContext-label {
fill: transparent !important;
background: transparent !important;
color: transparent !important;
}
|