This repository has been archived by the owner on Feb 20, 2023. It is now read-only.
generated from dracula/template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
theme.css
95 lines (83 loc) · 1.8 KB
/
theme.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
:root {
--color-bg: #282a36;
--color-current-line: #44475a;
--color-foreground: #f8f8f2;
--color-comment: #6272a4;
--color-cyan: #8be9fd;
--color-green: #50fa7b;
--color-orange: #ffb86c;
--color-pink: #ff79c6;
--color-purple: #bd93f9;
--color-red: #ff5555;
--color-yellow: #f1fa8c;
--body: "Source Sans Pro";
--mono: "Fira Code";
--title: "Abril Text";
}
.dark .shadow-box,
.dark .form-control,
.dark .form-select {
background-color: var(--color-current-line) !important;
border-radius: 0;
}
[contenteditable="true"] {
background-color: var(--color-pink) !important;
color: var(--color-bg) !important;
border-radius: 0;
padding: 5px;
}
body {
background-color: var(--color-bg) !important;
}
body,
input,
button,
select,
optgroup,
textarea,
#app {
font-family: var(--body) !important;
}
h1,
h2,
h3,
h4,
h5 {
font-family: var(--title) !important;
}
.rounded-pill,
.btn,
.hp-bar-big .beat {
border-radius: 0 !important;
}
.bg-primary,
.btn-primary {
background-color: var(--color-purple) !important;
border-color: var(--color-purple) !important;
color: var(--color-current-line) !important;
}
.bg-success,
.btn-success {
background-color: var(--color-green) !important;
border-color: var(--color-green);
color: var(--color-current-line) !important;
}
.bg-danger,
.btn-danger {
background-color: var(--color-red) !important;
border-color: var(--color-red) !important;
color: var(--color-bg) !important;
}
.bg-info,
.btn-info {
background-color: var(--color-cyan) !important;
border-color: var(--color-cyan) !important;
color: var(--color-current-line) !important;
}
.overall-status .warning {
color: var(--color-yellow) !important;
}
.info>span.badge.bg-primary {
background-color: var(--color-green) !important;
color: var(--color-current-line) !important;
}