77 lines
2.2 KiB
SCSS
77 lines
2.2 KiB
SCSS
/*
|
|
* Copyright (C) 2016-2017 by Teradata Corporation. All rights reserved.
|
|
* TERADATA CORPORATION CONFIDENTIAL AND TRADE SECRET
|
|
*/
|
|
|
|
@import '~@angular/material/theming';
|
|
// Plus imports for other components in your app.
|
|
|
|
// Include the base styles for Angular Material core. We include this here so that you only
|
|
// have to load a single css file for Angular Material in your app.
|
|
@include mat-core();
|
|
|
|
// Define the palettes for your theme using the Material Design palettes available in palette.scss
|
|
// (imported above). For each palette, you can optionally specify a default, lighter, and darker
|
|
// hue.
|
|
$primary: mat-palette($mat-purple, 900, 100, 900);
|
|
$accent: mat-palette($mat-teal, 600, 100, 900);
|
|
|
|
// The warn palette is optional (defaults to red).
|
|
$warn: mat-palette($mat-red, 600, 100, 900);
|
|
|
|
// Create the theme object (a Sass map containing all of the palettes).
|
|
$theme: mat-light-theme($primary, $accent, $warn);
|
|
|
|
// Include theme styles for core and each component used in your app.
|
|
// Alternatively, you can import and @include the theme mixins for each component
|
|
// that you are using.
|
|
@include angular-material-theme($theme);
|
|
|
|
// Active icon color in list nav
|
|
mat-nav-list, mat-list {
|
|
[mat-list-item].active {
|
|
mat-icon[matListAvatar] {
|
|
background-color: mat-color($accent);
|
|
color: mat-color($accent, default-contrast);
|
|
}
|
|
mat-icon[matListIcon] {
|
|
color: mat-color($accent);
|
|
}
|
|
}
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------------- */
|
|
$foreground: map-get($theme, foreground);
|
|
$background: map-get($theme, background);
|
|
|
|
// Apply theme for this app
|
|
|
|
// NGX Charts
|
|
[ngx-charts-axis-label] text {
|
|
fill: mat-color($foreground, secondary-text);
|
|
}
|
|
.tick text {
|
|
fill: mat-color($foreground, disabled);
|
|
}
|
|
.gridline-path {
|
|
&.gridline-path-horizontal,
|
|
&.gridline-path-vertical {
|
|
stroke: rgba(black, 0.06);
|
|
}
|
|
}
|
|
.legend-title-text {
|
|
color: mat-color($foreground, secondary-text);
|
|
}
|
|
mat-card-title{
|
|
&:hover {
|
|
cursor: grab;
|
|
cursor: -moz-grab;
|
|
cursor: -webkit-grab;
|
|
}
|
|
&:active {
|
|
cursor: grabbing;
|
|
cursor: -moz-grabbing;
|
|
cursor: -webkit-grabbing;
|
|
}
|
|
}
|