mirror of
https://github.com/andwati/zitadel.git
synced 2026-11-02 12:22:15 +00:00
RamonandGitHub
e47acaeef2
# Which Problems Are Solved # How the Problems Are Solved # Additional Changes # Additional Context - Closes #10690
46 lines
1.1 KiB
SCSS
46 lines
1.1 KiB
SCSS
@use 'sass:map';
|
|
|
|
@function modify-palette($theme, $map, $partial) {
|
|
// A theme is a map with the following structure:
|
|
// (
|
|
// color: (..., background),
|
|
// ...,
|
|
// background: ...
|
|
// )
|
|
//
|
|
// We need to replace the background color in two palettes.
|
|
// Once in the background palette inside the color map.
|
|
// Again in the background palette itself.
|
|
|
|
// Replace the background in the color object's background palette.
|
|
$theme-color: map.get($theme, color);
|
|
$color-map-palette: map.get($theme-color, $map);
|
|
$color-map-palette: map.merge($color-map-palette, $partial);
|
|
|
|
// Replace the background in the background palette.
|
|
$background-palette: map.get($theme, $map);
|
|
$background-palette: map.merge($background-palette, $partial);
|
|
|
|
// Merge the changes into a new theme.
|
|
$modified-theme-color: map.merge(
|
|
$theme-color,
|
|
(
|
|
$map: $color-map-palette,
|
|
)
|
|
);
|
|
$modified-theme: map.merge(
|
|
$theme,
|
|
(
|
|
color: $modified-theme-color,
|
|
)
|
|
);
|
|
$modified-theme: map.merge(
|
|
$modified-theme,
|
|
(
|
|
$map: $background-palette,
|
|
)
|
|
);
|
|
|
|
@return $modified-theme;
|
|
}
|