2019-01-29 15:20:00 +01:00
|
|
|
// Material theming import
|
|
|
|
@import '~@angular/material/theming';
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Mixin-style to style global classes and tags with theme-related colors.
|
|
|
|
*/
|
|
|
|
@mixin os-components-style($theme) {
|
|
|
|
$primary: map-get($theme, primary);
|
|
|
|
$accent: map-get($theme, accent);
|
|
|
|
$warn: map-get($theme, warn);
|
|
|
|
$foreground: map-get($theme, foreground);
|
|
|
|
$background: map-get($theme, background);
|
|
|
|
|
|
|
|
h1, h3.accent {
|
|
|
|
color: mat-color($primary);
|
|
|
|
}
|
|
|
|
|
|
|
|
a {
|
|
|
|
color: mat-color($primary);
|
|
|
|
}
|
|
|
|
|
2019-02-28 21:39:05 +01:00
|
|
|
.accent, .accent-text {
|
2019-01-29 15:20:00 +01:00
|
|
|
color: mat-color($accent);
|
|
|
|
}
|
|
|
|
|
|
|
|
.button24 {
|
|
|
|
color: mat-color($primary);
|
|
|
|
}
|
|
|
|
|
2019-02-22 09:05:53 +01:00
|
|
|
.projected .mat-icon {
|
|
|
|
color: mat-color($primary);
|
|
|
|
}
|
|
|
|
|
2019-01-29 15:20:00 +01:00
|
|
|
//custom table header for search button, filtering and more. Used in ListViews
|
|
|
|
.custom-table-header {
|
|
|
|
background: mat-color($background, background);
|
|
|
|
}
|
2019-02-22 09:05:53 +01:00
|
|
|
|
|
|
|
/* Custom hint and error classes. Same values as .mat-hint and -mat-error */
|
|
|
|
.hint,
|
|
|
|
.error {
|
|
|
|
font-size: 75%;
|
|
|
|
display: block;
|
|
|
|
}
|
2019-02-28 21:39:05 +01:00
|
|
|
.error, .warn {
|
2019-02-22 09:05:53 +01:00
|
|
|
color: mat-color($warn);
|
|
|
|
}
|
2019-02-24 15:57:27 +01:00
|
|
|
|
|
|
|
/* motion list/detail view */
|
|
|
|
.mat-chip-list.user .mat-chip {
|
|
|
|
color: mat-color($foreground, text);
|
|
|
|
background: mat-color($background, card);
|
|
|
|
border-color: mat-color($background, selected-button);
|
|
|
|
}
|
|
|
|
|
|
|
|
.main-nav-color {
|
|
|
|
color: mat-color($foreground, secondary-text);
|
|
|
|
}
|
|
|
|
|
|
|
|
.submitters-line {
|
|
|
|
color: mat-color($foreground, secondary-text);
|
|
|
|
}
|
|
|
|
|
|
|
|
mat-card-header {
|
2019-02-24 21:52:50 +01:00
|
|
|
background-color: mat-color($background, app-bar);
|
|
|
|
}
|
|
|
|
|
2019-02-22 14:20:49 +01:00
|
|
|
/* drag & drop views */
|
2019-02-24 21:52:50 +01:00
|
|
|
.node-content-wrapper {
|
|
|
|
background-color: mat-color($background, app-bar);
|
2019-02-24 15:57:27 +01:00
|
|
|
}
|
2019-02-22 14:20:49 +01:00
|
|
|
|
|
|
|
/* projector components */
|
|
|
|
#chyron {
|
|
|
|
background-color: mat-color($primary);
|
|
|
|
color: white; // TODO
|
|
|
|
}
|
2019-02-28 21:39:05 +01:00
|
|
|
.backgroundColorAccent {
|
|
|
|
background-color: mat-color($accent);
|
|
|
|
color: mat-color($accent, default-contrast) !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.backgroundColorLight {
|
|
|
|
background-color: mat-color($background, status-bar);
|
|
|
|
color: mat-color($foreground, text) !important;
|
|
|
|
}
|
2019-01-29 15:20:00 +01:00
|
|
|
}
|