plugins/org.eclipse.osee.web/src/modern-ple-theme.scss

/*********************************************************************
 * 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
 **********************************************************************/
@use '@angular/material' as mat;

@import './theme-system';

// 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/
/* stylelint-disable value-keyword-case */
$modern-ple-light-primary: mat.define-palette(
	mat.$blue-palette,
	A400,
	400,
	900
);
$modern-ple-dark-primary: mat.define-palette(
	mat.$light-blue-palette,
	300,
	200,
	400
);
$modern-ple-light-accent: mat.define-palette(
	mat.$amber-palette,
	A100,
	50,
	A200
);
$modern-ple-dark-accent: mat.define-palette(mat.$yellow-palette, 600, 50, A200);

// The warn palette is optional (defaults to red).
$modern-ple-light-warn: mat.define-palette(mat.$red-palette);
$modern-ple-dark-warn: mat.define-palette(mat.$red-palette);
$modern-ple-light-success: mat.define-palette(mat.$green-palette);
$modern-ple-dark-success: mat.define-palette(mat.$green-palette);

// Create the theme object. A theme consists of configurations for individual
// theming systems such as "color" or "typography".

$modern-ple-typography: mat.define-typography-config(
	$font-family: 'Roboto,"Helvetica Neue", sans-serif',
);
$light-theme: mat.define-light-theme(
	(
		color: (
			primary: $modern-ple-light-primary,
			accent: $modern-ple-light-accent,
			warn: $modern-ple-light-warn,
		),
		typography: $modern-ple-typography,
		density: -1,
	)
);
$modern-ple-light-theme: custom-theme($light-theme, $modern-ple-light-success);
$dark-theme: mat.define-dark-theme(
	(
		color: (
			primary: $modern-ple-dark-primary,
			accent: $modern-ple-dark-accent,
			warn: $modern-ple-dark-warn,
		),
		typography: $modern-ple-typography,
		density: -1,
	)
);
$modern-ple-dark-theme: custom-theme($dark-theme, $modern-ple-dark-success);