philomena/assets/css/themes/dark-yellow.css

28 lines
1 KiB
CSS
Raw Normal View History

2024-07-02 22:43:06 +02:00
@import "themes/base/dark";
$background-color: #191810;
$primary-color: #7a7200;
$secondary-color: #7e6b36;
:root {
/* Main colors */
--background-color: $background-color;
/* Link colors */
--link-color: hsl(from $primary-color h calc(s + 10) calc(l + 40));
/* Primary color (block backgrounds and such) */
--primary-color: $primary-color;
--primary-border-color: hsl(from $primary-color h calc(s - 20) calc(l + 5));
--primary-muted-color: hsl(from $primary-color h calc(s - 10) calc(l - 10));
--primary-dark-color: hsl(from $primary-color h calc(s - 15) calc(l - 16));
--primary-link-color: var(--link-color); /* for consistency */
/* Secondary color (most buttons) */
--secondary-color: $secondary-color;
--secondary-border-color: hsl(from $secondary-color h s calc(l + 5));
--secondary-muted-color: hsl(from $secondary-color h s calc(l - 10));
--secondary-dark-color: hsl(from $secondary-color h calc(s - 5) calc(l - 15));
--secondary-link-color: hsl(from $secondary-color h s calc(l + 40));
}