plugins/org.eclipse.osee.web/src/custom-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;
@use 'sass:map';

// Custom Theming for Angular Material
// For more information: https://material.angular.io/guide/theming

@use 'themes/scrollbar.theme' as scrollbar;
@import 'modern-ple-theme';

// 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;

// 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 mat.all-component-typographies($modern-ple-light-theme);
@include mat.all-component-themes($modern-ple-light-theme);
@media (prefers-color-scheme: light) {
	.mat-success {
		color: mat.get-color-from-palette(
			map.get(mat.get-color-config($modern-ple-light-theme), success)
		) !important; // hate having to use this
	}
	@include scrollbar.material-theme($modern-ple-light-theme);
}

@media (prefers-color-scheme: dark) {
	@include mat.all-component-colors($modern-ple-dark-theme);

	.mat-success {
		color: mat.get-color-from-palette(
			map.get(mat.get-color-config($modern-ple-dark-theme), success)
		) !important; // hate having to use this
	}
	@include scrollbar.material-theme($modern-ple-dark-theme);
}

html,
body {
	height: 100%;
}

body {
	margin: 0;
	font-family: Roboto, 'Helvetica Neue', sans-serif;
}