OpenSlides/client/src/app/site/site.component.scss-theme.scss
GabrielMeyer 30535dd21f OpenSlides theming (Fixes #4205)
using 3 built-in themes (default, dark, green)
2019-01-31 12:04:35 +01:00

48 lines
1.2 KiB
SCSS

@import '~@angular/material/theming';
/** Custom component theme. Only lives in a specific scope */
@mixin os-site-theme($theme) {
$primary: map-get($theme, primary);
$accent: map-get($theme, accent);
$warn: map-get($theme, accent);
$foreground: map-get($theme, foreground);
$background: map-get($theme, background);
os-site {
/* main background color */
.main-container {
background-color: mat-color($background, background);
}
.nav-toolbar {
background-color: mat-color($background, card); //TODO
}
/* seperator */
mat-nav-list.main-nav,
mat-divider {
border-top-color: $os-outline;
}
/** style and align the nav icons the icons*/
.main-nav,
.user-menu {
mat-icon {
color: mat-color($foreground, icon);
}
span {
color: mat-color($foreground, text);
}
}
/** style the active link */
.active {
mat-icon {
color: mat-color($primary);
}
span {
color: mat-color($primary);
}
}
}
}