mirror of
https://github.com/philomena-dev/philomena.git
synced 2024-11-30 14:57:59 +01:00
33 lines
1.2 KiB
CSS
33 lines
1.2 KiB
CSS
|
@import "themes/base/light";
|
||
|
|
|
||
|
|
$background-color: #f7f7f7;
|
||
|
|
$primary-color: #e35a5a;
|
||
|
|
$secondary-color: #ea7363;
|
||
|
|
$danger-color: #df5858;
|
||
|
|
|
||
|
|
:root {
|
||
|
|
/* Main colors */
|
||
|
|
--background-color: $background-color;
|
||
|
|
--text-light-color: $background-color;
|
||
|
|
|
||
|
|
/* Link colors */
|
||
|
|
--link-color: hsl(from $primary-color h calc(s + 10) calc(l - 25));
|
||
|
|
|
||
|
|
/* Primary color (block backgrounds and such) */
|
||
|
|
--primary-color: $primary-color;
|
||
|
|
--primary-border-color: hsl(from $primary-color h calc(s + 5) calc(l - 5));
|
||
|
|
--primary-muted-color: hsl(from $primary-color h calc(s + 7) calc(l + 22));
|
||
|
|
--primary-dark-color: hsl(from $primary-color h calc(s + 20) calc(l + 32));
|
||
|
|
--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 - 45));
|
||
|
|
--secondary-muted-color: hsl(from $secondary-color h calc(s + 5) calc(l + 14));
|
||
|
|
--secondary-dark-color: hsl(from $secondary-color h calc(s - 5) calc(l + 20));
|
||
|
|
--secondary-link-color: hsl(from $secondary-color h s calc(l - 55));
|
||
|
|
|
||
|
|
/* Type (information category) colors */
|
||
|
|
@mixin type-color danger, $danger-color;
|
||
|
|
}
|