68 lines
1.1 KiB
CSS
68 lines
1.1 KiB
CSS
:root {
|
|
--color-bg: #141414;
|
|
--color-surface: #212121;
|
|
--color-accent: #00e5ff;
|
|
--color-primary: #616161;
|
|
--color-text: #f9feff;
|
|
--color-muted: #c0c0c0;
|
|
--color-success: #14a44d;
|
|
--color-danger: #ff6b6b;
|
|
--color-warning: #CBE013;
|
|
}
|
|
|
|
body {
|
|
background-color: var(--color-bg);
|
|
color: var(--color-primary);
|
|
}
|
|
|
|
a {
|
|
color: var(--color-primary);
|
|
}
|
|
|
|
.card, .navbar, .form-control, .dropdown-menu {
|
|
background-color: var(--color-surface);
|
|
color: var(--color-text);
|
|
border: none;
|
|
}
|
|
|
|
.form-control {
|
|
background-color: var(--color-muted);
|
|
color: var(--color-text);
|
|
}
|
|
|
|
.form-control:active {
|
|
background-color: var(--color-muted);
|
|
color: var(--color-text);
|
|
}
|
|
|
|
.form-control::placeholder {
|
|
color: var(--color-muted);
|
|
}
|
|
|
|
.navbar .nav-link,
|
|
.dropdown-item {
|
|
color: var(--color-text);
|
|
}
|
|
|
|
.btn-primary {
|
|
background-color: var(--color-accent);
|
|
border: none;
|
|
}
|
|
|
|
.btn-primary:hover {
|
|
background-color: var(--color-accent);
|
|
}
|
|
|
|
.btn-danger {
|
|
background-color: var(--color-danger);
|
|
border: none;
|
|
}
|
|
|
|
.table {
|
|
color: var(--color-text);
|
|
}
|
|
|
|
hr {
|
|
border-top: 1px solid var(--color-accent);
|
|
}
|