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
|
{
xdg.configFile = {
"matugen/templates/zen.css" = {
enable = true;
text =
# css
''
:root {
/* --- Matugen Colors (UI) --- */
--zen-primary-color: {{colors.primary_container.default.hex}} !important;
--toolbarbutton-icon-fill: {{colors.primary.default.hex}} !important;
--toolbar-field-color: {{colors.on_background.default.hex}} !important;
--tab-selected-textcolor: {{colors.primary.default.hex}} !important;
--toolbar-color: {{colors.on_background.default.hex}} !important;
--arrowpanel-color: {{colors.on_surface.default.hex}} !important;
--arrowpanel-background: {{colors.surface_container.default.hex}} !important;
--sidebar-text-color: {{colors.on_background.default.hex}} !important;
/* --zen-main-browser-background: {{colors.background.default.hex}} !important; */
/* --- Boxy UI Variables --- */
--toolbarbutton-border-radius: 0px !important;
--tab-border-radius: 0px !important;
--arrowpanel-border-radius: 0px !important;
--urlbar-icon-border-radius: 0px !important;
}
* {
font-family: "JetBrainsMono Nerd Font", monospace !important;
}
/* --- Enforce Boxy Look (Zero Border Radius) --- */
.tab-background,
.tabbrowser-tab,
.urlbar-background,
#urlbar-input-container,
#urlbar-background,
.urlbar-input-box,
.toolbarbutton-1,
.toolbarbutton-icon,
.toolbarbutton-badge-stack,
#zen-workspaces-button,
.panel-arrowcontent,
menupopup,
menuitem,
.sidebar-placesTree,
#zen-appcontent-navbar-container,
#TabsToolbar,
.browserContainer,
#navigator-toolbox,
#sidebar-box,
.searchbar-textbox,
window,
page,
browser {
border-radius: 0 !important;
}
/* --- Layout & Color Rules --- */
.sidebar-placesTree {
background-color: {{colors.surface_container.default.hex}} !important;
}
#zen-workspaces-button {
background-color: {{colors.surface_container.default.hex}} !important;
}
#TabsToolbar {
background-color: {{colors.background.default.hex}} !important;
}
.urlbar-background {
background-color: {{colors.surface_container.default.hex}} !important;
}
.urlbar-input::selection {
color: {{colors.on_primary.default.hex}} !important;
background-color: {{colors.primary.default.hex}} !important;
}
.urlbarView-url {
color: {{colors.on_surface_variant.default.hex}} !important;
}
toolbar .toolbarbutton-1 {
&:not([disabled]) {
&:is([open], [checked])
> :is(
.toolbarbutton-icon,
.toolbarbutton-text,
.toolbarbutton-badge-stack
) {
fill: {{colors.primary.default.hex}}
}
}
}
/* --- Tab Identity Colors --- */
.identity-color-blue {
--identity-tab-color: \{{color12}} !important;
--identity-icon-color: \{{color12}} !important;
}
.identity-color-turquoise {
--identity-tab-color: \{{color6}} !important;
--identity-icon-color: \{{color6}} !important;
}
.identity-color-green {
--identity-tab-color: \{{color10}} !important;
--identity-icon-color: \{{color10}} !important;
}
.identity-color-yellow {
--identity-tab-color: \{{color11}} !important;
--identity-icon-color: \{{color11}} !important;
}
.identity-color-orange {
--identity-tab-color: \{{color3}} !important;
--identity-icon-color: \{{color3}} !important;
}
.identity-color-red {
--identity-tab-color: \{{color9}} !important;
--identity-icon-color: \{{color9}} !important;
}
.identity-color-pink {
--identity-tab-color: \{{color13}} !important;
--identity-icon-color: \{{color13}} !important;
}
.identity-color-purple {
--identity-tab-color: \{{color5}} !important;
--identity-icon-color: \{{color5}} !important;
}
#zen-appcontent-navbar-container {
background-color: {{colors.background.default.hex}} !important;
}
'';
};
};
}
|
