You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
59 lines
2.4 KiB
59 lines
2.4 KiB
/*------------------------------------------------------------------------------
|
|
* DEFINE COLOR PALETTE
|
|
*
|
|
* Choose the CSS Variables that will be applied to recolor elements.
|
|
* The current format is to use hex codes, e.g. #00FF00.
|
|
*
|
|
* A future refactor to use rgb() instead may allow transparency mods
|
|
* via using these variables with rgba(). Hex codes currently do not
|
|
* work with rgba(), so no transparency mods are included except for
|
|
* those defined in absolute terms (i.e., non-variable colors).
|
|
*
|
|
* Foreground Colors:
|
|
* --bg: | Background for foreground elements.
|
|
* --text: | A color that stands out against bg.
|
|
* --textBold: | A color that stands out strongly against bg.
|
|
* --textMuted: | A color that stands out slightly against bg.
|
|
*
|
|
* Background Colors:
|
|
* --bgPage: | Background for non-foreground elements.
|
|
* --textPage: | A color that stands out against bgPage.
|
|
* --textPageBold: | A color that stands out strongly against bgPage.
|
|
* --textPageMuted: | A color that stands out slightly against bgPage.
|
|
*
|
|
* Highlights Colors:
|
|
* --bgHead: | Background for column headers.
|
|
* --textHead: | A color that stands out (strongly) against bgHead.
|
|
* --accent: | An accent color for links and buttons.
|
|
* --accentText: | A color that stands out (strongly) against accent.
|
|
*
|
|
* Palette advisories for choosing colors:
|
|
* - Consider using an off-white or off-black for text tones,
|
|
* but not necessary as long as there is sufficient contrast.
|
|
* - Bold colors are highly recommended to be strong colors,
|
|
* like pure white or pure black.
|
|
* - Muted colors can be off-grey or any mid-tone with slight contrast.
|
|
* - It might be best to base the background palette on a slightly
|
|
* darker or lighter version of the foreground palette, but
|
|
* this is no longer strictly necessary; you may use mixed palettes.
|
|
* It is now possible to use a dark bgPage and light bg, or vice-versa.
|
|
------------------------------------------------------------------------------*/
|
|
|
|
/* linernotes dark */
|
|
|
|
:root {
|
|
--bg: rgb(26,21,21);
|
|
--text: rgb(225,225,225);
|
|
--textBold: rgb(255,255,255);
|
|
--textMuted: rgb(153,157,156);
|
|
|
|
--bgPage: rgb(42,38,37);
|
|
--textPage: var(--text);
|
|
--textPageBold: var(--textBold);
|
|
--textPageMuted: var(--textMuted);
|
|
|
|
--bgHead: rgb(255,122,23);
|
|
--textHead: var(--textBold);
|
|
--accent: rgb(3, 180, 0);
|
|
--accentText: var(--textBold);
|
|
} |