62 lines
946 B
CSS
62 lines
946 B
CSS
:root {
|
|
--primary-1: #f6f6f6;
|
|
--primary-2: #a0a0a0;
|
|
--background: #2f2f2f;
|
|
--secondary-1: #2e8b57;
|
|
--error: #ff3333;
|
|
--error-contrast: #3f1f1ff0;
|
|
--button-border: #396cd8;
|
|
--button-background: #0f0f0f98;
|
|
--button-background-active: #0f0f0f69;
|
|
color: var(--primary-1);
|
|
background-color: var(--background);
|
|
}
|
|
|
|
a {
|
|
color: #646cff;
|
|
}
|
|
|
|
a:hover {
|
|
color: #24c8db;
|
|
}
|
|
|
|
input,
|
|
button {
|
|
color: var(--primary);
|
|
background-color: var(--button-background);
|
|
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
|
|
}
|
|
|
|
button:hover {
|
|
border-color: var(--button-border);
|
|
}
|
|
|
|
button:active {
|
|
border-color: var(--button-border);
|
|
background-color: var(--button-background-active);
|
|
}
|
|
|
|
.c-primary-1 {
|
|
color: var(--primary-1);
|
|
}
|
|
|
|
.c-primary-2 {
|
|
color: var(--primary-2);
|
|
}
|
|
|
|
.c-secondary-1 {
|
|
color: var(--secondary-1);
|
|
}
|
|
|
|
.c-error {
|
|
color: var(--error);
|
|
}
|
|
|
|
.c-bg {
|
|
background-color: var(--background);
|
|
}
|
|
|
|
.c-bg-error {
|
|
background-color: var(--error-contrast);
|
|
}
|