| /* |
| * Licensed to the Apache Software Foundation (ASF) under one |
| * or more contributor license agreements. See the NOTICE file |
| * distributed with this work for additional information |
| * regarding copyright ownership. The ASF licenses this file |
| * to you under the Apache License, Version 2.0 (the |
| * "License"); you may not use this file except in compliance |
| * with the License. You may obtain a copy of the License at |
| * |
| * http://www.apache.org/licenses/LICENSE-2.0 |
| * |
| * Unless required by applicable law or agreed to in writing, |
| * software distributed under the License is distributed on an |
| * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY |
| * KIND, either express or implied. See the License for the |
| * specific language governing permissions and limitations |
| * under the License. |
| */ |
| |
| |
| @import '~@angular/material/theming'; |
| @import '~@covalent/core/theming/all-theme'; |
| |
| // 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-green, 700); |
| |
| $accent: mat-palette($mat-blue, 800, A100, A400); |
| |
| // The warn palette is optional (defaults to red). |
| $warn: mat-palette($mat-red, 600); |
| |
| // 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); |
| @include covalent-theme($theme); |
| |
| // Active icon color in list nav |
| mat-nav-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); |
| } |
| } |
| } |