-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathdracula-server.css
More file actions
406 lines (394 loc) · 17.1 KB
/
Copy pathdracula-server.css
File metadata and controls
406 lines (394 loc) · 17.1 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
393
394
395
396
397
398
399
400
401
402
403
404
405
406
:root {
/* General color definitions */
--btcpay-brand-light: #c2fdc9;
--btcpay-brand-primary: #50fa7b;
--btcpay-brand-secondary: #8be9fd;
--btcpay-brand-tertiary: #f1fa8c;
--btcpay-brand-dark: #282a36;
--btcpay-brand-darkest: #21232d;
/* Color definitions for specific purposes - map the general colors or define additional ones */
--btcpay-white: #f8f8f2;
--btcpay-black: #4a4c59;
--btcpay-light-100: #7e808f;
--btcpay-light-200: #7e808f;
--btcpay-light-300: #7e808f;
--btcpay-light-400: #4a4c59;
--btcpay-light-500: #4a4c59;
--btcpay-light-600: #4a4c59;
--btcpay-light-700: #282a36;
--btcpay-light-800: #282a36;
--btcpay-light-900: #282a36;
/* Color definitions for specific sections - try to reuse colors defined above */
--btcpay-primary-100: #c2fdc9;
--btcpay-primary-200: #c2fdc9;
--btcpay-primary-300: #c2fdc9;
--btcpay-primary-400: #50fa7b;
--btcpay-primary-500: #50fa7b;
--btcpay-primary-600: #50fa7b;
--btcpay-primary-700: #009400;
--btcpay-primary-800: #009400;
--btcpay-primary-900: #009400;
--btcpay-green-100: #c2fdc9;
--btcpay-green-200: #c2fdc9;
--btcpay-green-300: #c2fdc9;
--btcpay-green-400: #50fa7b;
--btcpay-green-500: #50fa7b;
--btcpay-green-600: #50fa7b;
--btcpay-green-700: #009400;
--btcpay-green-800: #009400;
--btcpay-green-900: #009400;
--btcpay-blue-100: #c5cce1;
--btcpay-blue-200: #c5cce1;
--btcpay-blue-300: #c5cce1;
--btcpay-blue-400: #5f72a8;
--btcpay-blue-500: #5f72a8;
--btcpay-blue-600: #5f72a8;
--btcpay-blue-700: #232e62;
--btcpay-blue-800: #232e62;
--btcpay-blue-900: #232e62;
--btcpay-yellow-100: #f8fbcc;
--btcpay-yellow-200: #f8fbcc;
--btcpay-yellow-300: #f8fbcc;
--btcpay-yellow-400: #f1fa8c;
--btcpay-yellow-500: #f1fa8c;
--btcpay-yellow-600: #f1fa8c;
--btcpay-yellow-700: #9a8c35;
--btcpay-yellow-800: #9a8c35;
--btcpay-yellow-900: #9a8c35;
--btcpay-red-100: #f99d9e;
--btcpay-red-200: #f99d9e;
--btcpay-red-300: #f99d9e;
--btcpay-red-400: #ff5555;
--btcpay-red-500: #ff5555;
--btcpay-red-600: #ff5555;
--btcpay-red-700: #c8191f;
--btcpay-red-800: #c8191f;
--btcpay-red-900: #c8191f;
--btcpay-purple-100: #d8bffb;
--btcpay-purple-200: #d8bffb;
--btcpay-purple-300: #d8bffb;
--btcpay-purple-400: #bd93f9;
--btcpay-purple-500: #bd93f9;
--btcpay-purple-600: #bd93f9;
--btcpay-purple-700: #5806c8;
--btcpay-purple-800: #5806c8;
--btcpay-orange-100: #FFF3EF;
--btcpay-orange-200: #FFE1D6;
--btcpay-orange-300: #FABDA5;
--btcpay-orange-400: #FA9269;
--btcpay-orange-500: #FF6937;
--btcpay-orange-600: #C14F29;
--btcpay-orange-700: #9A3F21;
--btcpay-orange-800: #672A16;
--btcpay-brown-100: #F6F0EA;
--btcpay-brown-200: #EBE0DB;
--btcpay-brown-300: #D2BBB0;
--btcpay-brown-400: #B18977;
--btcpay-brown-500: #99644C;
--btcpay-brown-600: #744C3A;
--btcpay-brown-700: #5C3C2E;
--btcpay-brown-800: #3D281E;
--btcpay-pink-100: #feb1dd;
--btcpay-pink-200: #feb1dd;
--btcpay-pink-300: #feb1dd;
--btcpay-pink-400: #ff79c6;
--btcpay-pink-500: #ff79c6;
--btcpay-pink-600: #ff79c6;
--btcpay-pink-700: #8d0063;
--btcpay-pink-800: #8d0063;
--btcpay-space-xs: 5px;
--btcpay-space-s: 10px;
--btcpay-space-m: 20px;
--btcpay-space-l: 40px;
--btcpay-space-xl: 60px;
--btcpay-space-xxl: 80px;
--btcpay-font-family-base: "Open Sans" , "Helvetica Neue" , Arial , sans-serif;
--btcpay-font-family-monospace: SFMono-Regular , Menlo , Monaco , Consolas , "Liberation Mono" , "Courier New" , monospace;
--btcpay-font-size-xs: 10px;
--btcpay-font-size-s: 12px;
--btcpay-font-size-m: 14px;
--btcpay-font-size-l: 18px;
--btcpay-font-size-xl: 36px;
--btcpay-font-size-xxl: 45px;
--btcpay-font-weight-normal: 400;
--btcpay-font-weight-semibold: 600;
--btcpay-font-weight-bold: 700;
--btcpay-neutral-100: #7e808f;
--btcpay-neutral-200: #7e808f;
--btcpay-neutral-300: #7e808f;
--btcpay-neutral-400: #4a4c59;
--btcpay-neutral-500: #4a4c59;
--btcpay-neutral-600: #4a4c59;
--btcpay-neutral-700: #282a36;
--btcpay-neutral-800: #282a36;
--btcpay-neutral-900: #282a36;
--btcpay-font-size-base: var(--btcpay-font-size-m);
--btcpay-bg-dark: var(--btcpay-brand-dark);
--btcpay-bg-tile: var(--btcpay-brand-darkest);
--btcpay-bg-cta: var(--btcpay-bg-dark);
--btcpay-body-bg: var(--btcpay-neutral-900);
--btcpay-body-bg-light: var(--btcpay-neutral-100);
--btcpay-body-bg-medium: var(--btcpay-neutral-400);
--btcpay-body-bg-striped: var(--btcpay-neutral-200);
--btcpay-body-bg-hover: var(--btcpay-neutral-200);
--btcpay-body-bg-active: var(--btcpay-primary);
--btcpay-body-border-light: var(--btcpay-neutral-200);
--btcpay-body-border-medium: var(--btcpay-neutral-300);
--btcpay-body-text: var(--btcpay-neutral-900);
--btcpay-body-text-striped: var(--btcpay-body-text);
--btcpay-body-text-hover: var(--btcpay-body-text);
--btcpay-body-text-active: var(--btcpay-white);
--btcpay-body-text-muted: var(--btcpay-neutral-500);
--btcpay-body-link: var(--btcpay-primary);
--btcpay-body-link-accent: var(--btcpay-primary-accent);
--btcpay-body-shadow: rgba(25, 135, 84, 0.33);
--btcpay-wizard-bg: var(--btcpay-white);
--btcpay-wizard-color: var(--btcpay-body-text);
--btcpay-header-bg: var(--btcpay-brand-darkest);
--btcpay-header-text: var(--btcpay-white);
--btcpay-header-link: var(--btcpay-white);
--btcpay-header-link-accent: var(--btcpay-light-300);
--btcpay-header-link-active: var(--btcpay-light-300);
--btcpay-nav-link: var(--btcpay-neutral-600);
--btcpay-nav-link-accent: var(--btcpay-neutral-700);
--btcpay-nav-link-active: var(--btcpay-neutral-900);
--btcpay-nav-bg: transparent;
--btcpay-nav-bg-hover: transparent;
--btcpay-nav-bg-active: transparent;
--btcpay-nav-border: transparent;
--btcpay-nav-border-hover: transparent;
--btcpay-nav-border-active: var(--btcpay-primary);
--btcpay-form-bg: var(--btcpay-white);
--btcpay-form-bg-hover: var(--btcpay-form-bg);
--btcpay-form-bg-addon: var(--btcpay-neutral-300);
--btcpay-form-bg-disabled: var(--btcpay-neutral-200);
--btcpay-form-text: var(--btcpay-neutral-900);
--btcpay-form-text-label: var(--btcpay-neutral-700);
--btcpay-form-text-addon: var(--btcpay-neutral-700);
--btcpay-form-border: var(--btcpay-neutral-300);
--btcpay-form-border-focus: var(--btcpay-form-border);
--btcpay-form-border-active: var(--btcpay-form-border);
--btcpay-form-border-disabled: var(--btcpay-form-border);
--btcpay-form-shadow-focus: var(--btcpay-primary-shadow);
--btcpay-form-shadow-valid: var(--btcpay-success-shadow);
--btcpay-form-shadow-invalid: var(--btcpay-danger-shadow);
--btcpay-footer-bg: var(--btcpay-brand-darkest);
--btcpay-footer-text: var(--btcpay-light-400);
--btcpay-footer-link: var(--btcpay-neutral-400);
--btcpay-footer-link-accent: var(--btcpay-neutral-100);
--btcpay-code-text: var(--btcpay-body-text);
--btcpay-code-bg: transparent;
--btcpay-pre-text: var(--btcpay-white);
--btcpay-pre-bg: var(--btcpay-neutral-900);
--btcpay-primary: #50fa7b;
--btcpay-primary-accent: #009400;
--btcpay-primary-text:var(--btcpay-white);
--btcpay-primary-text-hover: var(--btcpay-white);
--btcpay-primary-text-active: var(--btcpay-white);
--btcpay-primary-bg-hover: var(--btcpay-primary-accent);
--btcpay-primary-bg-active: var(--btcpay-primary-accent);
--btcpay-primary-border: var(--btcpay-primary);
--btcpay-primary-border-hover: var(--btcpay-primary-bg-hover);
--btcpay-primary-border-active: var(--btcpay-primary-bg-active);
--btcpay-primary-dim-bg: var(--btcpay-primary-500);
--btcpay-primary-dim-bg-striped: var(--btcpay-primary-400);
--btcpay-primary-dim-bg-hover: var(--btcpay-primary-600);
--btcpay-primary-dim-bg-active: var(--btcpay-primary-700);
--btcpay-primary-dim-border: var(--btcpay-primary-dim-bg);
--btcpay-primary-dim-border-active: var(--btcpay-primary-dim-bg-active);
--btcpay-primary-dim-text: var(--btcpay-white);
--btcpay-primary-dim-text-striped: var(--btcpay-primary-dim-text);
--btcpay-primary-dim-text-hover: var(--btcpay-primary-dim-text);
--btcpay-primary-dim-text-active: var(--btcpay-primary-900);
--btcpay-primary-shadow: rgba(25, 135, 84, 0.33);
--btcpay-secondary: var(--btcpay-light-600);
--btcpay-secondary-accent: var(--btcpay-light-800);
--btcpay-secondary-text: var(--btcpay-white);
--btcpay-secondary-text-hover: var(--btcpay-white);
--btcpay-secondary-text-active: var(--btcpay-white);
--btcpay-secondary-bg-hover: var(--btcpay-secondary-accent);
--btcpay-secondary-bg-active: var(--btcpay-secondary-accent);
--btcpay-secondary-border: var(--btcpay-secondary);
--btcpay-secondary-border-hover: var(--btcpay-secondary-bg-hover);
--btcpay-secondary-border-active: var(--btcpay-secondary-bg-active);
--btcpay-secondary-dim-bg: var(--btcpay-neutral-200);
--btcpay-secondary-dim-bg-striped: var(--btcpay-neutral-300);
--btcpay-secondary-dim-bg-hover: var(--btcpay-neutral-300);
--btcpay-secondary-dim-bg-active: var(--btcpay-neutral-400);
--btcpay-secondary-dim-border: var(--btcpay-secondary-dim-bg);
--btcpay-secondary-dim-border-active: var(--btcpay-secondary-dim-bg-active);
--btcpay-secondary-dim-text: var(--btcpay-neutral-800);
--btcpay-secondary-dim-text-striped: var(--btcpay-secondary-dim-text);
--btcpay-secondary-dim-text-hover: var(--btcpay-secondary-dim-text);
--btcpay-secondary-dim-text-active: var(--btcpay-neutral-900);
--btcpay-secondary-shadow: rgba(130, 138, 145, 0.33);
--btcpay-success: #329f80;
--btcpay-success-accent: #1e7e34;
--btcpay-success-text: var(--btcpay-white);
--btcpay-success-text-hover: var(--btcpay-white);
--btcpay-success-text-active: var(--btcpay-white);
--btcpay-success-bg-hover: var(--btcpay-success-accent);
--btcpay-success-bg-active: var(--btcpay-success-accent);
--btcpay-success-border: var(--btcpay-success);
--btcpay-success-border-hover: var(--btcpay-success-bg-hover);
--btcpay-success-border-active: var(--btcpay-success-bg-active);
--btcpay-success-dim-bg: var(--btcpay-green-100);
--btcpay-success-dim-bg-striped: var(--btcpay-green-200);
--btcpay-success-dim-bg-hover: var(--btcpay-green-200);
--btcpay-success-dim-bg-active: var(--btcpay-green-300);
--btcpay-success-dim-border: var(--btcpay-success-dim-bg);
--btcpay-success-dim-border-active: var(--btcpay-success-dim-bg-active);
--btcpay-success-dim-text: var(--btcpay-green-800);
--btcpay-success-dim-text-striped: var(--btcpay-success-dim-text);
--btcpay-success-dim-text-hover: var(--btcpay-success-dim-text);
--btcpay-success-dim-text-active: var(--btcpay-green-900);
--btcpay-success-shadow: rgba(60, 153, 110, 0.33);
--btcpay-info: var(--btcpay-blue-400);
--btcpay-info-accent: var(--btcpay-blue-900);
--btcpay-info-text: var(--btcpay-white);
--btcpay-info-text-hover: var(--btcpay-white);
--btcpay-info-text-active: var(--btcpay-white);
--btcpay-info-bg-hover: var(--btcpay-info-accent);
--btcpay-info-bg-active: var(--btcpay-info-accent);
--btcpay-info-border: var(--btcpay-info);
--btcpay-info-border-hover: var(--btcpay-info-bg-hover);
--btcpay-info-border-active: var(--btcpay-info-bg-active);
--btcpay-info-dim-bg: var(--btcpay-blue-100);
--btcpay-info-dim-bg-striped: var(--btcpay-blue-200);
--btcpay-info-dim-bg-hover: var(--btcpay-blue-200);
--btcpay-info-dim-bg-active: var(--btcpay-blue-300);
--btcpay-info-dim-border: var(--btcpay-info-dim-bg);
--btcpay-info-dim-border-active: var(--btcpay-info-dim-bg-active);
--btcpay-info-dim-text: var(--btcpay-blue-800);
--btcpay-info-dim-text-striped: var(--btcpay-info-dim-text);
--btcpay-info-dim-text-hover: var(--btcpay-info-dim-text);
--btcpay-info-dim-text-active: var(--btcpay-blue-900);
--btcpay-info-shadow: rgba(11, 172, 204, 0.33);
--btcpay-warning: var(--btcpay-yellow-400);
--btcpay-warning-accent: var(--btcpay-yellow-900);
--btcpay-warning-text: var(--btcpay-light-700);
--btcpay-warning-text-hover: var(--btcpay-neutral-900);
--btcpay-warning-text-active: var(--btcpay-neutral-900);
--btcpay-warning-bg-hover: var(--btcpay-warning-accent);
--btcpay-warning-bg-active: var(--btcpay-warning-accent);
--btcpay-warning-border: var(--btcpay-warning);
--btcpay-warning-border-hover: var(--btcpay-warning-bg-hover);
--btcpay-warning-border-active: var(--btcpay-warning-bg-active);
--btcpay-warning-dim-bg: var(--btcpay-yellow-100);
--btcpay-warning-dim-bg-striped: var(--btcpay-yellow-200);
--btcpay-warning-dim-bg-hover: var(--btcpay-yellow-200);
--btcpay-warning-dim-bg-active: var(--btcpay-yellow-300);
--btcpay-warning-dim-border: var(--btcpay-warning-dim-bg);
--btcpay-warning-dim-border-active: var(--btcpay-warning-dim-bg-active);
--btcpay-warning-dim-text: var(--btcpay-neutral-800);
--btcpay-warning-dim-text-striped: var(--btcpay-warning-dim-text);
--btcpay-warning-dim-text-hover: var(--btcpay-warning-dim-text);
--btcpay-warning-dim-text-active: var(--btcpay-yellow-900);
--btcpay-warning-shadow: rgba(217, 164, 6, 0.33);
--btcpay-danger: var(--btcpay-red-400);
--btcpay-danger-accent: var(--btcpay-red-900);
--btcpay-danger-text: var(--btcpay-white);
--btcpay-danger-text-hover: var(--btcpay-white);
--btcpay-danger-text-active: var(--btcpay-white);
--btcpay-danger-bg-hover: var(--btcpay-danger-accent);
--btcpay-danger-bg-active: var(--btcpay-danger-accent);
--btcpay-danger-border: var(--btcpay-danger);
--btcpay-danger-border-hover: var(--btcpay-danger-bg-hover);
--btcpay-danger-border-active: var(--btcpay-danger-bg-active);
--btcpay-danger-dim-bg: var(--btcpay-red-100);
--btcpay-danger-dim-bg-striped: var(--btcpay-red-200);
--btcpay-danger-dim-bg-hover: var(--btcpay-red-200);
--btcpay-danger-dim-bg-active: var(--btcpay-red-300);
--btcpay-danger-dim-border: var(--btcpay-danger-dim-bg);
--btcpay-danger-dim-border-active: var(--btcpay-danger-dim-bg-active);
--btcpay-danger-dim-text: var(--btcpay-red-800);
--btcpay-danger-dim-text-striped: var(--btcpay-danger-dim-text);
--btcpay-danger-dim-text-hover: var(--btcpay-danger-dim-text);
--btcpay-danger-dim-text-active: var(--btcpay-red-900);
--btcpay-danger-shadow: rgba(225, 83, 97, 0.33);
--btcpay-light: var(--btcpay-light-200);
--btcpay-light-accent: var(--btcpay-light-100);
--btcpay-light-text: var(--btcpay-light-800);
--btcpay-light-text-hover: var(--btcpay-neutral-800);
--btcpay-light-text-active: var(--btcpay-neutral-800);
--btcpay-light-bg-hover: var(--btcpay-light-accent);
--btcpay-light-bg-active: var(--btcpay-light-accent);
--btcpay-light-border: var(--btcpay-light);
--btcpay-light-border-hover: var(--btcpay-light-bg-hover);
--btcpay-light-border-active: var(--btcpay-light-bg-active);
--btcpay-light-dim-bg: var(--btcpay-white);
--btcpay-light-dim-bg-striped: var(--btcpay-neutral-200);
--btcpay-light-dim-bg-hover: var(--btcpay-neutral-200);
--btcpay-light-dim-bg-active: var(--btcpay-neutral-300);
--btcpay-light-dim-border: var(--btcpay-light-dim-bg);
--btcpay-light-dim-border-active: var(--btcpay-light-dim-bg-active);
--btcpay-light-dim-text: var(--btcpay-neutral-800);
--btcpay-light-dim-text-striped: var(--btcpay-light-dim-text);
--btcpay-light-dim-text-hover: var(--btcpay-light-dim-text);
--btcpay-light-dim-text-active: var(--btcpay-neutral-900);
--btcpay-light-shadow: rgba(211, 212, 213, 0.33);
--btcpay-dark: var(--btcpay-light-800);
--btcpay-dark-accent: var(--btcpay-light-900);
--btcpay-dark-text: var(--btcpay-light-200);
--btcpay-dark-text-hover: var(--btcpay-neutral-200);
--btcpay-dark-text-active: var(--btcpay-neutral-200);
--btcpay-dark-bg-hover: var(--btcpay-dark-accent);
--btcpay-dark-bg-active: var(--btcpay-dark-accent);
--btcpay-dark-border: var(--btcpay-dark);
--btcpay-dark-border-hover: var(--btcpay-dark-bg-hover);
--btcpay-dark-border-active: var(--btcpay-dark-bg-active);
--btcpay-dark-dim-bg: var(--btcpay-neutral-900);
--btcpay-dark-dim-bg-striped: var(--btcpay-neutral-900);
--btcpay-dark-dim-bg-hover: var(--btcpay-neutral-800);
--btcpay-dark-dim-bg-active: var(--btcpay-neutral-700);
--btcpay-dark-dim-border: var(--btcpay-dark-dim-bg);
--btcpay-dark-dim-border-active: var(--btcpay-dark-dim-bg-active);
--btcpay-dark-dim-text: var(--btcpay-neutral-200);
--btcpay-dark-dim-text-striped: var(--btcpay-dark-dim-text);
--btcpay-dark-dim-text-hover: var(--btcpay-dark-dim-text);
--btcpay-dark-dim-text-active: var(--btcpay-neutral-100);
--btcpay-dark-shadow: rgba(66, 70, 73, 0.33);
}
/* Bootstrap modifications */
.bg-dark {
background-color: var(--btcpay-bg-dark) !important;
}
.table-sm {
margin: 1.5rem 0;
/*background: var(--btcpay-white);*/
background: #383a59;
border: 1px solid var(--btcpay-light-300);
border-radius: 4px;
border-collapse: separate !important;
border-spacing: 0px !important;
}
.table-sm thead > tr {
height: 40px;
}
.table-sm thead th {
border-bottom: none;
border-top: none;
font-size: 1.0rem;
}
.table-sm th,
.table-sm td {
padding: 8px 12px;
vertical-align: middle;
font-size: 0.92rem;
}
.table-sm tbody tr:hover {
background-color: var(--btcpay-light-100);
}
.removetopborder tr:first-child th,
.removetopborder tr:first-child td {
border-top: none;
}
#mainNav.sticky-top {
background: var(--btcpay-white);
}
.btn-primary {
color: var(--btcpay-black);
}
.btn-primary:hover {
color: var(--btcpay-black);
}