andwati/zitadel
1
0
Fork 0
mirror of https://github.com/andwati/zitadel.git synced 2026-10-20 22:44:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(console): MDC components (#6482)

Browse Source 
mdc components

---------

Co-authored-by: Elio Bischof <[email protected]>
This commit is contained in:
Max Peintner
2023-10-26 08:29:06 +00:00
committed by GitHub
co-authored by Elio Bischof
parent cb7b50b513
commit b099a26a16
412 changed files with 2711 additions and 2698 deletions
Download Patch File Download Diff File Expand all files Collapse all files
console/src/app/modules/theme-setting/theme-setting.component.scss
+49 -4
View File
@@ -1,12 +1,57 @@
@use '@angular/material' as mat;
@mixin theme-setting($theme) {
$primary: map-get($theme, primary);
$background: map-get($theme, background);
$foreground: map-get($theme, foreground);
$is-dark-theme: map-get($theme, is-dark);
$back: map-get($background, background);
.theme-setting-button {
background-color: if($is-dark-theme, #ffffff10, #fff) !important;
.theme-flex {
display: flex;
align-items: center;
border: 1px solid if($is-dark-theme, #ffffff20, #00000020);
border-radius: 50vw;
padding: 0.25rem;
.theme-setting-button {
background-color: transparent;
border-radius: 50vw;
display: flex;
align-items: center;
justify-content: center;
height: 2rem;
width: 2rem;
border: none;
cursor: pointer;
padding: 0;
.moon,
.sun {
color: map-get($foreground, text);
fill: transparent;
height: 1rem;
width: 1rem;
opacity: 0.7;
}
.sun {
height: 1.5rem;
width: 1.5rem;
}
&:hover {
.moon,
.sun {
opacity: 1;
}
}
&.active {
background-color: if($is-dark-theme, #ffffff10, #00000010) !important;
.moon,
.sun {
opacity: 1;
}
}
}
}
}