27 lines
820 B
SCSS
27 lines
820 B
SCSS
|
$colorPrimary: hsl(120, 21%, 41%);
|
||
|
|
|
||
|
|
$colorTextLight1: hsl(120, 40%, 8%);
|
||
|
|
$colorTextLight2: hsl(120, 5%, 45%);
|
||
|
|
|
||
|
|
$colorSurfaceLight1: hsl(120, 25%, 97%);
|
||
|
|
$colorSurfaceLight2: hsl(120, 20%, 95%);
|
||
|
|
$colorSurfaceLight3: hsl(120, 20%, 92%);
|
||
|
|
$colorSurfaceLight4: hsl(120, 20%, 85%);
|
||
|
|
|
||
|
|
$colorBorderLight1: hsl(120, 20%, 80%);
|
||
|
|
$colorBorderLight2: hsl(120, 20%, 70%);
|
||
|
|
$colorBorderLight3: hsl(120, 20%, 60%);
|
||
|
|
$colorBorderLight4: hsl(120, 20%, 50%);
|
||
|
|
|
||
|
|
$colorTextDark1: hsl(120, 15%, 85%);
|
||
|
|
$colorTextDark2: hsl(120, 5%, 65%);
|
||
|
|
|
||
|
|
$colorSurfaceDark1: hsl(120, 5%, 10%);
|
||
|
|
$colorSurfaceDark2: hsl(120, 10%, 15%);
|
||
|
|
$colorSurfaceDark3: hsl(120, 5%, 20%);
|
||
|
|
$colorSurfaceDark4: hsl(120, 5%, 25%);
|
||
|
|
|
||
|
|
$colorBorderDark1: hsl(120, 5%, 30%);
|
||
|
|
$colorBorderDark2: hsl(120, 5%, 40%);
|
||
|
|
$colorBorderDark3: hsl(120, 5%, 50%);
|
||
|
|
$colorBorderDark4: hsl(120, 5%, 60%);
|