You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
49 lines
1.4 KiB
49 lines
1.4 KiB
6 years ago
|
@import '~@angular/material/theming';
|
||
|
|
|
||
|
|
@include mat-core();
|
||
|
|
|
||
|
|
$quotes-theme-foreground: (
|
||
|
|
base: white,
|
||
|
|
divider: rgba(#454d5d, 0.2),
|
||
|
|
dividers: rgba(#454d5d, 0.2),
|
||
|
|
disabled: $light-disabled-text,
|
||
|
|
disabled-button: rgba(white, 0.3),
|
||
|
|
disabled-text: $light-disabled-text,
|
||
|
|
hint-text: $light-disabled-text,
|
||
|
|
secondary-text: $light-secondary-text,
|
||
|
|
icon: white,
|
||
|
|
icons: white,
|
||
|
|
text: white,
|
||
|
|
slider-min: white,
|
||
|
|
slider-off: rgba(white, 0.3),
|
||
|
|
slider-off-active: rgba(white, 0.3),
|
||
|
|
);
|
||
|
|
|
||
|
|
$quotes-theme-background: (
|
||
|
|
status-bar: black,
|
||
|
|
app-bar: #303030,
|
||
|
|
background: #222,
|
||
|
|
hover: rgba(white, 0.04),
|
||
|
|
card: #222,
|
||
|
|
dialog: lighten(#222, 1%),
|
||
|
|
disabled-button: rgba(white, 0.12),
|
||
|
|
raised-button: map-get($mat-grey, 800),
|
||
|
|
focused-button: $light-focused,
|
||
|
|
selected-button: map_get($mat-grey, 900),
|
||
|
|
selected-disabled-button: map_get($mat-grey, 800),
|
||
|
|
disabled-button-toggle: black,
|
||
|
|
unselected-chip: map_get($mat-grey, 700),
|
||
|
|
disabled-list-option: black,
|
||
|
|
);
|
||
|
|
|
||
|
|
$quotes-theme: (
|
||
|
|
primary: mat-palette($mat-amber),
|
||
|
|
accent: mat-palette($mat-deep-orange),
|
||
|
|
warn: mat-palette($mat-red),
|
||
|
|
is-dark: true,
|
||
|
|
foreground: $quotes-theme-foreground,
|
||
|
|
background: $quotes-theme-background,
|
||
|
|
);
|
||
|
|
|
||
|
|
@include angular-material-theme($quotes-theme);
|