plugins/org.eclipse.osee.web/src/theme-system.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';

/**
* Functions used to extend theming system to allow for a fourth color.
*/
@function custom-theme($theme, $success) {
	$color-map: map.deep-merge(
		$theme,
		(
			color: (
				success: $success,
			),
		)
	);

	// note:
	// this is WIP, but this is the first defined typography level outside of angular material
	// TODO make a more general purpose solution

	$bold-table-header: mat.define-typography-level(
		$font-size: 14px,
		$font-family: 'Roboto,"Helvetica Neue", sans-serif',
		$font-weight: bold,
		$letter-spacing: 0.1px,
		$line-height: 22px,
	);
	@return map.deep-merge(
		$color-map,
		(
			typography: (
				bold-table-header: $bold-table-header,
			),
		)
	);
}