this repo has no description
:sparkles: firefox configuration for home manager
+209
-205
+1
-205
home-manager/default.nix
+1
-205
home-manager/default.nix
···
8
8
9
9
imports = [
10
10
./git
11
+
./firefox
11
12
];
12
13
13
14
# This value determines the Home Manager release that your configuration is
···
88
89
# Let Home Manager install and manage itself.
89
90
programs = {
90
91
alacritty.enable = true;
91
-
92
-
firefox = {
93
-
enable = true;
94
-
95
-
profiles.${username} = {
96
-
settings = {
97
-
"toolkit.legacyUserProfileCustomizations.stylesheets" = true;
98
-
"findbar.highlightAll" = true;
99
-
};
100
-
101
-
userChrome = ''
102
-
/*===KeyFox by AlfarexGuy2019===*/
103
-
104
-
/*===COLORS===*/
105
-
106
-
:root {
107
-
--accent-color: 45, 45, 45;
108
-
--tab-color: 240, 240, 244;
109
-
--tab-text-color: 255, 255, 255;
110
-
--secondary-accent-color: 127,127,127;
111
-
--second-tab-text-color: 127,127,127;
112
-
--third-accent-color: 235, 219, 178;
113
-
--light-color: 255, 255, 255;
114
-
--dark-color: 0, 0, 0;
115
-
--url-back: 249, 249, 251;
116
-
--caption-min-color: 215, 153, 33;
117
-
--caption-max-color: 69, 133, 136;
118
-
--caption-close-color: 177, 98, 134;
119
-
}
120
-
121
-
122
-
/* MIN MAX CLOSE Remove */
123
-
#TabsToolbar > .titlebar-buttonbox-container {
124
-
visibility: collapse !important;}
125
-
126
-
/*Basic Settings*/
127
-
128
-
129
-
:root {
130
-
--navbarWidth : 40vw; /* Set width of navbar. Use px for a fixed width
131
-
or vw for a percentage of your window. */
132
-
--animationSpeed : 0.5s;
133
-
}
134
-
135
-
136
-
#TabsToolbar {
137
-
margin-left : var(--navbarWidth) !important;
138
-
}
139
-
140
-
#nav-bar {
141
-
margin-right: calc(100vw - var(--navbarWidth)) !important;
142
-
}
143
-
144
-
#urlbar-container {
145
-
min-width : 0px !important;
146
-
}
147
-
148
-
:root[uidensity="compact"] #nav-bar {
149
-
margin-top : -37px !important;
150
-
height : 37px !important;
151
-
}
152
-
153
-
:root:not([uidensity="compact"]):not([uidensity="touch"]) #nav-bar {
154
-
margin-top : -44px !important;
155
-
height : 44px !important;
156
-
}
157
-
158
-
:root[uidensity="touch"] #nav-bar {
159
-
margin-top : -49px !important;
160
-
height : 49px !important;
161
-
}
162
-
163
-
164
-
/* Back Hide */
165
-
#back-button[disabled="true"] { display: none !important }
166
-
167
-
/* Forward Hide */
168
-
#forward-button[disabled="true"] { display: none !important }
169
-
170
-
/* Site information button */
171
-
#identity-box { display: none !important }
172
-
173
-
/* "Shield" icon */
174
-
#tracking-protection-icon-container { display: none !important }
175
-
176
-
177
-
/* Simplifying interface */
178
-
179
-
#nav-bar {
180
-
background : none !important;
181
-
box-shadow : none !important;
182
-
}
183
-
184
-
#navigator-toolbox {
185
-
border : none !important;
186
-
}
187
-
188
-
.titlebar-spacer {
189
-
display : none !important;
190
-
}
191
-
192
-
#urlbar-background {
193
-
border : none !important;
194
-
}
195
-
196
-
#urlbar:not(:hover):not([breakout][breakout-extend]) > #urlbar-background {
197
-
box-shadow : none !important;
198
-
background : none !important;
199
-
}
200
-
201
-
202
-
/* Element Hiding stuff */
203
-
204
-
.urlbar-icon, #userContext-indicator, #userContext-label {
205
-
fill : transparent !important;
206
-
background : transparent !important;
207
-
color : transparent !important;
208
-
}
209
-
210
-
#urlbar:hover .urlbar-icon,
211
-
#urlbar:active .urlbar-icon,
212
-
#urlbar[focused] .urlbar-icon {
213
-
fill : var(--toolbar-color) !important;
214
-
}
215
-
216
-
/*================== TABS BAR ==================*/
217
-
218
-
#titlebar #TabsToolbar {
219
-
background: rgba(var(--dark-color), 1) !important;
220
-
}
221
-
222
-
223
-
#PersonalToolbar {
224
-
background: rgba(var(--dark-color), 1) !important;
225
-
color: rgba(var(--light-color), 1) !important;
226
-
padding-bottom: 6px !important;
227
-
padding-top: 1px !important;
228
-
}
229
-
230
-
toolbar#nav-bar {
231
-
background: rgba(var(--dark-color), 1) !important;
232
-
box-shadow: none !important;
233
-
padding-bottom: 4px !important;
234
-
}
235
-
236
-
/*================ DARK THEME ================*/
237
-
:root:-moz-lwtheme-brighttext,
238
-
.sidebar-panel[lwt-sidebar-brighttext],
239
-
body[lwt-sidebar-brighttext] {
240
-
--main-bgcolor: var(--dark-color);
241
-
--transparent-bgcolor: var(--dark-color);
242
-
}
243
-
244
-
tab[selected="true"] .tab-content {
245
-
color: rgba(var(--secondary-accent-color), 1) !important;
246
-
}
247
-
248
-
tab[selected="true"] .tab-background {
249
-
background: rgba(var(--accent-color), 1) !important;
250
-
}
251
-
.tabbrowser-tab>.tab-stack>.tab-background:not([selected="true"]) {
252
-
transition: all 0.3s ease !important;
253
-
}
254
-
255
-
.tabbrowser-tab:hover>.tab-stack>.tab-background:not([selected="true"]) {
256
-
background-color: rgba(var(--transparent-bgcolor), 0.7) !important;
257
-
}
258
-
259
-
.tab-line {
260
-
height: 0px !important;
261
-
}
262
-
263
-
.tabbrowser-tab {
264
-
margin-right: 5px !important;
265
-
}
266
-
267
-
.tabbrowser-tab:not([visuallyselected="true"]),
268
-
.tabbrowser-tab:-moz-lwtheme {
269
-
color: rgba(var(--second-tab-text-color), 1) !important;
270
-
}
271
-
272
-
tab[selected="true"] .tab-content {
273
-
color: rgba(var(--tab-text-color), 1) !important;
274
-
}
275
-
276
-
tab[selected="true"] .tab-background {
277
-
background: rgba(var(--accent-color), 1) !important;
278
-
}
279
-
280
-
.tabbrowser-tab::after,
281
-
.tabbrowser-tab::before {
282
-
border-left: 0 !important;
283
-
opacity: 0 !important;
284
-
}
285
-
286
-
.tab-close-button {
287
-
transition: all 0.3s ease !important;
288
-
border-radius: 4px !important;
289
-
}
290
-
291
-
.tabbrowser-tab .tab-label { color: var(--uc-inverted-colour) !important; }
292
-
.tab-close-button { fill: var(--uc-inverted-colour) !important }
293
-
'';
294
-
};
295
-
};
296
92
297
93
home-manager.enable = true;
298
94
+208
home-manager/firefox/default.nix
+208
home-manager/firefox/default.nix
···
1
+
{ config, pkgs, ... }:
2
+
3
+
{
4
+
programs.firefox = {
5
+
enable = true;
6
+
7
+
profiles.${config.home.username} = {
8
+
settings = {
9
+
"toolkit.legacyUserProfileCustomizations.stylesheets" = true;
10
+
"findbar.highlightAll" = true;
11
+
};
12
+
13
+
userChrome = ''
14
+
/*===KeyFox by AlfarexGuy2019===*/
15
+
16
+
/*===COLORS===*/
17
+
18
+
:root {
19
+
--accent-color: 45, 45, 45;
20
+
--tab-color: 240, 240, 244;
21
+
--tab-text-color: 255, 255, 255;
22
+
--secondary-accent-color: 127,127,127;
23
+
--second-tab-text-color: 127,127,127;
24
+
--third-accent-color: 235, 219, 178;
25
+
--light-color: 255, 255, 255;
26
+
--dark-color: 0, 0, 0;
27
+
--url-back: 249, 249, 251;
28
+
--caption-min-color: 215, 153, 33;
29
+
--caption-max-color: 69, 133, 136;
30
+
--caption-close-color: 177, 98, 134;
31
+
}
32
+
33
+
34
+
/* MIN MAX CLOSE Remove */
35
+
#TabsToolbar > .titlebar-buttonbox-container {
36
+
visibility: collapse !important;}
37
+
38
+
/*Basic Settings*/
39
+
40
+
41
+
:root {
42
+
--navbarWidth : 40vw; /* Set width of navbar. Use px for a fixed width
43
+
or vw for a percentage of your window. */
44
+
--animationSpeed : 0.5s;
45
+
}
46
+
47
+
48
+
#TabsToolbar {
49
+
margin-left : var(--navbarWidth) !important;
50
+
}
51
+
52
+
#nav-bar {
53
+
margin-right: calc(100vw - var(--navbarWidth)) !important;
54
+
}
55
+
56
+
#urlbar-container {
57
+
min-width : 0px !important;
58
+
}
59
+
60
+
:root[uidensity="compact"] #nav-bar {
61
+
margin-top : -37px !important;
62
+
height : 37px !important;
63
+
}
64
+
65
+
:root:not([uidensity="compact"]):not([uidensity="touch"]) #nav-bar {
66
+
margin-top : -44px !important;
67
+
height : 44px !important;
68
+
}
69
+
70
+
:root[uidensity="touch"] #nav-bar {
71
+
margin-top : -49px !important;
72
+
height : 49px !important;
73
+
}
74
+
75
+
76
+
/* Back Hide */
77
+
#back-button[disabled="true"] { display: none !important }
78
+
79
+
/* Forward Hide */
80
+
#forward-button[disabled="true"] { display: none !important }
81
+
82
+
/* Site information button */
83
+
#identity-box { display: none !important }
84
+
85
+
/* "Shield" icon */
86
+
#tracking-protection-icon-container { display: none !important }
87
+
88
+
89
+
/* Simplifying interface */
90
+
91
+
#nav-bar {
92
+
background : none !important;
93
+
box-shadow : none !important;
94
+
}
95
+
96
+
#navigator-toolbox {
97
+
border : none !important;
98
+
}
99
+
100
+
.titlebar-spacer {
101
+
display : none !important;
102
+
}
103
+
104
+
#urlbar-background {
105
+
border : none !important;
106
+
}
107
+
108
+
#urlbar:not(:hover):not([breakout][breakout-extend]) > #urlbar-background {
109
+
box-shadow : none !important;
110
+
background : none !important;
111
+
}
112
+
113
+
114
+
/* Element Hiding stuff */
115
+
116
+
.urlbar-icon, #userContext-indicator, #userContext-label {
117
+
fill : transparent !important;
118
+
background : transparent !important;
119
+
color : transparent !important;
120
+
}
121
+
122
+
#urlbar:hover .urlbar-icon,
123
+
#urlbar:active .urlbar-icon,
124
+
#urlbar[focused] .urlbar-icon {
125
+
fill : var(--toolbar-color) !important;
126
+
}
127
+
128
+
/*================== TABS BAR ==================*/
129
+
130
+
#titlebar #TabsToolbar {
131
+
background: rgba(var(--dark-color), 1) !important;
132
+
}
133
+
134
+
135
+
#PersonalToolbar {
136
+
background: rgba(var(--dark-color), 1) !important;
137
+
color: rgba(var(--light-color), 1) !important;
138
+
padding-bottom: 6px !important;
139
+
padding-top: 1px !important;
140
+
}
141
+
142
+
toolbar#nav-bar {
143
+
background: rgba(var(--dark-color), 1) !important;
144
+
box-shadow: none !important;
145
+
padding-bottom: 4px !important;
146
+
}
147
+
148
+
/*================ DARK THEME ================*/
149
+
:root:-moz-lwtheme-brighttext,
150
+
.sidebar-panel[lwt-sidebar-brighttext],
151
+
body[lwt-sidebar-brighttext] {
152
+
--main-bgcolor: var(--dark-color);
153
+
--transparent-bgcolor: var(--dark-color);
154
+
}
155
+
156
+
tab[selected="true"] .tab-content {
157
+
color: rgba(var(--secondary-accent-color), 1) !important;
158
+
}
159
+
160
+
tab[selected="true"] .tab-background {
161
+
background: rgba(var(--accent-color), 1) !important;
162
+
}
163
+
.tabbrowser-tab>.tab-stack>.tab-background:not([selected="true"]) {
164
+
transition: all 0.3s ease !important;
165
+
}
166
+
167
+
.tabbrowser-tab:hover>.tab-stack>.tab-background:not([selected="true"]) {
168
+
background-color: rgba(var(--transparent-bgcolor), 0.7) !important;
169
+
}
170
+
171
+
.tab-line {
172
+
height: 0px !important;
173
+
}
174
+
175
+
.tabbrowser-tab {
176
+
margin-right: 5px !important;
177
+
}
178
+
179
+
.tabbrowser-tab:not([visuallyselected="true"]),
180
+
.tabbrowser-tab:-moz-lwtheme {
181
+
color: rgba(var(--second-tab-text-color), 1) !important;
182
+
}
183
+
184
+
tab[selected="true"] .tab-content {
185
+
color: rgba(var(--tab-text-color), 1) !important;
186
+
}
187
+
188
+
tab[selected="true"] .tab-background {
189
+
background: rgba(var(--accent-color), 1) !important;
190
+
}
191
+
192
+
.tabbrowser-tab::after,
193
+
.tabbrowser-tab::before {
194
+
border-left: 0 !important;
195
+
opacity: 0 !important;
196
+
}
197
+
198
+
.tab-close-button {
199
+
transition: all 0.3s ease !important;
200
+
border-radius: 4px !important;
201
+
}
202
+
203
+
.tabbrowser-tab .tab-label { color: var(--uc-inverted-colour) !important; }
204
+
.tab-close-button { fill: var(--uc-inverted-colour) !important }
205
+
'';
206
+
};
207
+
};
208
+
}