| /********************************************************************* |
| * Copyright (c) 2021 Boeing |
| * |
| * This program and the accompanying materials are made |
| * available under the terms of the Eclipse Public License 2.0 |
| * which is available at https://www.eclipse.org/legal/epl-2.0/ |
| * |
| * SPDX-License-Identifier: EPL-2.0 |
| * |
| * Contributors: |
| * Boeing - initial API and implementation |
| **********************************************************************/ |
| /* You can add global styles to this file, and also import other style files */ |
| @use '@angular/material' as mat |
| @use 'sass:map' |
| @use 'modern-ple-theme' |
| @import 'tailwindcss/base' |
| @import 'tailwindcss/components' |
| @import 'tailwindcss/utilities' |
| |
| .wide-mat-menu |
| min-width: 480px |
| max-width: 640px !important |
| .mat-menu-fit-content |
| max-width: fit-content !important |
| |
| @layer base |
| :root |
| @media (prefers-color-scheme: light) |
| |
| //primary color configuration |
| --mat-primary-50: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),primary),50)} |
| --mat-primary-100: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),primary),100)} |
| --mat-primary-200: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),primary),200)} |
| --mat-primary-300: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),primary),300)} |
| --mat-primary-400: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),primary),400)} |
| --mat-primary-500: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),primary),500)} |
| --mat-primary-600: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),primary),600)} |
| --mat-primary-700: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),primary),700)} |
| --mat-primary-800: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),primary),800)} |
| --mat-primary-900: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),primary),900)} |
| --mat-primary-a100: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),primary),A100)} |
| --mat-primary-a200: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),primary),A200)} |
| --mat-primary-a400: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),primary),A400)} |
| --mat-primary-a700: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),primary),A700)} |
| --mat-primary-default: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),primary),default)} |
| --mat-primary-lighter: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),primary),lighter)} |
| --mat-primary-darker: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),primary),darker)} |
| --mat-primary-50-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),primary),50-contrast)} |
| --mat-primary-100-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),primary),100-contrast)} |
| --mat-primary-200-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),primary),200-contrast)} |
| --mat-primary-300-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),primary),300-contrast)} |
| --mat-primary-400-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),primary),400-contrast)} |
| --mat-primary-500-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),primary),500-contrast)} |
| --mat-primary-600-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),primary),600-contrast)} |
| --mat-primary-700-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),primary),700-contrast)} |
| --mat-primary-800-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),primary),800-contrast)} |
| --mat-primary-900-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),primary),900-contrast)} |
| --mat-primary-a100-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),primary),a100-contrast)} |
| --mat-primary-a200-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),primary),a200-contrast)} |
| --mat-primary-a400-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),primary),a400-contrast)} |
| --mat-primary-a700-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),primary),a700-contrast)} |
| --mat-primary-default-contrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),primary),default-contrast)} |
| --mat-primary-lighter-contrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),primary),lighter-contrast)} |
| --mat-primary-darker-contrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),primary),darker-contrast)} |
| |
| //accent configuration |
| --mat-accent-50: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),accent),50)} |
| --mat-accent-100: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),accent),100)} |
| --mat-accent-200: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),accent),200)} |
| --mat-accent-300: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),accent),300)} |
| --mat-accent-400: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),accent),400)} |
| --mat-accent-500: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),accent),500)} |
| --mat-accent-600: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),accent),600)} |
| --mat-accent-700: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),accent),700)} |
| --mat-accent-800: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),accent),800)} |
| --mat-accent-900: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),accent),900)} |
| --mat-accent-a100: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),accent),A100)} |
| --mat-accent-a200: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),accent),A200)} |
| --mat-accent-a400: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),accent),A400)} |
| --mat-accent-a700: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),accent),A700)} |
| --mat-accent-default: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),accent),default)} |
| --mat-accent-lighter: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),accent),lighter)} |
| --mat-accent-darker: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),accent),darker)} |
| --mat-accent-50-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),accent),50-contrast)} |
| --mat-accent-100-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),accent),100-contrast)} |
| --mat-accent-200-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),accent),200-contrast)} |
| --mat-accent-300-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),accent),300-contrast)} |
| --mat-accent-400-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),accent),400-contrast)} |
| --mat-accent-500-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),accent),500-contrast)} |
| --mat-accent-600-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),accent),600-contrast)} |
| --mat-accent-700-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),accent),700-contrast)} |
| --mat-accent-800-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),accent),800-contrast)} |
| --mat-accent-900-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),accent),900-contrast)} |
| --mat-accent-a100-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),accent),a100-contrast)} |
| --mat-accent-a200-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),accent),a200-contrast)} |
| --mat-accent-a400-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),accent),a400-contrast)} |
| --mat-accent-a700-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),accent),a700-contrast)} |
| --mat-accent-default-contrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),accent),default-contrast)} |
| --mat-accent-lighter-contrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),accent),lighter-contrast)} |
| --mat-accent-darker-contrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),accent),darker-contrast)} |
| |
| //warning configuration |
| --mat-warning-50: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),warn),50)} |
| --mat-warning-100: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),warn),100)} |
| --mat-warning-200: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),warn),200)} |
| --mat-warning-300: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),warn),300)} |
| --mat-warning-400: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),warn),400)} |
| --mat-warning-500: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),warn),500)} |
| --mat-warning-600: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),warn),600)} |
| --mat-warning-700: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),warn),700)} |
| --mat-warning-800: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),warn),800)} |
| --mat-warning-900: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),warn),900)} |
| --mat-warning-a100: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),warn),A100)} |
| --mat-warning-a200: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),warn),A200)} |
| --mat-warning-a400: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),warn),A400)} |
| --mat-warning-a700: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),warn),A700)} |
| --mat-warning-default: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),warn),default)} |
| --mat-warning-lighter: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),warn),lighter)} |
| --mat-warning-darker: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),warn),darker)} |
| --mat-warning-50-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),warn),50-contrast)} |
| --mat-warning-100-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),warn),100-contrast)} |
| --mat-warning-200-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),warn),200-contrast)} |
| --mat-warning-300-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),warn),300-contrast)} |
| --mat-warning-400-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),warn),400-contrast)} |
| --mat-warning-500-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),warn),500-contrast)} |
| --mat-warning-600-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),warn),600-contrast)} |
| --mat-warning-700-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),warn),700-contrast)} |
| --mat-warning-800-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),warn),800-contrast)} |
| --mat-warning-900-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),warn),900-contrast)} |
| --mat-warning-a100-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),warn),a100-contrast)} |
| --mat-warning-a200-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),warn),a200-contrast)} |
| --mat-warning-a400-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),warn),a400-contrast)} |
| --mat-warning-a700-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),warn),a700-contrast)} |
| --mat-warning-default-contrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),warn),default-contrast)} |
| --mat-warning-lighter-contrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),warn),lighter-contrast)} |
| --mat-warning-darker-contrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),warn),darker-contrast)} |
| |
| //success configuration |
| --mat-success-50: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),success),50)} |
| --mat-success-100: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),success),100)} |
| --mat-success-200: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),success),200)} |
| --mat-success-300: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),success),300)} |
| --mat-success-400: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),success),400)} |
| --mat-success-500: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),success),500)} |
| --mat-success-600: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),success),600)} |
| --mat-success-700: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),success),700)} |
| --mat-success-800: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),success),800)} |
| --mat-success-900: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),success),900)} |
| --mat-success-a100: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),success),A100)} |
| --mat-success-a200: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),success),A200)} |
| --mat-success-a400: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),success),A400)} |
| --mat-success-a700: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),success),A700)} |
| --mat-success-default: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),success),default)} |
| --mat-success-lighter: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),success),lighter)} |
| --mat-success-darker: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),success),darker)} |
| --mat-success-50-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),success),50-contrast)} |
| --mat-success-100-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),success),100-contrast)} |
| --mat-success-200-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),success),200-contrast)} |
| --mat-success-300-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),success),300-contrast)} |
| --mat-success-400-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),success),400-contrast)} |
| --mat-success-500-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),success),500-contrast)} |
| --mat-success-600-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),success),600-contrast)} |
| --mat-success-700-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),success),700-contrast)} |
| --mat-success-800-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),success),800-contrast)} |
| --mat-success-900-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),success),900-contrast)} |
| --mat-success-a100-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),success),a100-contrast)} |
| --mat-success-a200-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),success),a200-contrast)} |
| --mat-success-a400-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),success),a400-contrast)} |
| --mat-success-a700-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),success),a700-contrast)} |
| --mat-success-default-contrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),success),default-contrast)} |
| --mat-success-lighter-contrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),success),lighter-contrast)} |
| --mat-success-darker-contrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),success),darker-contrast)} |
| |
| //foreground configuration |
| --mat-foreground-base: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),foreground),base)} |
| --mat-foreground-divider: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),foreground),divider)} |
| --mat-foreground-dividers: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),foreground),dividers)} |
| --mat-foreground-disabled: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),foreground),disabled)} |
| --mat-foreground-disabled-button: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),foreground),disabled-button)} |
| --mat-foreground-disabled-text: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),foreground),disabled-text)} |
| --mat-foreground-elevation: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),foreground),elevation)} |
| --mat-foreground-hint-text: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),foreground),hint-text)} |
| --mat-foreground-secondary-text: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),foreground),secondary-text)} |
| --mat-foreground-icon: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),foreground),icon)} |
| --mat-foreground-icons: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),foreground),icons)} |
| --mat-foreground-text: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),foreground),text)} |
| --mat-foreground-slider-min: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),foreground),slider-min)} |
| --mat-foreground-slider-off: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),foreground),slider-off)} |
| --mat-foreground-slider-off-active: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),foreground),slider-off-active)} |
| |
| //background configuration |
| --mat-background-status-bar: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),background),status-bar)} |
| --mat-background-app-bar: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),background),app-bar)} |
| --mat-background-background: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),background),background)} |
| --mat-background-hover: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),background),hover)} |
| --mat-background-card: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),background),card)} |
| --mat-background-dialog: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),background),dialog)} |
| --mat-background-disabled-button: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),background),disabled-button)} |
| --mat-background-raised-button: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),background),raised-button)} |
| --mat-background-focused-button: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),background),focused-button)} |
| --mat-background-selected-button: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),background),selected-button)} |
| --mat-background-selected-disabled-button: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),background),selected-disabled-button)} |
| --mat-background-disabled-button-toggle: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),background),disabled-button-toggle)} |
| --mat-background-unselected-chip: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),background),unselected-chip)} |
| --mat-background-disabled-list-option: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),background),disabled-list-option)} |
| --mat-background-tooltip: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-light-theme),background),tooltip)} |
| |
| @media (prefers-color-scheme: dark) |
| |
| //primary color configuration |
| --mat-primary-50: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),primary),50)} |
| --mat-primary-100: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),primary),100)} |
| --mat-primary-200: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),primary),200)} |
| --mat-primary-300: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),primary),300)} |
| --mat-primary-400: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),primary),400)} |
| --mat-primary-500: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),primary),500)} |
| --mat-primary-600: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),primary),600)} |
| --mat-primary-700: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),primary),700)} |
| --mat-primary-800: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),primary),800)} |
| --mat-primary-900: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),primary),900)} |
| --mat-primary-a100: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),primary),A100)} |
| --mat-primary-a200: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),primary),A200)} |
| --mat-primary-a400: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),primary),A400)} |
| --mat-primary-a700: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),primary),A700)} |
| --mat-primary-default: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),primary),default)} |
| --mat-primary-lighter: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),primary),lighter)} |
| --mat-primary-darker: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),primary),darker)} |
| --mat-primary-50-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),primary),50-contrast)} |
| --mat-primary-100-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),primary),100-contrast)} |
| --mat-primary-200-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),primary),200-contrast)} |
| --mat-primary-300-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),primary),300-contrast)} |
| --mat-primary-400-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),primary),400-contrast)} |
| --mat-primary-500-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),primary),500-contrast)} |
| --mat-primary-600-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),primary),600-contrast)} |
| --mat-primary-700-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),primary),700-contrast)} |
| --mat-primary-800-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),primary),800-contrast)} |
| --mat-primary-900-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),primary),900-contrast)} |
| --mat-primary-a100-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),primary),a100-contrast)} |
| --mat-primary-a200-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),primary),a200-contrast)} |
| --mat-primary-a400-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),primary),a400-contrast)} |
| --mat-primary-a700-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),primary),a700-contrast)} |
| --mat-primary-default-contrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),primary),default-contrast)} |
| --mat-primary-lighter-contrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),primary),lighter-contrast)} |
| --mat-primary-darker-contrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),primary),darker-contrast)} |
| |
| //accent configuration |
| --mat-accent-50: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),accent),50)} |
| --mat-accent-100: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),accent),100)} |
| --mat-accent-200: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),accent),200)} |
| --mat-accent-300: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),accent),300)} |
| --mat-accent-400: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),accent),400)} |
| --mat-accent-500: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),accent),500)} |
| --mat-accent-600: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),accent),600)} |
| --mat-accent-700: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),accent),700)} |
| --mat-accent-800: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),accent),800)} |
| --mat-accent-900: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),accent),900)} |
| --mat-accent-a100: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),accent),A100)} |
| --mat-accent-a200: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),accent),A200)} |
| --mat-accent-a400: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),accent),A400)} |
| --mat-accent-a700: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),accent),A700)} |
| --mat-accent-default: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),accent),default)} |
| --mat-accent-lighter: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),accent),lighter)} |
| --mat-accent-darker: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),accent),darker)} |
| --mat-accent-50-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),accent),50-contrast)} |
| --mat-accent-100-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),accent),100-contrast)} |
| --mat-accent-200-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),accent),200-contrast)} |
| --mat-accent-300-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),accent),300-contrast)} |
| --mat-accent-400-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),accent),400-contrast)} |
| --mat-accent-500-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),accent),500-contrast)} |
| --mat-accent-600-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),accent),600-contrast)} |
| --mat-accent-700-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),accent),700-contrast)} |
| --mat-accent-800-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),accent),800-contrast)} |
| --mat-accent-900-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),accent),900-contrast)} |
| --mat-accent-a100-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),accent),a100-contrast)} |
| --mat-accent-a200-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),accent),a200-contrast)} |
| --mat-accent-a400-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),accent),a400-contrast)} |
| --mat-accent-a700-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),accent),a700-contrast)} |
| --mat-accent-default-contrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),accent),default-contrast)} |
| --mat-accent-lighter-contrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),accent),lighter-contrast)} |
| --mat-accent-darker-contrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),accent),darker-contrast)} |
| |
| //warning configuration |
| --mat-warning-50: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),warn),50)} |
| --mat-warning-100: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),warn),100)} |
| --mat-warning-200: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),warn),200)} |
| --mat-warning-300: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),warn),300)} |
| --mat-warning-400: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),warn),400)} |
| --mat-warning-500: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),warn),500)} |
| --mat-warning-600: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),warn),600)} |
| --mat-warning-700: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),warn),700)} |
| --mat-warning-800: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),warn),800)} |
| --mat-warning-900: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),warn),900)} |
| --mat-warning-a100: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),warn),A100)} |
| --mat-warning-a200: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),warn),A200)} |
| --mat-warning-a400: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),warn),A400)} |
| --mat-warning-a700: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),warn),A700)} |
| --mat-warning-default: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),warn),default)} |
| --mat-warning-lighter: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),warn),lighter)} |
| --mat-warning-darker: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),warn),darker)} |
| --mat-warning-50-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),warn),50-contrast)} |
| --mat-warning-100-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),warn),100-contrast)} |
| --mat-warning-200-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),warn),200-contrast)} |
| --mat-warning-300-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),warn),300-contrast)} |
| --mat-warning-400-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),warn),400-contrast)} |
| --mat-warning-500-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),warn),500-contrast)} |
| --mat-warning-600-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),warn),600-contrast)} |
| --mat-warning-700-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),warn),700-contrast)} |
| --mat-warning-800-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),warn),800-contrast)} |
| --mat-warning-900-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),warn),900-contrast)} |
| --mat-warning-a100-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),warn),a100-contrast)} |
| --mat-warning-a200-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),warn),a200-contrast)} |
| --mat-warning-a400-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),warn),a400-contrast)} |
| --mat-warning-a700-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),warn),a700-contrast)} |
| --mat-warning-default-contrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),warn),default-contrast)} |
| --mat-warning-lighter-contrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),warn),lighter-contrast)} |
| --mat-warning-darker-contrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),warn),darker-contrast)} |
| |
| //success configuration |
| --mat-success-50: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),success),50)} |
| --mat-success-100: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),success),100)} |
| --mat-success-200: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),success),200)} |
| --mat-success-300: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),success),300)} |
| --mat-success-400: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),success),400)} |
| --mat-success-500: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),success),500)} |
| --mat-success-600: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),success),600)} |
| --mat-success-700: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),success),700)} |
| --mat-success-800: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),success),800)} |
| --mat-success-900: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),success),900)} |
| --mat-success-a100: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),success),A100)} |
| --mat-success-a200: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),success),A200)} |
| --mat-success-a400: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),success),A400)} |
| --mat-success-a700: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),success),A700)} |
| --mat-success-default: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),success),default)} |
| --mat-success-lighter: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),success),lighter)} |
| --mat-success-darker: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),success),darker)} |
| --mat-success-50-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),success),50-contrast)} |
| --mat-success-100-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),success),100-contrast)} |
| --mat-success-200-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),success),200-contrast)} |
| --mat-success-300-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),success),300-contrast)} |
| --mat-success-400-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),success),400-contrast)} |
| --mat-success-500-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),success),500-contrast)} |
| --mat-success-600-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),success),600-contrast)} |
| --mat-success-700-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),success),700-contrast)} |
| --mat-success-800-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),success),800-contrast)} |
| --mat-success-900-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),success),900-contrast)} |
| --mat-success-a100-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),success),a100-contrast)} |
| --mat-success-a200-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),success),a200-contrast)} |
| --mat-success-a400-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),success),a400-contrast)} |
| --mat-success-a700-constrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),success),a700-contrast)} |
| --mat-success-default-contrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),success),default-contrast)} |
| --mat-success-lighter-contrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),success),lighter-contrast)} |
| --mat-success-darker-contrast: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),success),darker-contrast)} |
| |
| //foreground configuration |
| --mat-foreground-base: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),foreground),base)} |
| --mat-foreground-divider: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),foreground),divider)} |
| --mat-foreground-dividers: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),foreground),dividers)} |
| --mat-foreground-disabled: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),foreground),disabled)} |
| --mat-foreground-disabled-button: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),foreground),disabled-button)} |
| --mat-foreground-disabled-text: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),foreground),disabled-text)} |
| --mat-foreground-elevation: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),foreground),elevation)} |
| --mat-foreground-hint-text: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),foreground),hint-text)} |
| --mat-foreground-secondary-text: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),foreground),secondary-text)} |
| --mat-foreground-icon: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),foreground),icon)} |
| --mat-foreground-icons: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),foreground),icons)} |
| --mat-foreground-text: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),foreground),text)} |
| --mat-foreground-slider-min: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),foreground),slider-min)} |
| --mat-foreground-slider-off: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),foreground),slider-off)} |
| --mat-foreground-slider-off-active: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),foreground),slider-off-active)} |
| |
| //background configuration |
| --mat-background-status-bar: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),background),status-bar)} |
| --mat-background-app-bar: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),background),app-bar)} |
| --mat-background-background: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),background),background)} |
| --mat-background-hover: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),background),hover)} |
| --mat-background-card: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),background),card)} |
| --mat-background-dialog: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),background),dialog)} |
| --mat-background-disabled-button: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),background),disabled-button)} |
| --mat-background-raised-button: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),background),raised-button)} |
| --mat-background-focused-button: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),background),focused-button)} |
| --mat-background-selected-button: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),background),selected-button)} |
| --mat-background-selected-disabled-button: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),background),selected-disabled-button)} |
| --mat-background-disabled-button-toggle: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),background),disabled-button-toggle)} |
| --mat-background-unselected-chip: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),background),unselected-chip)} |
| --mat-background-disabled-list-option: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),background),disabled-list-option)} |
| --mat-background-tooltip: #{mat.get-color-from-palette(map.get(mat.get-color-config(modern-ple-theme.$modern-ple-dark-theme),background),tooltip)} |
| /* ... */ |
