leon.hoppe/Portfolio
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Started landing page

Browse Source
This commit is contained in:
Leon Hoppe
2023-02-16 21:57:02 +01:00
parent 266a7cd21d
commit 69d6686995
15 changed files with 427 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/theme.scss
View File

@@ -3,6 +3,26 @@
@import "/node_modules/@angular/material/theming";
@include mat.core();
@function modify-background($theme, $background-color) {
// Replace the background in the color object's background palette.
$theme-color: map-get($theme, color);
$color-background-palette: map-get($theme-color, background);
$color-background-palette: map-merge($color-background-palette, (background: $background-color));
$color-background-palette: map-merge($color-background-palette, (raised-button: $background-color));
// Replace the background in the background palette.
$background-palette: map-get($theme, background);
$background-palette: map-merge($background-palette, (background: $background-color));
$background-palette: map-merge($background-palette, (raised-button: $background-color));
// Merge the changes into a new theme.
$modified-theme-color: map-merge($theme-color, (background: $color-background-palette));
$modified-theme: map-merge($theme, (color: $modified-theme-color));
$modified-theme: map-merge($modified-theme, (background: $background-palette));
@return $modified-theme;
}
$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);
@@ -17,8 +37,13 @@ $angular-theme: mat.define-dark-theme(
)
);
$angular-theme: modify-background($angular-theme, #0f1724);
@include mat.all-component-themes($angular-theme);
$primary: #8e5bd2;
$secondary: #11a8bd;
$color-config: mat.get-color-config($angular-theme);
$background: map.get($color-config, 'background');
$text: map.get($color-config, 'foreground');