OpenSlides/client/src/app/site/site.component.scss-theme.scss

53 lines
1.4 KiB
SCSS
Raw Normal View History

@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 {
2019-01-09 08:31:13 +01:00
/* main background color */
.main-container {
background-color: mat-color($background, background);
}
.nav-toolbar {
2019-01-09 08:31:13 +01:00
background-color: mat-color($background, card); //TODO
}
.nav-toggle-button {
background: mat-color($background, background);
color: mat-color($foreground, icon);
}
2019-01-09 08:31:13 +01:00
/* seperator */
mat-nav-list.main-nav,
mat-divider {
border-top-color: $os-outline;
}
/** style and align the nav icons the icons*/
2019-01-09 08:31:13 +01:00
.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);
}
}
}
}