-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathnight.css
More file actions
392 lines (357 loc) · 18.5 KB
/
night.css
File metadata and controls
392 lines (357 loc) · 18.5 KB
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
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
/* name: Night */
/* author: AlphaTechnolog (https://github.com/AlphaTechnolog) */
/* license: MIT */
/* upstream: https://github.com/NightCS/github */
:root {
/* INTERNAL VARS */
--black0: #061115;
--black1: #0A1419;
--black2: #061115;
--black3: #061115;
--black4: #061115;
--gray0: #D9D7D6;
--gray1: #D9D7D6;
--gray2: #D9D7D6;
--white: #D9D7D6;
--rosewater: #DE8F78;
--red: #DF5B61;
--yellow: #DE8F78;
--peach: #DE8F78;
--green: #78B892;
--lavender: #BC83E3;
--blue: #6791C9;
--cyan: #67afc1;
--pink: #BC83E3;
/* MUTED VARS */
--black2_muted: #061115;
--black1_muted: #0A1419;
--black3_muted: #061115;
--gray0_muted: #D9D7D6;
--gray1_muted: #D9D7D6;
--white_muted: #D9D7D6;
--gray2_muted: #D9D7D6;
--black4_muted: #061115;
--red_muted: #df5b6227;
--yellow_muted: #de907827;
--peach_muted: #de907827;
--green_muted: #78b8922d;
--lavender_muted: #bd83e333;
--blue_muted: #6791c925;
--pink_muted: #bd83e333;
/* DARKEN STUFF */
--green_darken: #78B892;
--green_darkest: #78B892;
--blue_darken: #6791c9;
/* CONTRIBUTION GRAPH */
--color-graph-L1: #DF5B61;
--color-graph-L2: #BC83E3;
--color-graph-L3: #6791C9;
--color-graph-L4: #78B892;
/* ADVANCED STUFF */
--color-fg-default: var(--white) !important;
--color-fg-muted: var(--gray2) !important;
--color-fg-subtle: var(--gray1) !important;
--color-fg-on-emphasis: var(--black3) !important;
--color-canvas-default: var(--black2) !important;
--color-canvas-overlay: var(--black1) !important;
--color-canvas-inset: var(--black1) !important;
--color-canvas-subtle: var(--black1) !important;
--color-border-default: var(--black4) !important;
--color-border-muted: var(--black3) !important;
--color-border-subtle: var(--gray0) !important;
--color-shadow-small: 0 0 transparent !important;
--color-shadow-medium: 0 3px 6px var(--black1) !important;
--color-shadow-large: 0 8px 24px var(--black1) !important;
--color-shadow-extra-large: 0 12px 48px var(--black1) !important;
--color-neutral-emphasis-plus: var(--gray0) !important;
--color-netral-emphasis: var(--gray0) !important;
--color-neutral-muted: var(--black3) !important;
--color-neutral-subtle: var(--black1) !important;
--color-accent-fg: var(--blue) !important;
--color-accent-emphasis: var(--blue_darken) !important;
--color-accent-muted: var(--blue_muted) !important;
--color-accent-subtle: var(--blue_muted) !important;
--color-success-fg: var(--green) !important;
--color-success-emphasis: var(--green_darken) !important;
--color-success-muted: var(--green_muted) !important;
--color-success-subtle: var(--green_muted) !important;
--color-attention-fg: var(--yellow) !important;
--color-attention-emphasis: var(--yellow) !important;
--color-attention-muted: var(--yellow_muted) !important;
--color-attention-subtle: var(--yellow_muted) !important;
--color-severe-fg: var(--peach) !important;
--color-severe-emphasis: var(--peach) !important;
--color-severe-muted: var(--peach_muted) !important;
--color-severe-subtle: var(--peach_muted) !important;
--color-danger-fg: var(--red) !important;
--color-danger-emphasis: var(--red) !important;
--color-danger-muted: var(--red_muted) !important;
--color-danger-subtle: var(--red_muted) !important;
--color-done-fg: var(--pink) !important;
--color-done-emphasis: var(--pink) !important;
--color-done-muted: var(--pink_muted) !important;
--color-done-subtle: var(--pink_muted) !important;
--color-sponsors-fg: var(--pink) !important;
--color-sponsors-emphasis: var(--pink) !important;
--color-sponsors-muted: var(--pink_muted) !important;
--color-sponsors-subtle: var(--pink_muted) !important;
--color-primer-border-active: var(--peach) !important;
--color-sidenav-selected-bg: var(--black1) !important;
--color-state-hover-primary-bg: var(--blue_darken) !important;
--color-state-hover-primary-border: var(--blue) !important;
--color-timeline-badge-bg: var(--color-border-muted) !important;
/* BUTTONS */
--color-btn-text: var(--white) !important;
--color-btn-bg: var(--black3) !important;
--color-btn-border: var(--color-btn-bg) !important;
--color-btn-hover-bg: var(--black4) !important;
--color-btn-hover-border: var(--color-btn-hover-bg) !important;
--color-btn-active-bg: var(--black4) !important;
--color-btn-active-border: var(--color-btn-active-bg) !important;
--color-btn-selected-bg: var(--black3) !important;
--color-btn-focus-bg: var(--black3) !important;
--color-btn-counter-bg: var(--black2) !important;
--color-btn-primary-text: var(--black2) !important;
--color-btn-primary-bg: var(--green_darkest) !important;
--color-btn-primary-hover-bg: var(--green_darken) !important;
--color-btn-primary-selected-bg: var(--green_darken) !important;
--color-btn-primary-focus-bg: var(--green_muted) !important;
--color-btn-primary-icon: var(--black2) !important;
--color-btn-primary-disabled-bg: var(--green_muted) !important;
--color-btn-primary-disabled-text: var(--gray2) !important;
--color-btn-outline-text: var(--blue) !important;
--color-btn-outline-hover-text: var(--blue) !important;
--color-btn-outline-hover-bg: var(--black1) !important;
--color-btn-outline-selected-text: var(--white) !important;
--color-btn-outline-selected-bg: var(--blue_darken) !important;
--color-btn-outline-disabled-bg: var(--black1) !important;
--color-btn-danger-text: var(--red) !important;
--color-btn-danger-hover-text: var(--white) !important;
--color-btn-danger-hover-bg: var(--red) !important;
--color-btn-danger-hover-border: var(--red) !important;
--color-btn-danger-hover-icon: var(--white) !important;
--color-btn-danger-selected-text: var(--white) !important;
--color-btn-danger-selected-bg: var(--red) !important;
--color-btn-danger-selected-border: var(--peach) !important;
--color-btn-danger-disabled-bg: var(--black2) !important;
--color-btn-danger-focus-border: var(--red) !important;
--color-btn-danger-icon: var(--red) !important;
/* ANSI */
--color-ansi-red: var(--red) !important;
--color-ansi-red-bright: var(--red) !important;
--color-ansi-green: var(--green) !important;
--color-ansi-green-bright: var(--green) !important;
--color-ansi-yellow: var(--yellow) !important;
--color-ansi-yellow-bright: var(--yellow) !important;
--color-ansi-lavender: var(--blue) !important;
--color-ansi-lavender-bright: var(--blue) !important;
--color-ansi-magenta: var(--pink) !important;
--color-ansi-magenta-bright: var(--pink) !important;
--color-ansi-cyan: var(--lavender) !important;
--color-ansi-cyan-bright: var(--lavender) !important;
/* WORKFLOWS */
--color-workflow-card-bg: var(--black1) !important;
--color-workflow-card-hover-bg: var(--black1) !important;
--color-workflow-card-hover-bg: var(--black3) !important;
--color-workflow-card-focus-bg: var(--black1) !important;
--color-workflow-card-focus-bg: var(--black3) !important;
--color-workflow-card-border: var(--black3) !important;
--color-checks-bg: var(--black1) !important;
--color-checks-text-primary: var(--white) !important;
--color-checks-text-secondary: var(--gray0) !important;
--color-checks-text-link: var(--blue) !important;
--color-checks-btn-icon: var(--white) !important;
--color-checks-btn-hover-icon: var(--gray0) !important;
--color-checks-input-text: var(--gray0) !important;
--color-checks-input-placeholder-text: var(--gray1) !important;
--color-checks-input-focus-text: var(--white) !important;
--color-checks-input-bg: var(--black1) !important;
--color-checks-donut-error: var(--red) !important;
--color-checks-donut-pending: var(--yellow) !important;
--color-checks-donut-success: var(--green) !important;
--color-checks-donut-neutral: var(--gray0) !important;
--color-checks-dropdown-text: var(--white) !important;
--color-checks-dropdown-bg: var(--black1) !important;
--color-checks-dropdown-border: var(--black1) !important;
--color-checks-dropdown-hover-text: var(--white) !important;
--color-checks-dropdown-btn-hover-text: var(--white) !important;
--color-checks-header-label-text: var(--gray0) !important;
--color-checks-header-label-open-text: var(--white) !important;
--color-checks-header-border: var(--black1) !important;
--color-checks-header-icon: var(--white) !important;
--color-checks-line-text: var(--white) !important;
--color-checks-line-num-text: var(--gray0) !important;
--color-checks-line-timestamp-text: var(--gray0) !important;
--color-checks-line-selected-num-text: var(--blue) !important;
--color-checks-line-dt-fm-text: var(--white) !important;
--color-checks-line-dt-fm-bg: var(--peach) !important;
--color-checks-gate-text: var(--gray0) !important;
--color-checks-gate-waiting-text: var(--yellow) !important;
--color-checks-step-header-open-bg: var(--black1) !important;
--color-checks-step-error-text: var(--red) !important;
--color-checks-step-warning-text: var(--yellow) !important;
--color-checks-logline-text: var(--white) !important;
--color-checks-logline-num-text: var(--gray0) !important;
--color-checks-logline-debug-text: var(--pink) !important;
--color-checks-logline-error-text: var(--white) !important;
--color-checks-logline-error-num-text: var(--gray0) !important;
--color-checks-logline-warning-text: var(--white) !important;
--color-checks-logline-warning-num-text: var(--yellow) !important;
--color-checks-logline-command-text: var(--blue) !important;
--color-checks-logline-section-text: var(--green) !important;
--color-checks-ansi-black: var(--color-ansi-black) !important;
--color-checks-ansi-black-bright: var(--color-ansi-black-bright) !important;
--color-checks-ansi-white: var(--color-ansi-white) !important;
--color-checks-ansi-white-bright: var(--color-ansi-white-bright) !important;
--color-checks-ansi-gray: var(--color-ansi-gray) !important;
--color-checks-ansi-red: var(--color-ansi-red) !important;
--color-checks-ansi-red-bright: var(--color-ansi-red-bright) !important;
--color-checks-ansi-green: var(--color-ansi-green) !important;
--color-checks-ansi-green-bright: var(--color-ansi-green-bright) !important;
--color-checks-ansi-yellow: var(--color-ansi-yellow) !important;
--color-checks-ansi-yellow-bright: var(--color-ansi-yellow-bright) !important;
--color-checks-ansi-lavender: var(--color-ansi-lavender) !important;
--color-checks-ansi-lavender-bright: var(--color-ansi-lavender-bright) !important;
--color-checks-ansi-magenta: var(--color-ansi-magenta) !important;
--color-checks-ansi-magenta-bright: var(--color-ansi-magenta-bright) !important;
--color-checks-ansi-cyan: var(--color-ansi-cyan) !important;
--color-checks-ansi-cyan-bright: var(--color-ansi-cyan-bright) !important;
/* CONTRIBUTION GRAPH */
--color-calendar-halloween-graph-day-L2-bg: var(--red) !important;
--color-calendar-halloween-graph-day-L3-bg: var(--peach) !important;
--color-calendar-halloween-graph-day-L4-bg: var(--yellow) !important;
--color-calendar-graph-day-bg: var(--black1) !important;
--color-calendar-graph-day-L1-bg: var(--color-graph-L1) !important;
--color-calendar-graph-day-L2-bg: var(--color-graph-L2) !important;
--color-calendar-graph-day-L3-bg: var(--color-graph-L3) !important;
--color-calendar-graph-day-L4-bg: var(--color-graph-L4) !important;
--color-user-mention-fg: var(--yellow) !important;
--color-user-mention-bg: var(--yellow_muted) !important;
/* HEADER */
--color-header-bg: var(--black1) !important;
--color-page-header-bg: var(--black1) !important;
--color-header-border: var(--black3) !important;
--color-header-text: var(--white) !important;
--color-header-search-bg: var(--black1) !important;
/* MARKETING */
--color-marketing-icon-primary: var(--green) !important;
--color-marketing-icon-secondary: var(--blue_darken) !important;
/* SEARCH KEYWORD */
--color-search-keyword-hl: var(--yellow_muted) !important;
/* DIFFS */
--color-diff-blob-addition-num-text: var(--white) !important;
--color-diff-blob-addition-fg: var(--white) !important;
--color-diff-blob-addition-num-bg: var(--green_muted) !important;
--color-diff-blob-addition-line-bg: var(--green_muted) !important;
--color-diff-blob-addition-word-bg: var(--green_muted) !important;
--color-diff-blob-deletion-num-text: var(--white) !important;
--color-diff-blob-deletion-fg: var(--white) !important;
--color-diff-blob-deletion-num-bg: var(--red_muted) !important;
--color-diff-blob-deletion-line-bg: var(--red_muted) !important;
--color-diff-blob-deletion-word-bg: var(--red_muted) !important;
--color-diff-blob-hunk-num-bg: var(--blue_muted) !important;
--color-diff-blob-expander-icon: var(--gray0) !important;
--color-diffstat-deletion-border: var(--red_muted) !important;
--color-diffstat-addition-border: var(--green_muted) !important;
--color-diffstat-addition-bg: var(--green) !important;
/* PRETTYLIGHTS CODE SYNTAX HIGHLIGHTING */
--color-prettylights-syntax-comment: var(--gray0) !important;
--color-prettylights-syntax-constant: var(--cyan) !important;
--color-prettylights-syntax-entity: var(--blue) !important;
--color-prettylights-syntax-storage-modifier-import: var(--white) !important;
--color-prettylights-syntax-entity-tag: var(--green) !important;
--color-prettylights-syntax-keyword: var(--pink) !important;
--color-prettylights-syntax-string: var(--green) !important;
--color-prettylights-syntax-variable: var(--blue) !important;
--color-prettylights-syntax-brackethighlighter-unmatched: var(--peach) !important;
--color-prettylights-syntax-invalid-illegal-text: var(--white) !important;
--color-prettylights-syntax-invalid-illegal-bg: var(--red_muted) !important;
--color-prettylights-syntax-carriage-return-text: var(--white) !important;
--color-prettylights-syntax-carriage-return-bg: var(--red_muted) !important;
--color-prettylights-syntax-string-regexp: var(--green) !important;
--color-prettylights-syntax-markup-list: var(--yellow) !important;
--color-prettylights-syntax-markup-heading: var(--blue) !important;
--color-prettylights-syntax-markup-italic: var(--white) !important;
--color-prettylights-syntax-markup-bold: var(--white) !important;
--color-prettylights-syntax-markup-deleted-text: var(--red) !important;
--color-prettylights-syntax-markup-deleted-bg: var(--red_muted) !important;
--color-prettylights-syntax-markup-inserted-text: var(--green) !important;
--color-prettylights-syntax-markup-inserted-bg: var(--green_muted) !important;
--color-prettylights-syntax-markup-changed-text: var(--yellow) !important;
--color-prettylights-syntax-markup-changed-bg: var(--yellow_muted) !important;
--color-prettylights-syntax-markup-ignored-text: var(--black0) !important;
--color-prettylights-syntax-markup-ignored-bg: var(--blue) !important;
--color-prettylights-syntax-meta-diff-range: var(--pink) !important;
--color-prettylights-syntax-brackethighlighter-angle: var(--gray0) !important;
--color-prettylights-syntax-sublimelinter-gutter-mark: var(--gray1) !important;
--color-prettylights-syntax-constant-other-reference-link: var(--green) !important;
/* CODE MIRROR */
--color-codemirror-text: var(--white) !important;
--color-codemirror-bg: var(--black2) !important;
--color-codemirror-gutters-bg: var(--black1) !important;
--color-codemirror-guttermarker-text: var(--gray1) !important;
--color-codemirror-guttermarker-subtle-text: var(--gray0) !important;
--color-codemirror-linenumber-text: var(--gray1) !important;
--color-codemirror-cursor: var(--black3) !important;
--color-codemirror-selection-bg: var(--blue_muted) !important;
--color-codemirror-activeline-bg: var(--black3) !important;
--color-codemirror-matchingbracket-text: var(--white) !important;
--color-codemirror-lines-bg: var(--black2) !important;
--color-codemirror-syntax-comment: var(--gray0) !important;
--color-codemirror-syntax-constant: var(--blue) !important;
--color-codemirror-syntax-entity: var(--pink) !important;
--color-codemirror-syntax-keyword: var(--red) !important;
--color-codemirror-syntax-storage: var(--red) !important;
--color-codemirror-syntax-string: var(--green) !important;
--color-codemirror-syntax-support: var(--black3) !important;
--color-codemirror-syntax-variable: var(--yellow) !important;
/* SOCIAL */
--color-social-reaction-border: var(--blue) !important;
--color-social-reaction-bg: var(--black1) !important;
--color-social-reaction-bg-hover: var(--black1) !important;
--color-social-reaction-bg-reacted-hover: var(--blue_darken) !important;
/* MISC */
--color-avatar-bg: var(--black4) !important;
--color-avatar-border: var(--black4) !important;
--color-avatar-stack-fade: var(--gray1) !important;
--color-avatar-stack-fade-more: var(--black1) !important;
--color-avatar-child-shadow: -2px -2px 0 var(--black2) !important;
--color-underlinenav-icon: var(--gray1) !important;
--color-underlinenav-border-hover: var(--gray1) !important;
/* NOTIFICATIONS */
--color-notifications-button-text: var(--white) !important;
--color-notifications-button-hover-text: var(--white) !important;
--color-notifications-button-hover-bg: var(--blue_darken) !important;
--color-notifications-row-bg: var(--black1) !important;
/* MARKDOWN ig */
--color-mktg-success: var(--green) !important;
--color-mktg-info: var(--blue_darken) !important;
--color-mktg-btn-bg-top: var(--blue) !important;
--color-mktg-btn-bg-bottom: var(--blue) !important;
--color-mktg-btn-bg-overlay-top: var(--blue) !important;
--color-mktg-btn-bg-overlay-bottom: var(--blue_darken) !important;
--color-mktg-btn-text: var(--white) !important;
--color-mktg-btn-primary-bg-top: var(--green_darken) !important;
--color-mktg-btn-primary-bg-bottom: var(--green_darken) !important;
--color-mktg-btn-primary-bg-overlay-top: var(--green_darken) !important;
--color-mktg-btn-primary-bg-overlay-bottom: var(--green_darken) !important;
--color-mktg-btn-primary-text: var(--white) !important;
--color-mktg-btn-enterprise-bg-top: var(--pink) !important;
--color-mktg-btn-enterprise-bg-bottom: var(--pink) !important;
--color-mktg-btn-enterprise-bg-overlay-top: var(--pink) !important;
--color-mktg-btn-enterprise-bg-overlay-bottom: var(--pink) !important;
--color-mktg-btn-enterprise-text: var(--white) !important;
--color-mktg-btn-outline-text: var(--white) !important;
--color-mktg-btn-outline-hover-text: var(--white) !important;
--color-mktg-btn-outline-focus-border: var(--white) !important;
--color-mktg-btn-dark-text: var(--white) !important;
--color-mktg-btn-dark-hover-text: var(--white) !important;
--color-mktg-btn-dark-focus-border: var(--white) !important;
}
/* button group seperator */
.BtnGroup-parent:not(:first-child) .BtnGroup-item:not(:focus):not(:hover), .BtnGroup-item:not(:focus):not(:hover) + .BtnGroup-item:not(:focus):not(:hover) {
border-left-color: var(--black1) !important;
}
.unstarred.BtnGroup-parent:not(:first-child) > .BtnGroup-item:not(:focus):not(:hover) {
border-left-color: var(--color-btn-border) !important;
}