3d1c905c91
Cleans up AIO's Sass files by: * Switching them all over to the `@use`-based API from Angular Material. * Removing the import of the Material theming API in a bunch of places that weren't using it. * Migrating the new usages of Sass utility functions to the new syntax (e.g. `map.get` vs `map-get`). * Fixing a few files that were using 4 spaces for indentation instead of 2. PR Close #42442
53 lines
902 B
SCSS
53 lines
902 B
SCSS
@use 'sass:map';
|
|
@use '../constants';
|
|
|
|
@mixin theme($theme) {
|
|
$is-dark-theme: map.get($theme, is-dark);
|
|
|
|
body {
|
|
color: if($is-dark-theme, constants.$offwhite, constants.$darkgray);
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
color: if($is-dark-theme, constants.$offwhite, constants.$deepgray);
|
|
}
|
|
|
|
h2 {
|
|
border-top: 1px solid if($is-dark-theme, constants.$mediumgray, constants.$lightgray);
|
|
}
|
|
|
|
h6 {
|
|
color: if($is-dark-theme, constants.$offwhite, constants.$mediumgray);
|
|
}
|
|
|
|
p,
|
|
ol,
|
|
ul,
|
|
li,
|
|
input,
|
|
a {
|
|
color: if($is-dark-theme, constants.$white, constants.$darkgray);
|
|
}
|
|
|
|
.app-toolbar a {
|
|
color: constants.$white;
|
|
}
|
|
|
|
code {
|
|
color: if($is-dark-theme, constants.$white, constants.$darkgray);
|
|
}
|
|
|
|
.sidenav-content a {
|
|
color: if($is-dark-theme, constants.$lightblue, constants.$blue);
|
|
}
|
|
|
|
.error-text {
|
|
color: constants.$brightred;
|
|
}
|
|
}
|