mirror of
https://git.sr.ht/~cadence/cloudtube
synced 2024-11-22 15:47:30 +00:00
39 lines
807 B
SCSS
39 lines
807 B
SCSS
// Defined in scss file instead of sass because indented syntax does not have multiline maps
|
|
// https://github.com/sass/sass/issues/216
|
|
|
|
@use "sass:map";
|
|
|
|
// this section is for colour shades
|
|
$theme: (
|
|
// lighter
|
|
"bg-0": #fff,
|
|
"bg-1": #fff,
|
|
// regular
|
|
"bg-2": #f2f2f2,
|
|
// darker
|
|
"bg-3": #e8e8e8, // slightly
|
|
"bg-4": #dadada, // noticably
|
|
"bg-5": #d0d0d0, // brightly
|
|
|
|
"fg-bright": #000,
|
|
"fg-main": #202020,
|
|
"fg-dim": #454545,
|
|
"fg-warning": #ce8600,
|
|
|
|
"edge-grey": #909090,
|
|
"placeholder": #636363,
|
|
|
|
"link": #0b51d4,
|
|
|
|
"power-deep": #c62727,
|
|
"power-fg": #fff,
|
|
|
|
"image-dropdown": url(/static/images/arrow-down-wide-light.svg)
|
|
);
|
|
|
|
// this section is for colour meanings
|
|
$theme: map.merge($theme, (
|
|
"bg-dim": map.get($theme, "bg-4"),
|
|
"bg-nav": map.get($theme, "bg-0")
|
|
));
|