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