Project setup + navigation
This commit is contained in:
32
src/theme.scss
Normal file
32
src/theme.scss
Normal file
@@ -0,0 +1,32 @@
|
||||
@use 'sass:map';
|
||||
@use '/node_modules/@angular/material' as mat;
|
||||
@import "/node_modules/@angular/material/theming";
|
||||
@include mat.core();
|
||||
|
||||
$angular-primary: mat.define-palette(mat.$blue-palette, 500, 100, 900);
|
||||
$angular-accent: mat.define-palette(mat.$green-palette, A200, A100, A400);
|
||||
$angular-warn: mat.define-palette(mat.$red-palette);
|
||||
|
||||
$angular-theme: mat.define-dark-theme(
|
||||
(
|
||||
color: (
|
||||
primary: $angular-primary,
|
||||
accent: $angular-accent,
|
||||
warn: $angular-warn
|
||||
),
|
||||
)
|
||||
);
|
||||
|
||||
@include mat.all-component-themes($angular-theme);
|
||||
|
||||
$color-config: mat.get-color-config($angular-theme);
|
||||
$background: map.get($color-config, 'background');
|
||||
$text: map.get($color-config, 'foreground');
|
||||
|
||||
body {
|
||||
background-color: map.get($background, 'background');
|
||||
}
|
||||
|
||||
* {
|
||||
color: map.get($text, 'text');
|
||||
}
|
||||
Reference in New Issue
Block a user