tangled
alpha
login
or
join now
da157.id
/
potatofox
1
fork
atom
this repo has no description
1
fork
atom
overview
issues
pulls
pipelines
fix: new moz pref syntax
awwpotato
11 months ago
201bf4db
6df7c2d4
+42
-42
11 changed files
expand all
collapse all
unified
split
chrome
browser
icons.css
main.css
misc.css
navbar.css
sidebar.css
urlbar.css
window-controls.css
content
about.css
sidebery.css
userChrome.css
vars.css
+1
-1
chrome/browser/icons.css
···
14
14
font-weight: 500 !important;
15
15
}
16
16
17
17
-
@media not (-moz-bool-pref: "uc.tweak.no-custom-icons") {
17
17
+
@media not -moz-pref( "uc.tweak.no-custom-icons") {
18
18
/* userChrome toggle -> sidebar icon */
19
19
:is(.webextension-browser-action, .eom-addon-button):is(
20
20
[data-extensionid="userchrome-toggle-extended@n2ezr.ru"],
+3
-3
chrome/browser/main.css
···
15
15
background-position: var(--lwt-background-alignment);
16
16
}
17
17
18
18
-
@media (-moz-bool-pref: "uc.tweak.translucency") {
18
18
+
@media -moz-pref( "uc.tweak.translucency") {
19
19
#main-window {
20
20
background: transparent !important;
21
21
}
···
47
47
[chromehidden*="toolbar"],
48
48
[chromehidden*="menubar"]
49
49
) {
50
50
-
@media not (-moz-bool-pref: "uc.tweak.borderless") {
50
50
+
@media not -moz-pref( "uc.tweak.borderless") {
51
51
--uc-content-margin-top: var(--uc-content-margin);
52
52
--uc-content-margin-right: var(--uc-content-margin);
53
53
--uc-content-margin-bottom: var(--uc-content-margin);
···
66
66
}
67
67
}
68
68
69
69
-
@media (-moz-bool-pref: "uc.tweak.translucency") and (-moz-platform: macos) {
69
69
+
@media -moz-pref( "uc.tweak.translucency") and (-moz-platform: macos) {
70
70
-moz-appearance: -moz-window-titlebar !important;
71
71
}
72
72
}
+4
-4
chrome/browser/misc.css
···
80
80
border: none !important;
81
81
border-radius: var(--uc-radius) !important;
82
82
background-color: var(--uc-bg-tran) !important;
83
83
-
@media not (-moz-bool-pref: "uc.tweak.no-blur") {
83
83
+
@media not -moz-pref( "uc.tweak.no-blur") {
84
84
backdrop-filter: blur(var(--uc-blur-radius)) !important;
85
85
}
86
86
···
97
97
width: fit-content !important;
98
98
}
99
99
100
100
-
@media not (-moz-bool-pref: "uc.tweak.findbar.bottom") {
100
100
+
@media not -moz-pref( "uc.tweak.findbar.bottom") {
101
101
top: var(--uc-small-floating-margin) !important;
102
102
}
103
103
-
@media (-moz-bool-pref: "uc.tweak.findbar.bottom") {
103
103
+
@media -moz-pref( "uc.tweak.findbar.bottom") {
104
104
bottom: var(--uc-small-floating-margin) !important;
105
105
}
106
106
}
···
119
119
border-radius: var(--uc-radius) !important;
120
120
background-color: var(--uc-bg-tran) !important;
121
121
border: none !important;
122
122
-
@media not (-moz-bool-pref: "uc.tweak.no-blur") {
122
122
+
@media not -moz-pref( "uc.tweak.no-blur") {
123
123
backdrop-filter: blur(var(--uc-blur-radius)) !important;
124
124
}
125
125
}
+3
-3
chrome/browser/navbar.css
···
60
60
/* navbar hidden */
61
61
#main-window[titlepreface*=""]:not([inDOMFullscreen="true"]) {
62
62
&:not([sizemode="fullscreen"]) {
63
63
-
@media not (-moz-bool-pref: "uc.tweak.borderless") {
63
63
+
@media not -moz-pref( "uc.tweak.borderless") {
64
64
--uc-content-margin-top: var(--uc-content-margin) !important;
65
65
}
66
66
}
···
101
101
background-color: transparent !important;
102
102
}
103
103
104
104
-
@media not (-moz-bool-pref: "uc.tweak.borderless") {
104
104
+
@media not -moz-pref( "uc.tweak.borderless") {
105
105
&:not([customizing]):not([sizemode="fullscreen"]) #navigator-toolbox {
106
106
&::before {
107
107
content: "";
···
180
180
overflow: unset !important;
181
181
}
182
182
183
183
-
@media not (-moz-bool-pref: "uc.tweak.no-blur") {
183
183
+
@media not -moz-pref( "uc.tweak.no-blur") {
184
184
#nav-bar::before,
185
185
#PersonalToolbar::before {
186
186
content: "";
+9
-9
chrome/browser/sidebar.css
···
2
2
/* SPDX-FileCopyrightText: 2024 awwpotato */
3
3
4
4
/* make sidebar bg transparent */
5
5
-
@media (-moz-bool-pref: "browser.tabs.allow_transparent_browser") {
5
5
+
@media -moz-pref( "browser.tabs.allow_transparent_browser") {
6
6
window#webextpanels-window {
7
7
background-color: transparent !important;
8
8
}
···
19
19
20
20
#sidebar-box {
21
21
min-width: var(--uc-sidebar-width) !important;
22
22
-
@media not (-moz-bool-pref: "uc.tweak.borderless") {
22
22
+
@media not -moz-pref( "uc.tweak.borderless") {
23
23
margin-bottom: var(--uc-content-margin-bottom) !important;
24
24
}
25
25
margin-top: var(--uc-content-margin-top) !important;
···
46
46
#sidebar {
47
47
clip-path: circle(100%);
48
48
border-radius: var(--uc-content-radius) !important;
49
49
-
@media (-moz-bool-pref: "uc.tweak.sidebar.header") {
49
49
+
@media -moz-pref( "uc.tweak.sidebar.header") {
50
50
border-top-left-radius: 0px !important;
51
51
border-top-right-radius: 0px !important;
52
52
}
···
59
59
}
60
60
61
61
#sidebar-header {
62
62
-
@media not (-moz-bool-pref: "uc.tweak.sidebar.header") {
62
62
+
@media not -moz-pref( "uc.tweak.sidebar.header") {
63
63
display: none !important;
64
64
}
65
65
border-top-left-radius: var(--uc-radius) !important;
···
161
161
#sidebar-box:hover > #sidebar-header,
162
162
#sidebar-box:hover > #sidebar {
163
163
background-color: var(--uc-bg-tran) !important;
164
164
-
@media not (-moz-bool-pref: "uc.tweak.no-blur") {
164
164
+
@media not -moz-pref( "uc.tweak.no-blur") {
165
165
backdrop-filter: blur(var(--uc-blur-radius)) !important;
166
166
}
167
167
}
···
180
180
margin-left var(--uc-transition) var(--uc-mouseout-delay),
181
181
margin-right var(--uc-transition) var(--uc-mouseout-delay) !important;
182
182
background-color: var(--uc-bg-tran) !important;
183
183
-
@media not (-moz-bool-pref: "uc.tweak.no-blur") {
183
183
+
@media not -moz-pref( "uc.tweak.no-blur") {
184
184
backdrop-filter: blur(var(--uc-blur-radius)) !important;
185
185
}
186
186
···
203
203
}
204
204
& #sidebar {
205
205
margin-block: var(--uc-floating-margin) !important;
206
206
-
@media (-moz-bool-pref: "uc.tweak.sidebar.header") {
206
206
+
@media -moz-pref( "uc.tweak.sidebar.header") {
207
207
margin-top: 0 !important;
208
208
}
209
209
}
···
254
254
}
255
255
}
256
256
257
257
-
@media not (-moz-bool-pref: "uc.tweak.borderless") {
257
257
+
@media not -moz-pref( "uc.tweak.borderless") {
258
258
&:not([sizemode="fullscreen"])
259
259
#sidebar-box:not([positionend="true"])::before {
260
260
left: calc(
···
309
309
}
310
310
}
311
311
312
312
-
@media (-moz-bool-pref: "uc.tweak.borderless") {
312
312
+
@media -moz-pref( "uc.tweak.borderless") {
313
313
#sidebar-box {
314
314
background-color: transparent !important;
315
315
&[positionend="true"] {
+2
-2
chrome/browser/urlbar.css
···
39
39
--urlbar-bg: var(--toolbar-field-focus-background-color, var(--field));
40
40
}
41
41
background-color: var(--urlbar-bg) !important;
42
42
-
@media not (-moz-bool-pref: "uc.tweak.no-blur") {
42
42
+
@media not -moz-pref( "uc.tweak.no-blur") {
43
43
background-color: color-mix(
44
44
in oklab,
45
45
var(--urlbar-bg) 90%,
···
49
49
}
50
50
}
51
51
52
52
-
@media not (-moz-bool-pref: "uc.tweak.urlbar.not-floating") {
52
52
+
@media not -moz-pref( "uc.tweak.urlbar.not-floating") {
53
53
#main-window:not([customizing]) {
54
54
--uc-urlbar-width: clamp(
55
55
min(
+2
-2
chrome/browser/window-controls.css
···
6
6
display: none !important;
7
7
}
8
8
9
9
-
@media (-moz-bool-pref: "uc.tweak.no-window-controls") {
9
9
+
@media -moz-pref( "uc.tweak.no-window-controls") {
10
10
.titlebar-buttonbox-container {
11
11
display: none !important;
12
12
}
13
13
}
14
14
15
15
-
@media not (-moz-bool-pref: "uc.tweak.no-window-controls") {
15
15
+
@media not -moz-pref( "uc.tweak.no-window-controls") {
16
16
/* navbar hidden */
17
17
:root:not([inDOMFullscreen], [titlepreface*=""]) {
18
18
& .titlebar-buttonbox-container {
+5
-5
chrome/content/about.css
···
6
6
@-moz-document url-prefix("about:newtab"),
7
7
url-prefix("about:privatebrowsing"),
8
8
url-prefix("about:home") {
9
9
-
@media (-moz-bool-pref: "browser.tabs.allow_transparent_browser") and (-moz-bool-pref: "uc.tweak.translucency") {
9
9
+
@media -moz-pref( "browser.tabs.allow_transparent_browser") and -moz-pref( "uc.tweak.translucency") {
10
10
body {
11
11
background-color: transparent !important;
12
12
}
···
96
96
url-prefix("about:support"),
97
97
url-prefix("about:profiles"),
98
98
url-prefix("about:addons") {
99
99
-
@media (-moz-bool-pref: "browser.tabs.allow_transparent_browser") and (-moz-bool-pref: "uc.tweak.translucency") {
99
99
+
@media -moz-pref( "browser.tabs.allow_transparent_browser") and -moz-pref( "uc.tweak.translucency") {
100
100
:root {
101
101
--in-content-page-background: transparent !important;
102
102
--in-content-table-background: transparent !important;
···
113
113
}
114
114
115
115
@-moz-document url-prefix("about:config") {
116
116
-
@media (-moz-bool-pref: "browser.tabs.allow_transparent_browser") and (-moz-bool-pref: "uc.tweak.translucency") {
116
116
+
@media -moz-pref( "browser.tabs.allow_transparent_browser") and -moz-pref( "uc.tweak.translucency") {
117
117
#about-config-search {
118
118
backdrop-filter: blur(33px) !important;
119
119
background-color: color-mix(
···
126
126
}
127
127
128
128
@-moz-document url-prefix("about:addons") {
129
129
-
@media (-moz-bool-pref: "browser.tabs.allow_transparent_browser") and (-moz-bool-pref: "uc.tweak.translucency") {
129
129
+
@media -moz-pref( "browser.tabs.allow_transparent_browser") and -moz-pref( "uc.tweak.translucency") {
130
130
:root {
131
131
--in-content-box-background: color-mix(
132
132
in oklab,
···
142
142
143
143
@-moz-document url-prefix("about:preferences"),
144
144
url-prefix("about:support") {
145
145
-
@media (-moz-bool-pref: "browser.tabs.allow_transparent_browser") and (-moz-bool-pref: "uc.tweak.translucency") {
145
145
+
@media -moz-pref( "browser.tabs.allow_transparent_browser") and -moz-pref( "uc.tweak.translucency") {
146
146
#searchInput {
147
147
backdrop-filter: blur(33px) !important;
148
148
background-color: color-mix(
+4
-4
chrome/content/sidebery.css
···
14
14
--nav-btn-width: 30px !important;
15
15
--nav-btn-height: 28px !important;
16
16
17
17
-
@media (-moz-bool-pref: "browser.tabs.allow_transparent_browser") and (not (-moz-platform: windows)) {
17
17
+
@media -moz-pref( "browser.tabs.allow_transparent_browser") and (not (-moz-platform: windows)) {
18
18
background-color: transparent !important;
19
19
--frame-bg: transparent !important;
20
20
}
···
72
72
padding: var(--tabs-margin) !important;
73
73
}
74
74
75
75
-
@media not (-moz-bool-pref: "uc.tweak.sidebery.top-navbar") {
75
75
+
@media not -moz-pref( "uc.tweak.sidebery.top-navbar") {
76
76
.top-horizontal-box {
77
77
order: 100 !important;
78
78
margin-bottom: var(--tabs-margin) !important;
···
88
88
display: none !important;
89
89
background-color: transparent !important;
90
90
}
91
91
-
} @media (-moz-bool-pref: "uc.tweak.sidebery.top-navbar") {
91
91
+
} @media -moz-pref( "uc.tweak.sidebery.top-navbar") {
92
92
.top-horizontal-box {
93
93
margin-top: var(--tabs-margin) !important;
94
94
}
95
95
}
96
96
97
97
-
@media (-moz-bool-pref: "uc.tweak.sidebery.big-pinned") {
97
97
+
@media -moz-pref( "uc.tweak.sidebery.big-pinned") {
98
98
.PinnedTabsBar {
99
99
display: grid !important;
100
100
grid-gap: calc(3 * var(--tabs-margin)) !important;
+4
-4
chrome/userChrome.css
···
5
5
@import url("vars.css");
6
6
7
7
:root {
8
8
-
@media not (-moz-bool-pref: "uc.tweak.no-panel-hint") {
8
8
+
@media not -moz-pref( "uc.tweak.no-panel-hint") {
9
9
--uc-panel-hint: color-mix(
10
10
in oklab,
11
11
var(--toolbarbutton-icon-fill) 25%,
···
21
21
--uc-content-bg: transparent;
22
22
&[lwtheme="true"] {
23
23
--uc-bg-opaque: var(--lwt-accent-color);
24
24
-
@media not (-moz-bool-pref: "uc.tweak.translucency") {
24
24
+
@media not -moz-pref( "uc.tweak.translucency") {
25
25
--uc-content-bg: var(--newtab-background-color);
26
26
}
27
27
}
···
33
33
var(--uc-bg-opaque) 90%,
34
34
transparent
35
35
);
36
36
-
@media not (-moz-bool-pref: "uc.tweak.no-blur") {
36
36
+
@media not -moz-pref( "uc.tweak.no-blur") {
37
37
--uc-bg-tran: var(--uc-bg-translucency);
38
38
}
39
39
-
@media (-moz-bool-pref: "uc.tweak.translucency") {
39
39
+
@media -moz-pref( "uc.tweak.translucency") {
40
40
--uc-bg: var(--uc-bg-translucency);
41
41
}
42
42
}
+5
-5
chrome/vars.css
···
4
4
@import url("overrides.css");
5
5
6
6
:root {
7
7
-
@media not (-moz-bool-pref: "uc.tweak.no-animations") {
7
7
+
@media not -moz-pref( "uc.tweak.no-animations") {
8
8
--uc-transition: 200ms ease-in-out;
9
9
--uc-mouseout-delay: 250ms;
10
10
}
···
28
28
--uc-small-floating-margin: 4px;
29
29
--uc-floating-margin: 8px;
30
30
31
31
-
@media (-moz-bool-pref: "browser.tabs.allow_transparent_browser") and (not (-moz-bool-pref: "uc.tweak.translucency")) {
31
31
+
@media -moz-pref( "browser.tabs.allow_transparent_browser") and (not -moz-pref( "uc.tweak.translucency")) {
32
32
--uc-content-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.2);
33
33
}
34
34
35
35
/* sidebar vars */
36
36
--uc-sidebar-hover-width: 170px;
37
37
-
@media (-moz-bool-pref: "uc.tweak.sidebar.short") {
37
37
+
@media -moz-pref( "uc.tweak.sidebar.short") {
38
38
--uc-sidebar-hover-width: 140px;
39
39
}
40
40
-
@media (-moz-bool-pref: "uc.tweak.sidebar.wide") {
40
40
+
@media -moz-pref( "uc.tweak.sidebar.wide") {
41
41
--uc-sidebar-hover-width: 200px;
42
42
}
43
43
···
61
61
62
62
/* don't touch this */
63
63
--uc-content-margin-inline: calc(var(--uc-content-margin) * 2);
64
64
-
@media (-moz-bool-pref: "uc.tweak.borderless") {
64
64
+
@media -moz-pref( "uc.tweak.borderless") {
65
65
--uc-content-margin-inline: 0px;
66
66
}
67
67
}