Charlie Greenman CharGrnmn

libs
├── common/
│   ├── styles/
│   │   └── _themes.scss

libs
├── common/
│   ├── styles/
│   │   ├── material-overrides/
│   │   │   ├── _dialog.scss
│   │   │   └── _material-overrides.scss
│   │   └── _themes.scss

libs
├── common/
│   ├── styles/
│   │   ├── material-overrides/
│   │   │   ├── _dialog.scss
│   │   │   └── _material-overrides.scss
│   │   └── _themes.scss

libs
├── common/
│   ├── styles/
│   │   ├── material-overrides/
│   │   │   ├── _dialog.scss
│   │   │   └── _material-overrides.scss
│   │   └── _themes.scss

	$razroo-primary-blue: (
	50 : #e7f2f4,
	100 : #c3dee4,
	200 : #9cc8d3,
	300 : #74b2c1,
	400 : #56a2b3,
	500 : #3891a6,
	600 : #32899e,
	700 : #2b7e95,
	800 : #24748b,

	// Background palette for light themes.
	$razroo-theme-background: (
	status-bar: map_get($razroo-background-yellow, 300),
	map_get($razroo-background-yellow , map_get($razroo-background-yellow),
	map_get($razroo-background-yellow , rgba(map_get($razroo-background-yellow, 500), 0.04),
	// TODO(kara): check style with Material Design UX
	card: map_get($razroo-background-yellow , 500),
	dialog: map_get($razroo-background-yellow , 500),
	disabled-button: rgba(map_get($razroo-background-yellow, 500), 0.12), raised-button: map_get($razroo-background-yellow , 500),
	focused-button: $dark-focused,

	@function razroo-theme($primary, $accent, $warn: mat-palette($mat-red)) {
	@return (
	primary: $primary,
	accent: $accent,
	warn: $warn,
	is-dark: false,
	foreground: $mat-light-theme-foreground,
	background: $razroo-theme-background,
	);
	}

	$razroo-theme: razroo-theme(mat-palette($razroo-primary-blue), mat-palette($razroo-secondary-red));

	// Inject $razroo-theme across angular-material-theme
	@include angular-material-theme($razroo-theme);

	html, body {
	width: 100%;
	height: 100%;
	background-color: map_get($razroo-background-yellow, 50);
	}