Skip to content

Commit 9048b6a

Browse files
zombieFoxzombieFox
authored
[feature] change theme colour meta tag on colour change
1 parent 383ca26 commit 9048b6a

File tree

13 files changed

+234
-145
lines changed

13 files changed

+234
-145
lines changed

‎package-lock.json‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "nightTab",
3-
"version": "4.37.2",
3+
"version": "4.38.0",
44
"description": "A neutral new tab page accented with a chosen colour. Customise the layout, style, background and bookmarks in nightTab.",
55
"main": "index.js",
66
"scripts":{

‎src/css/theme.css‎

Lines changed: 20 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -181,87 +181,87 @@
181181
height:100%;
182182
}
183183

184-
.theme-color-neg-10{
184+
.theme-color-negative-10{
185185
background-color:rgb(var(--theme-color-01));
186186
}
187187

188-
.theme-color-neg-09{
188+
.theme-color-negative-09{
189189
background-color:rgb(var(--theme-color-02));
190190
}
191191

192-
.theme-color-neg-08{
192+
.theme-color-negative-08{
193193
background-color:rgb(var(--theme-color-03));
194194
}
195195

196-
.theme-color-neg-07{
196+
.theme-color-negative-07{
197197
background-color:rgb(var(--theme-color-04));
198198
}
199199

200-
.theme-color-neg-06{
200+
.theme-color-negative-06{
201201
background-color:rgb(var(--theme-color-05));
202202
}
203203

204-
.theme-color-neg-05{
204+
.theme-color-negative-05{
205205
background-color:rgb(var(--theme-color-06));
206206
}
207207

208-
.theme-color-neg-04{
208+
.theme-color-negative-04{
209209
background-color:rgb(var(--theme-color-07));
210210
}
211211

212-
.theme-color-neg-03{
212+
.theme-color-negative-03{
213213
background-color:rgb(var(--theme-color-08));
214214
}
215215

216-
.theme-color-neg-02{
216+
.theme-color-negative-02{
217217
background-color:rgb(var(--theme-color-09));
218218
}
219219

220-
.theme-color-neg-01{
220+
.theme-color-negative-01{
221221
background-color:rgb(var(--theme-color-10));
222222
}
223223

224224
.theme-color{
225225
background-color:rgb(var(--theme-color));
226226
}
227227

228-
.theme-color-pos-01{
228+
.theme-color-positive-01{
229229
background-color:rgb(var(--theme-color-11));
230230
}
231231

232-
.theme-color-pos-02{
232+
.theme-color-positive-02{
233233
background-color:rgb(var(--theme-color-12));
234234
}
235235

236-
.theme-color-pos-03{
236+
.theme-color-positive-03{
237237
background-color:rgb(var(--theme-color-13));
238238
}
239239

240-
.theme-color-pos-04{
240+
.theme-color-positive-04{
241241
background-color:rgb(var(--theme-color-14));
242242
}
243243

244-
.theme-color-pos-05{
244+
.theme-color-positive-05{
245245
background-color:rgb(var(--theme-color-15));
246246
}
247247

248-
.theme-color-pos-06{
248+
.theme-color-positive-06{
249249
background-color:rgb(var(--theme-color-16));
250250
}
251251

252-
.theme-color-pos-07{
252+
.theme-color-positive-07{
253253
background-color:rgb(var(--theme-color-17));
254254
}
255255

256-
.theme-color-pos-08{
256+
.theme-color-positive-08{
257257
background-color:rgb(var(--theme-color-18));
258258
}
259259

260-
.theme-color-pos-09{
260+
.theme-color-positive-09{
261261
background-color:rgb(var(--theme-color-19));
262262
}
263263

264-
.theme-color-pos-10{
264+
.theme-color-positive-10{
265265
background-color:rgb(var(--theme-color-20));
266266
}
267267

‎src/css/variables.css‎

Lines changed: 60 additions & 60 deletions
Original file line numberDiff line numberDiff line change
@@ -11,27 +11,27 @@
1111
--theme-font-ui-style:"normal";
1212
--theme-black:0,0,0;
1313
--theme-white:255,255,255;
14-
--theme-shade-neg-10:25,25,25;
15-
--theme-shade-neg-09:25,25,25;
16-
--theme-shade-neg-08:25,25,25;
17-
--theme-shade-neg-07:25,25,25;
18-
--theme-shade-neg-06:25,25,25;
19-
--theme-shade-neg-05:25,25,25;
20-
--theme-shade-neg-04:25,25,25;
21-
--theme-shade-neg-03:25,25,25;
22-
--theme-shade-neg-02:25,25,25;
23-
--theme-shade-neg-01:25,25,25;
14+
--theme-shade-negative-10:25,25,25;
15+
--theme-shade-negative-09:25,25,25;
16+
--theme-shade-negative-08:25,25,25;
17+
--theme-shade-negative-07:25,25,25;
18+
--theme-shade-negative-06:25,25,25;
19+
--theme-shade-negative-05:25,25,25;
20+
--theme-shade-negative-04:25,25,25;
21+
--theme-shade-negative-03:25,25,25;
22+
--theme-shade-negative-02:25,25,25;
23+
--theme-shade-negative-01:25,25,25;
2424
--theme-shade:25,25,25;
25-
--theme-shade-pos-01:25,25,25;
26-
--theme-shade-pos-02:25,25,25;
27-
--theme-shade-pos-03:25,25,25;
28-
--theme-shade-pos-04:25,25,25;
29-
--theme-shade-pos-05:25,25,25;
30-
--theme-shade-pos-06:25,25,25;
31-
--theme-shade-pos-07:25,25,25;
32-
--theme-shade-pos-08:25,25,25;
33-
--theme-shade-pos-09:25,25,25;
34-
--theme-shade-pos-10:25,25,25;
25+
--theme-shade-positive-01:25,25,25;
26+
--theme-shade-positive-02:25,25,25;
27+
--theme-shade-positive-03:25,25,25;
28+
--theme-shade-positive-04:25,25,25;
29+
--theme-shade-positive-05:25,25,25;
30+
--theme-shade-positive-06:25,25,25;
31+
--theme-shade-positive-07:25,25,25;
32+
--theme-shade-positive-08:25,25,25;
33+
--theme-shade-positive-09:25,25,25;
34+
--theme-shade-positive-10:25,25,25;
3535
--theme-preview-size:6em;
3636
--theme-custom-edit-height:2.5em;
3737
--theme-shadow:1;
@@ -262,52 +262,52 @@
262262
.is-theme-style-dark{
263263
/* theme */
264264
--theme-color:var(--theme-shade);
265-
--theme-color-01:var(--theme-shade-neg-10);
266-
--theme-color-02:var(--theme-shade-neg-09);
267-
--theme-color-03:var(--theme-shade-neg-08);
268-
--theme-color-04:var(--theme-shade-neg-07);
269-
--theme-color-05:var(--theme-shade-neg-06);
270-
--theme-color-06:var(--theme-shade-neg-05);
271-
--theme-color-07:var(--theme-shade-neg-04);
272-
--theme-color-08:var(--theme-shade-neg-03);
273-
--theme-color-09:var(--theme-shade-neg-02);
274-
--theme-color-10:var(--theme-shade-neg-01);
275-
--theme-color-11:var(--theme-shade-pos-01);
276-
--theme-color-12:var(--theme-shade-pos-02);
277-
--theme-color-13:var(--theme-shade-pos-03);
278-
--theme-color-14:var(--theme-shade-pos-04);
279-
--theme-color-15:var(--theme-shade-pos-05);
280-
--theme-color-16:var(--theme-shade-pos-06);
281-
--theme-color-17:var(--theme-shade-pos-07);
282-
--theme-color-18:var(--theme-shade-pos-08);
283-
--theme-color-19:var(--theme-shade-pos-09);
284-
--theme-color-20:var(--theme-shade-pos-10);
265+
--theme-color-01:var(--theme-shade-negative-10);
266+
--theme-color-02:var(--theme-shade-negative-09);
267+
--theme-color-03:var(--theme-shade-negative-08);
268+
--theme-color-04:var(--theme-shade-negative-07);
269+
--theme-color-05:var(--theme-shade-negative-06);
270+
--theme-color-06:var(--theme-shade-negative-05);
271+
--theme-color-07:var(--theme-shade-negative-04);
272+
--theme-color-08:var(--theme-shade-negative-03);
273+
--theme-color-09:var(--theme-shade-negative-02);
274+
--theme-color-10:var(--theme-shade-negative-01);
275+
--theme-color-11:var(--theme-shade-positive-01);
276+
--theme-color-12:var(--theme-shade-positive-02);
277+
--theme-color-13:var(--theme-shade-positive-03);
278+
--theme-color-14:var(--theme-shade-positive-04);
279+
--theme-color-15:var(--theme-shade-positive-05);
280+
--theme-color-16:var(--theme-shade-positive-06);
281+
--theme-color-17:var(--theme-shade-positive-07);
282+
--theme-color-18:var(--theme-shade-positive-08);
283+
--theme-color-19:var(--theme-shade-positive-09);
284+
--theme-color-20:var(--theme-shade-positive-10);
285285
--theme-style-text:var(--theme-white);
286286
}
287287

288288
.is-theme-style-light{
289289
/* theme */
290290
--theme-color:var(--theme-shade);
291-
--theme-color-01:var(--theme-shade-pos-10);
292-
--theme-color-02:var(--theme-shade-pos-09);
293-
--theme-color-03:var(--theme-shade-pos-08);
294-
--theme-color-04:var(--theme-shade-pos-07);
295-
--theme-color-05:var(--theme-shade-pos-06);
296-
--theme-color-06:var(--theme-shade-pos-05);
297-
--theme-color-07:var(--theme-shade-pos-04);
298-
--theme-color-08:var(--theme-shade-pos-03);
299-
--theme-color-09:var(--theme-shade-pos-02);
300-
--theme-color-10:var(--theme-shade-pos-01);
301-
--theme-color-11:var(--theme-shade-neg-01);
302-
--theme-color-12:var(--theme-shade-neg-02);
303-
--theme-color-13:var(--theme-shade-neg-03);
304-
--theme-color-14:var(--theme-shade-neg-04);
305-
--theme-color-15:var(--theme-shade-neg-05);
306-
--theme-color-16:var(--theme-shade-neg-06);
307-
--theme-color-17:var(--theme-shade-neg-07);
308-
--theme-color-18:var(--theme-shade-neg-08);
309-
--theme-color-19:var(--theme-shade-neg-09);
310-
--theme-color-20:var(--theme-shade-neg-10);
291+
--theme-color-01:var(--theme-shade-positive-10);
292+
--theme-color-02:var(--theme-shade-positive-09);
293+
--theme-color-03:var(--theme-shade-positive-08);
294+
--theme-color-04:var(--theme-shade-positive-07);
295+
--theme-color-05:var(--theme-shade-positive-06);
296+
--theme-color-06:var(--theme-shade-positive-05);
297+
--theme-color-07:var(--theme-shade-positive-04);
298+
--theme-color-08:var(--theme-shade-positive-03);
299+
--theme-color-09:var(--theme-shade-positive-02);
300+
--theme-color-10:var(--theme-shade-positive-01);
301+
--theme-color-11:var(--theme-shade-negative-01);
302+
--theme-color-12:var(--theme-shade-negative-02);
303+
--theme-color-13:var(--theme-shade-negative-03);
304+
--theme-color-14:var(--theme-shade-negative-04);
305+
--theme-color-15:var(--theme-shade-negative-05);
306+
--theme-color-16:var(--theme-shade-negative-06);
307+
--theme-color-17:var(--theme-shade-negative-07);
308+
--theme-color-18:var(--theme-shade-negative-08);
309+
--theme-color-19:var(--theme-shade-negative-09);
310+
--theme-color-20:var(--theme-shade-negative-10);
311311
--theme-style-text:var(--theme-black);
312312
}
313313

‎src/html/menu/menu-content/theme.html‎

Lines changed: 20 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -184,67 +184,67 @@ <h1 class="menu-item-header-text">Colour</h1>
184184
<divclass="form-wrap">
185185
<divclass="form-group form-group-block form-group-border form-group-border-theme-color">
186186
<divclass="form-group-text form-group-text-borderless">
187-
<divclass="theme-color-box theme-color-neg-10"></div>
187+
<divclass="theme-color-box theme-color-negative-10"></div>
188188
</div>
189189
<divclass="form-group-text form-group-text-borderless">
190-
<divclass="theme-color-box theme-color-neg-09"></div>
190+
<divclass="theme-color-box theme-color-negative-09"></div>
191191
</div>
192192
<divclass="form-group-text form-group-text-borderless">
193-
<divclass="theme-color-box theme-color-neg-08"></div>
193+
<divclass="theme-color-box theme-color-negative-08"></div>
194194
</div>
195195
<divclass="form-group-text form-group-text-borderless">
196-
<divclass="theme-color-box theme-color-neg-07"></div>
196+
<divclass="theme-color-box theme-color-negative-07"></div>
197197
</div>
198198
<divclass="form-group-text form-group-text-borderless">
199-
<divclass="theme-color-box theme-color-neg-06"></div>
199+
<divclass="theme-color-box theme-color-negative-06"></div>
200200
</div>
201201
<divclass="form-group-text form-group-text-borderless">
202-
<divclass="theme-color-box theme-color-neg-05"></div>
202+
<divclass="theme-color-box theme-color-negative-05"></div>
203203
</div>
204204
<divclass="form-group-text form-group-text-borderless">
205-
<divclass="theme-color-box theme-color-neg-04"></div>
205+
<divclass="theme-color-box theme-color-negative-04"></div>
206206
</div>
207207
<divclass="form-group-text form-group-text-borderless">
208-
<divclass="theme-color-box theme-color-neg-03"></div>
208+
<divclass="theme-color-box theme-color-negative-03"></div>
209209
</div>
210210
<divclass="form-group-text form-group-text-borderless">
211-
<divclass="theme-color-box theme-color-neg-02"></div>
211+
<divclass="theme-color-box theme-color-negative-02"></div>
212212
</div>
213213
<divclass="form-group-text form-group-text-borderless">
214-
<divclass="theme-color-box theme-color-neg-01"></div>
214+
<divclass="theme-color-box theme-color-negative-01"></div>
215215
</div>
216216
<divclass="form-group-text form-group-text-borderless form-group-item-small">
217217
<divclass="theme-color-box theme-color"></div>
218218
</div>
219219
<divclass="form-group-text form-group-text-borderless">
220-
<divclass="theme-color-box theme-color-pos-01"></div>
220+
<divclass="theme-color-box theme-color-positive-01"></div>
221221
</div>
222222
<divclass="form-group-text form-group-text-borderless">
223-
<divclass="theme-color-box theme-color-pos-02"></div>
223+
<divclass="theme-color-box theme-color-positive-02"></div>
224224
</div>
225225
<divclass="form-group-text form-group-text-borderless">
226-
<divclass="theme-color-box theme-color-pos-03"></div>
226+
<divclass="theme-color-box theme-color-positive-03"></div>
227227
</div>
228228
<divclass="form-group-text form-group-text-borderless">
229-
<divclass="theme-color-box theme-color-pos-04"></div>
229+
<divclass="theme-color-box theme-color-positive-04"></div>
230230
</div>
231231
<divclass="form-group-text form-group-text-borderless">
232-
<divclass="theme-color-box theme-color-pos-05"></div>
232+
<divclass="theme-color-box theme-color-positive-05"></div>
233233
</div>
234234
<divclass="form-group-text form-group-text-borderless">
235-
<divclass="theme-color-box theme-color-pos-06"></div>
235+
<divclass="theme-color-box theme-color-positive-06"></div>
236236
</div>
237237
<divclass="form-group-text form-group-text-borderless">
238-
<divclass="theme-color-box theme-color-pos-07"></div>
238+
<divclass="theme-color-box theme-color-positive-07"></div>
239239
</div>
240240
<divclass="form-group-text form-group-text-borderless">
241-
<divclass="theme-color-box theme-color-pos-08"></div>
241+
<divclass="theme-color-box theme-color-positive-08"></div>
242242
</div>
243243
<divclass="form-group-text form-group-text-borderless">
244-
<divclass="theme-color-box theme-color-pos-09"></div>
244+
<divclass="theme-color-box theme-color-positive-09"></div>
245245
</div>
246246
<divclass="form-group-text form-group-text-borderless">
247-
<divclass="theme-color-box theme-color-pos-10"></div>
247+
<divclass="theme-color-box theme-color-positive-10"></div>
248248
</div>
249249
</div>
250250
</div>

‎src/index.html‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@
33

44
<head>
55
<metacharset="utf-8">
6-
<metaname="theme-color" content="#262831">
76
<metaname="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
87
<title>New Tab</title>
98

0 commit comments

Comments
(0)