92 lines
2.5 KiB
SCSS
92 lines
2.5 KiB
SCSS
@import '~@angular/material/theming';
|
|
// Plus imports for other components in your app.
|
|
|
|
// Include the common styles for Angular Material. We include this here so that you only
|
|
// have to load a single css file for Angular Material in your app.
|
|
// Be sure that you only ever include this mixin once!
|
|
@include mat-core();
|
|
|
|
$travopti-black: (
|
|
50: #AAAAAA,
|
|
100: #999999,
|
|
200: #777777,
|
|
300: #555555,
|
|
400: #333333,
|
|
500: #000000,
|
|
600: #000000,
|
|
700: #000000,
|
|
800: #000000,
|
|
900: #000000,
|
|
A100: #ffffff,
|
|
A200: #eeeeee,
|
|
A400: #bdbdbd,
|
|
A700: #616161,
|
|
contrast: (
|
|
50: $dark-primary-text,
|
|
100: $dark-primary-text,
|
|
200: $dark-primary-text,
|
|
300: $dark-primary-text,
|
|
400: $light-primary-text,
|
|
500: $light-primary-text,
|
|
600: $light-primary-text,
|
|
700: $light-primary-text,
|
|
800: $light-primary-text,
|
|
900: $light-primary-text,
|
|
A100: $dark-primary-text,
|
|
A200: $dark-primary-text,
|
|
A400: $dark-primary-text,
|
|
A700: $light-primary-text,
|
|
)
|
|
);
|
|
|
|
$travopti-green: (
|
|
50: #016500,
|
|
100: #006500,
|
|
200: #006500,
|
|
300: #005a00,
|
|
400: #008000,
|
|
500: #006000,
|
|
600: #005a00,
|
|
700: #005a00,
|
|
800: #2e7d32,
|
|
900: #1b5e20,
|
|
A100: #00ae00,
|
|
A200: #009000,
|
|
A400: #006400,
|
|
A700: #004d00,
|
|
contrast: (
|
|
50: $light-primary-text,
|
|
100: $light-primary-text,
|
|
200: $light-primary-text,
|
|
300: $light-primary-text,
|
|
400: $light-primary-text,
|
|
500: $light-primary-text,
|
|
600: $light-primary-text,
|
|
700: $light-primary-text,
|
|
800: $light-primary-text,
|
|
900: $light-primary-text,
|
|
A100: $light-primary-text,
|
|
A200: $light-primary-text,
|
|
A400: $light-primary-text,
|
|
A700: $light-primary-text,
|
|
)
|
|
);
|
|
|
|
|
|
// 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. Available color palettes: https://material.io/design/color/
|
|
$travopti-app-primary: mat-palette($travopti-black);
|
|
$travopti-app-accent: mat-palette($travopti-green, A200, A100, A400);
|
|
|
|
// The warn palette is optional (defaults to red).
|
|
$travopti-app-warn: mat-palette($mat-red);
|
|
|
|
// Create the theme object (a Sass map containing all of the palettes).
|
|
$travopti-app-theme: mat-light-theme($travopti-app-primary, $travopti-app-accent, $travopti-app-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($travopti-app-theme);
|