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
|
/* Don't leak CSS to websites */
@-moz-document
url("about:about"),
url("about:addons"),
url("about:certificate"),
url("about:compat"),
url("about:config"),
url("about:downloads"),
url("about:home"),
url("about:networking"),
url("about:newtab"),
url("about:performance"),
url("about:policies"),
url("about:preferences"),
url("about:processes"),
url("about:profiles"),
url("about:profiling"),
url("about:protections"),
url("about:serviceworkers"),
url("about:studies"),
url("about:support"),
url("about:telemetry"),
url("about:unloads"),
url("about:url-classifier"),
url("about:webrtc") {
/*
* Variables
*/
:root {
--bg0: #15191e;
--bg1: #1c1c24;
--bg2: #24242e;
--bg3: #383847;
--bg4: #3f3f4d;
--accent0: #a374ba;
--accent1: #b37fcc;
--accent2: #c38ade;
}
/*
* New Tab
*/
/* Window background */
body {
--newtab-background-color: var(--bg1) !important;
--newtab-background-button-color: var(--bg2) !important;
--newtab-background-button-hover-color: var(--bg3) !important;
--newtab-textbox-background-color: var(--bg3) !important;
/* Customising panel */
--customize-menu-background: var(--bg2) !important;
--customize-menu-secondary-action-background: var(--bg0) !important;
--customize-menu-secondary-action-background-hover: var(--bg3) !important;
--customize-menu-secondary-action-background-active: var(--bg4) !important;
--newtab-primary-action-background: var(--accent0) !important;
/* Shortcuts */
--newtab-background-color-secondary: var(--bg3) !important;
--newtab-element-hover-color: var(--bg2) !important;
}
/* Alignment fix */
.top-sites-list { text-align: center; }
/* New/edit shortcut popup */
.modal { background-color: var(--bg4) !important; }
/*
* Settings
*/
:root {
--in-content-page-background: var(--bg1) !important;
--in-content-box-background: var(--bg2) !important;
--in-content-box-border-color: var(--bg3) !important;
--in-content-button-background: var(--bg2) !important;
--in-content-button-background-hover: var(--bg3) !important;
--in-content-button-background-active: var(--bg4) !important;
--in-content-accent-color: var(--accent1) !important;
--in-content-accent-color-active: var(--accent2) !important;
--in-content-primary-button-background: var(--accent0) !important;
--in-content-primary-button-background-hover: var(--accent1) !important;
--in-content-primary-button-background-active: var(--accent2) !important;
--in-content-box-info-background: var(--bg2) !important;
--in-content-border-color: var(--bg3) !important;
}
.content-blocking-category:not(.selected) { background-color: var(--bg2) !important; }
.content-blocking-category.selected {
--in-content-button-background: color-mix(in srgb, var(--accent0) 20%, transparent) !important;
--in-content-button-background-hover: color-mix(in srgb, var(--accent0) 25%, transparent) !important;
--in-content-button-background-active: color-mix(in srgb, var(--accent0) 30%, transparent) !important;
}
/*
* Others
*/
:root {
--in-content-table-background: var(--bg0) !important;
}
}
|
