This repository has been archived by the owner on Jan 3, 2022. It is now read-only.
-
-
Notifications
You must be signed in to change notification settings - Fork 106
/
monokai.css
261 lines (257 loc) · 8.01 KB
/
monokai.css
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
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
/*! =========================================== *
* MONOKAI THEME
* Version: v4.0.8
* Author: tripscripts
* Website: N/A
* Twitter: N/A
* =========================================== */
:root,
.ui-standard {
--primary: #89c62a;
--primary-contrast: white;
--signal-danger: #ed4c51;
--signal-danger-hover: #f7595e;
--signal-danger-active: #ff666b;
--signal-danger-contrast: white;
--signal-warning: #f5930a;
--signal-warning-hover: #f5a716;
--signal-warning-active: #f5b922;
--signal-warning-contrast: black;
--signal-success: #349172;
--signal-success-hover: #339c79;
--signal-success-active: #31a67f;
--signal-success-contrast: white;
--signal-info: #2c89db;
--signal-info-hover: #3491e3;
--signal-info-active: #3d99eb;
--signal-info-contrast: white;
--text-norm: white;
--text-weak: #a4a9b5;
--text-hint: #696f7d;
--text-disabled: #575d6b;
--text-invert: #262a33;
--field-norm: #e6eaf0;
--field-hover: #7ab126;
--field-disabled: #464b58;
--border-norm: #080807;
--border-weak: #10100e;
--background-norm: #1d1e1a !important;
--background-weak: #2a2c26;
--background-strong: #030302;
--interaction-norm: #89c62a;
--interaction-norm-hover: #91d12c;
--interaction-norm-active: #97d437;
--interaction-norm-contrast: white;
--interaction-weak: #151613 !important;
--interaction-weak-hover: #10100e;
--interaction-weak-active: #696f7d;
--interaction-default: transparent;
--interaction-default-hover: rgba(87, 93, 107, 0.2);
--interaction-default-active: rgba(87, 93, 107, 0.3);
--shadow-norm-opacity: 0.32;
--shadow-lifted-opacity: 0.4;
--backdrop-norm: rgba(0, 0, 0, 0.32);
--optional-scrollbar-thumb-color: #464b58;
--optional-scrollbar-thumb-hover-color: #575d6b;
--optional-email-item-read-background-color: #1a1d24;
--optional-email-item-read-text-color: var(--text-weak);
--optional-email-item-selected-background-color: #719e2a;
}
.ui-prominent,
.ui-standard,
:root {
--selection-background-color: var(
--optional-selection-background-color,
var(--primary)
);
--selection-text-color: var(
--optional-selection-text-color,
var(--primary-contrast)
);
--header-background-color: #1d1e1a !important;
--sidebar-background-color: var(
--optional-sidebar-background-color,
var(--background-norm)
);
--navigation-current-item-marker-color: var(
--optional-navigation-current-item-marker-color,
var(--interaction-norm)
);
--navigation-current-item-background-color: var(
--optional-navigation-current-item-background-color,
var(--interaction-default-hover)
);
--navigation-current-item-text-color: var(
--optional-navigation-current-item-text-color,
var(--text-norm)
);
--main-box-shadow: var(--optional-main-box-shadow, none);
--main-border-color: var(--optional-main-border-color, var(--border-norm));
--navigation-item-count-background-color: var(
--optional-navigation-item-count-background-color,
var(--primary)
);
--navigation-item-count-text-color: var(
--optional-navigation-item-count-text-color,
var(--primary-contrast)
);
--toolbar-background-color: var(
--optional-toolbar-background-color,
var(--background-weak)
);
--toolbar-border-bottom-color: var(
--optional-toolbar-border-bottom-color,
var(--border-norm)
);
--toolbar-text-color: var(--optional-toolbar-text-color, var(--text-norm));
--toolbar-separator-color: var(
--optional-toolbar-separator-color,
var(--border-norm)
);
--scrollbar-thumb-color: var(
--optional-scrollbar-thumb-color,
hsla(0, 0%, 50%, 0.25)
);
--scrollbar-thumb-hover-color: var(
--optional-scrollbar-thumb-hover-color,
hsla(0, 0%, 50%, 0.5)
);
--tooltip-background-color: var(--optional-tooltip-background-color, #000);
--tooltip-text-color: var(--optional-tooltip-text-color, #fff);
--email-item-unread-background-color: var(
--optional-email-item-unread-background-color,
var(--background-norm)
);
--email-item-unread-text-color: var(
--optional-email-item-unread-text-color,
var(--text-norm)
);
--email-item-unread-icon-background-color: var(
--optional-email-item-unread-icon-background-color,
var(--background-strong)
);
--email-item-unread-icon-text-color: var(
--optional-email-item-unread-icon-text-color,
inherit
);
--email-item-read-background-color: #2a2c26;
--email-item-read-text-color: #e6eaf0;
--email-item-read-icon-background-color: var(
--optional-email-item-read-icon-background-color,
var(--background-strong)
);
--email-item-read-icon-text-color: var(
--optional-email-item-read-icon-text-color,
inherit
);
--email-item-selected-background-color: var(
--optional-email-item-selected-background-color,
var(--interaction-norm)
);
--email-item-selected-text-color: var(
--optional-email-item-selected-text-color,
var(--interaction-norm-contrast)
);
--email-item-selected-icon-background-color: var(
--optional-email-item-selected-icon-background-color,
var(--interaction-norm-hover)
);
--email-item-selected-icon-text-color: var(
--optional-email-item-selected-icon-text-color,
inherit
);
--email-item-focus-marker-color: var(
--optional-email-item-focus-marker-color,
var(--interaction-norm)
);
--email-item-selected-focus-marker-color: var(
--optional-email-item-selected-focus-marker-color,
var(--interaction-norm-hover)
);
--email-message-view-background-color: var(
--optional-email-message-view-background-color,
var(--background-norm)
);
--field-background-color: var(
--optional-field-background-color,
var(--background-norm)
);
--field-text-color: var(--optional-field-text-color, var(--text-norm));
--field-placeholder-color: var(
--optional-field-placeholder-color,
var(--text-hint)
);
--field-hover-background-color: var(
--optional-field-hover-background-color,
var(--background-norm)
);
--field-hover-text-color: var(
--optional-field-hover-text-color,
var(--text-norm)
);
--field-focus-background-color: var(
--optional-field-focus-background-color,
var(--background-norm)
);
--field-focus-text-color: var(
--optional-field-focus-text-color,
var(--text-norm)
);
--field-disabled-background-color: var(
--optional-field-disabled-background-color,
var(--background-norm)
);
--field-disabled-text-color: var(
--optional-field-disabled-text-color,
var(--text-disabled)
);
--select-background-color: var(
--optional-select-background-color,
var(--field-background-color)
);
--favorite-icon-color: var(--optional-favorite-icon-color, orange);
--mark-background-color: var(--optional-mark-background-color, #ff0);
--mark-text-color: var(--optional-mark-text-color, #000);
--mark-font-weight: var(--optional-mark-font-weight, normal);
--modal-background-color: var(--optional-modal-background-color);
--modal-text-color: var(--optional-modal-text-color);
--file-preview-text-color: var(
--optional-file-preview-text-color,
var(--text-norm)
);
--file-preview-background-color: var(
--optional-file-preview-background-color,
var(--background-norm)
);
--border-radius: var(--optional-border-radius, 3);
--font-family: var(
--optional-font-family,
-apple-system,
BlinkMacSystemFont,
Segoe UI,
Roboto,
Oxygen-Sans,
Ubuntu,
Cantarell,
Helvetica Neue,
sans-serif
);
}
.button-solid-norm {
--button-default-background-color: #89c62a;
--button-hover-background-color: #97d437;
--button-active-background-color: #97d437;
--button-default-text-color: #e6eaf0;
--button-hover-text-color: var(--interaction-norm-contrast);
--button-active-text-color: var(--interaction-norm-contrast);
}
:root {
--searchbox-background-color: #5b26d6;
--searchbox-text-color: #e6eaf0 !important;
--optional-sidebar-background-color: #1d1e1a;
--optional-email-item-unread-icon-background-color: #080807;
--optional-email-item-unread-icon-text-color: #e6eaf0;
}
.meter-bar-thumb, .used-space {
--signal-success: #89c62a;
}