You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
39 lines
1.2 KiB
SCSS
39 lines
1.2 KiB
SCSS
@use "@angular/material" as mat;
|
|
@import "styles";
|
|
|
|
$primary: mat.get-color-from-palette($primary-palette);
|
|
$primary-lighter-10: lighten($primary, 10%);
|
|
$primary-lighter-20: lighten($primary, 20%);
|
|
$primary-lighter-30: lighten($primary, 30%);
|
|
$primary-lighter-40: lighten($primary, 40%);
|
|
$primary-lighter-50: lighten($primary, 50%);
|
|
$primary-darker-10: darken($primary, 10%);
|
|
$primary-darker-20: darken($primary, 20%);
|
|
$primary-darker-30: darken($primary, 30%);
|
|
|
|
$accent: mat.get-color-from-palette($accent-pallette, 'text');
|
|
$accent-darker-10: darken($accent, 10%);
|
|
$accent-lighter-10: lighten($accent, 10%);
|
|
|
|
$warn: mat.get-color-from-palette($warn-palette);
|
|
$warn-lighter: lighten($warn, 10%);
|
|
$warn-chill: #fcd349;
|
|
|
|
$text: #FFF;
|
|
$text-darker-10: darken($text, 10%);
|
|
|
|
$background: darken(#373a46, 10%);
|
|
$background-darker-05: darken($background, 5%);
|
|
$background-darker-10: darken($background, 10%);
|
|
$background-lighter-05: lighten($background, 5%);
|
|
$background-lighter-10: lighten($background, 10%);
|
|
$background-lighter-15: lighten($background, 15%);
|
|
|
|
// specifics
|
|
$tag-namespace: $accent-lighter-10;
|
|
|
|
|
|
// fonts
|
|
$typography-config: mat.get-typography-config($theme);
|
|
$font-family: mat.font-family($typography-config);
|