2020-03-26 22:14:16 +01:00
|
|
|
|
|
|
|
|
:root
|
2020-04-09 11:48:34 +02:00
|
|
|
{
|
|
|
|
|
// accent colors
|
|
|
|
|
--color-primary: #292b2c;
|
|
|
|
|
--color-primary-fg: #fff;
|
|
|
|
|
--color-secondary: #292b2c;
|
|
|
|
|
--color-negative: #d82853;
|
|
|
|
|
|
|
|
|
|
// foreground/text color
|
|
|
|
|
--color-fg: #222;
|
|
|
|
|
--color-fg-mid: #6f7375;
|
|
|
|
|
--color-fg-light: #919294;
|
|
|
|
|
|
|
|
|
|
// background color shades
|
|
|
|
|
--color-bg: #f8f9fa;
|
|
|
|
|
--color-bg-mid: #f4f5f6;
|
|
|
|
|
--color-bg-light: #fff;
|
|
|
|
|
|
|
|
|
|
// line colors
|
|
|
|
|
--color-line: #eaebec;
|
|
|
|
|
--color-line-mid: #eaebec;
|
2020-04-10 15:47:29 +02:00
|
|
|
--color-line-light: #f4f5f6;
|
2020-04-09 11:48:34 +02:00
|
|
|
|
|
|
|
|
// misc colors
|
2020-04-09 13:06:15 +02:00
|
|
|
--color-box: #fff;
|
|
|
|
|
--color-shadow: rgba(0,0,0,0.03);
|
2020-04-10 18:36:56 +02:00
|
|
|
--color-shadow-short: 0 1px 1px 0 rgba(0,0,0,0.05);
|
2020-04-09 11:48:34 +02:00
|
|
|
--color-highlight: rgba(0,0,0,0.05);
|
|
|
|
|
--color-overlay-shade: rgba(0,0,0,0.1);
|
|
|
|
|
|
2020-04-09 19:35:57 +02:00
|
|
|
// message colors
|
|
|
|
|
--color-accent-info: rgb(44, 162, 212);
|
|
|
|
|
--color-accent-info-bg: rgba(44, 162, 212, 0.1);
|
2020-04-09 21:57:57 +02:00
|
|
|
--color-accent-success: rgb(47, 187, 152);
|
|
|
|
|
--color-accent-success-bg: rgba(47, 187, 152, 0.1);
|
2020-04-09 19:35:57 +02:00
|
|
|
--color-accent-warn: rgb(211, 172, 35);
|
|
|
|
|
--color-accent-warn-bg: rgba(233, 193, 56, 0.1);
|
|
|
|
|
--color-accent-error: rgb(216, 40, 83);
|
|
|
|
|
--color-accent-error-bg: rgba(216, 40, 83, 0.1);
|
|
|
|
|
|
2020-04-09 11:48:34 +02:00
|
|
|
// sizes
|
|
|
|
|
|
|
|
|
|
--padding: 32px;
|
|
|
|
|
--padding-s: 24px;
|
|
|
|
|
--height-top: 74px;
|
|
|
|
|
--radius: 5px;
|
|
|
|
|
|
|
|
|
|
--font-size: 14px;
|
2020-04-09 19:35:57 +02:00
|
|
|
--font-size-m: 13px;
|
2020-04-09 11:48:34 +02:00
|
|
|
--font-size-s: 12px;
|
|
|
|
|
--font-size-l: 16px;
|
|
|
|
|
--font-size-xl: 18px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.theme-dark
|
2020-03-26 22:14:16 +01:00
|
|
|
{
|
2020-03-27 01:17:22 +01:00
|
|
|
// accent colors
|
2020-04-06 13:24:46 +02:00
|
|
|
--color-primary: #f7f8f9;
|
2020-04-07 00:11:35 +02:00
|
|
|
--color-primary-fg: #222;
|
2020-04-06 11:07:41 +02:00
|
|
|
--color-secondary: #292b2c;
|
2020-03-27 01:17:22 +01:00
|
|
|
--color-negative: #d82853;
|
|
|
|
|
|
2020-03-26 22:14:16 +01:00
|
|
|
// foreground/text color
|
2020-04-06 13:24:46 +02:00
|
|
|
--color-fg: #fff;
|
2020-04-06 11:07:41 +02:00
|
|
|
--color-fg-mid: #c1c5c9;
|
2020-03-27 01:17:22 +01:00
|
|
|
--color-fg-light: #919294;
|
2020-03-26 22:14:16 +01:00
|
|
|
|
2020-04-08 15:16:05 +02:00
|
|
|
/*--color-fg: #222;
|
|
|
|
|
--color-fg-mid: #6f7375;
|
|
|
|
|
--color-fg-light: #919294;*/
|
|
|
|
|
|
2020-03-26 22:14:16 +01:00
|
|
|
// background color shades
|
2020-04-06 11:07:41 +02:00
|
|
|
--color-bg: #1c1e1f;
|
2020-04-06 14:46:38 +02:00
|
|
|
--color-bg-mid: #292b2c;
|
2020-04-06 11:07:41 +02:00
|
|
|
--color-bg-light: #242526;
|
2020-03-27 01:17:22 +01:00
|
|
|
|
2020-04-08 15:16:05 +02:00
|
|
|
/*--color-bg: #fff;
|
|
|
|
|
--color-bg-light: #f8f9fa;
|
|
|
|
|
--color-bg-mid: #f4f5f6;*/
|
|
|
|
|
|
2020-03-27 01:17:22 +01:00
|
|
|
// line colors
|
2020-04-06 18:45:23 +02:00
|
|
|
--color-line: #2f3233;
|
2020-04-08 15:16:05 +02:00
|
|
|
--color-line-mid: #3b3e40;
|
2020-04-10 18:48:36 +02:00
|
|
|
--color-line-light: #2f3233;
|
2020-04-05 13:05:39 +02:00
|
|
|
|
2020-04-07 12:28:47 +02:00
|
|
|
// misc colors
|
2020-04-09 13:06:15 +02:00
|
|
|
--color-box: #242526;
|
2020-04-07 12:28:47 +02:00
|
|
|
--color-shadow: rgba(0,0,0,0.3);
|
2020-04-09 13:06:15 +02:00
|
|
|
--color-highlight: rgba(255,255,255, 0.03);
|
2020-04-09 01:04:05 +02:00
|
|
|
--color-overlay-shade: rgba(0,0,0,0.3);
|
2020-03-26 22:14:16 +01:00
|
|
|
}
|
2020-03-27 01:17:22 +01:00
|
|
|
|
|
|
|
|
|
|
|
|
|
// font sizes
|
|
|
|
|
|
|
|
|
|
$font-size: 14px;
|
|
|
|
|
$font-size-s: 12px;
|
