91 lines
2.4 KiB
CSS
91 lines
2.4 KiB
CSS
:root {
|
|
--rh-bg: #303030;
|
|
--rh-fg: #abb2bf;
|
|
--rh-current-line: #44475a;
|
|
--rh-comment: #6272a4;
|
|
--rh-abyss: rgb(39,39,39);
|
|
--rh-cyan: #56b6c2;
|
|
--rh-green: #98c379;
|
|
--rh-orange: #ffb86c;
|
|
--rh-pink: #ff79c6;
|
|
--rh-purple: #c678dd;
|
|
--rh-red: #e06c75;
|
|
--rh-yellow: #e5c07b;
|
|
}
|
|
.theme-dark,
|
|
.theme-light {
|
|
--main-background: var(--rh-bg);
|
|
--text-color: var(--rh-fg);
|
|
--link-color: var(--rh-purple);
|
|
--link-hover-color: var(--rh-purple);
|
|
--input-background: var(--rh-abyss);
|
|
--segment-background: var(--rh-abyss);
|
|
--card-background: var(--rh-abyss);
|
|
--success-color: var(--rh-green);
|
|
--success-hover-color: var(--rh-current-line);
|
|
--discrete-text-color: var(--rh-fg);
|
|
--really-discrete-text-color: var(--rh-comment);
|
|
--button-basic-hover-color: var(--rh-fg);
|
|
--button-basic-color: var(--rh-comment);
|
|
--card-box-shadow: 0 1px 3px 0 black, 0 0 0 1px black;
|
|
--sidebar-background: var(--rh-abyss);
|
|
--vibrant-color: var(--rh-green);
|
|
--vibrant-hover-color: var(--rh-green);
|
|
--player-color: var(--rh-fg);
|
|
--player-background: var(--rh-abyss);
|
|
--site-background: var(--rh-bg);
|
|
--danger-color: var(--rh-red);
|
|
--danger-hover-color: var(--rh-red);
|
|
--primary-color: var(--rh-cyan);
|
|
--primary-hover-color: var(--rh-cyan);
|
|
--secondary-menu-active-item-color: var(--rh-comment);
|
|
}
|
|
button,
|
|
.ui.success.button,
|
|
.ui.success.buttons .button,
|
|
.ui.vibrant.button,
|
|
.ui.vibrant.button:hover,
|
|
.ui.vibrant.buttons .button,
|
|
.ui.vibrant.buttons .button:hover,
|
|
.ui.primary.button,
|
|
.ui.primary.buttons .button {
|
|
color: var(--rh-bg);
|
|
}
|
|
button:hover,
|
|
.ui.success.button:hover,
|
|
.ui.success.buttons .button:hover {
|
|
color: var(--rh-fg);
|
|
}
|
|
.sidebar .logo path {
|
|
fill: var(--rh-bg);
|
|
}
|
|
.ui.table td.active,
|
|
.ui.table tr.active {
|
|
color: var(--rh-fg);
|
|
background: var(--rh-abyss);
|
|
}
|
|
.ui.info.message {
|
|
color: var(--rh-fg);
|
|
background: var(--rh-current-line);
|
|
}
|
|
.ui.selectable.table > tbody > tr:hover,
|
|
.ui.table tbody tr td.selectable:hover,
|
|
.ui.selectable.table tr.active:hover,
|
|
.ui.selectable.table tr:hover td.active,
|
|
.ui.table tr td.selectable.active:hover,
|
|
button:hover,
|
|
.ui.success.button:hover,
|
|
.ui.success.buttons .button:hover {
|
|
color: var(--rh-fg);
|
|
background: var(--rh-current-line);
|
|
}
|
|
i.pink.icon {
|
|
color: var(--rh-pink);
|
|
}
|
|
.ui.info.message .header {
|
|
color: var(--rh-fg);
|
|
}
|
|
i.inverted.bordered.vibrant.icon,
|
|
i.inverted.circular.vibrant.icon {
|
|
background: var(--rh-red);
|
|
} |