-
Notifications
You must be signed in to change notification settings - Fork 5
/
colors.scss
29 lines (26 loc) · 1.5 KB
/
colors.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
/* Root variables.
Needed here to be able to override them after compilation:
https://github.com/WOLFRIEND/skeleton-mammoth#overriding-styles-with-global-variables
--------------------------------------------------------------------------------*/
:root {
/* Light theme colors. */
--sm-color-light-primary: 204, 204, 204, 1;
--sm-color-light-secondary: 227, 227, 227, 1;
--sm-color-light-animation-primary: color-mix(in srgb, #fff 15%, rgba(var(--sm-color-light-primary)) 85%);
--sm-color-light-animation-secondary: color-mix(in srgb, #fff 15%, rgba(var(--sm-color-light-secondary)) 85%);
/* Dark theme colors. */
--sm-color-dark-primary: 37, 37, 37, 1;
--sm-color-dark-secondary: 41, 41, 41, 1;
--sm-color-dark-animation-primary: color-mix(in srgb, #fff 2%, rgba(var(--sm-color-dark-primary)) 98%);
--sm-color-dark-animation-secondary: color-mix(in srgb, #fff 2%, rgba(var(--sm-color-dark-secondary)) 98%);
}
/* Light theme colors. */
$--sm-color-light-primary: var(--sm-color-light-primary);
$--sm-color-light-secondary: var(--sm-color-light-secondary);
$--sm-color-light-animation-primary: var(--sm-color-light-animation-primary);
$--sm-color-light-animation-secondary: var(--sm-color-light-animation-secondary);
/* Dark theme colors. */
$--sm-color-dark-primary: var(--sm-color-dark-primary);
$--sm-color-dark-secondary: var(--sm-color-dark-secondary);
$--sm-color-dark-animation-primary: var(--sm-color-dark-animation-primary);
$--sm-color-dark-animation-secondary: var(--sm-color-dark-animation-secondary);