206 lines
6.4 KiB
SCSS
206 lines
6.4 KiB
SCSS
// This file was generated by running 'ng generate @angular/material:theme-color'.
|
|
// Proceed with caution if making changes to this file.
|
|
|
|
@use 'sass:map';
|
|
@use '@angular/material' as mat;
|
|
|
|
// Note: Color palettes are generated from primary: #ffffff
|
|
$_palettes: (
|
|
primary: (
|
|
0: #000000,
|
|
10: #1a1c1c,
|
|
20: #2f3131,
|
|
25: #3a3c3c,
|
|
30: #454747,
|
|
35: #515353,
|
|
40: #5d5f5f,
|
|
50: #767777,
|
|
60: #909191,
|
|
70: #aaabab,
|
|
80: #c6c6c7,
|
|
90: #e2e2e2,
|
|
95: #f0f1f1,
|
|
98: #f9f9f9,
|
|
99: #fcfcfc,
|
|
100: #ffffff,
|
|
),
|
|
secondary: (
|
|
0: #000000,
|
|
10: #1b1c1c,
|
|
20: #303030,
|
|
25: #3b3b3b,
|
|
30: #474747,
|
|
35: #525252,
|
|
40: #5e5e5e,
|
|
50: #777777,
|
|
60: #919090,
|
|
70: #acabab,
|
|
80: #c8c6c6,
|
|
90: #e4e2e2,
|
|
95: #f2f0f0,
|
|
98: #fbf9f8,
|
|
99: #fefcfb,
|
|
100: #ffffff,
|
|
),
|
|
tertiary: (
|
|
0: #000000,
|
|
10: #1a1c1c,
|
|
20: #2f3131,
|
|
25: #3a3c3c,
|
|
30: #454747,
|
|
35: #515353,
|
|
40: #5d5f5f,
|
|
50: #767777,
|
|
60: #909191,
|
|
70: #aaabab,
|
|
80: #c6c6c7,
|
|
90: #e2e2e2,
|
|
95: #f0f1f1,
|
|
98: #f9f9f9,
|
|
99: #fcfcfc,
|
|
100: #ffffff,
|
|
),
|
|
neutral: (
|
|
0: #000000,
|
|
10: #1c1b1b,
|
|
20: #313030,
|
|
25: #3c3b3b,
|
|
30: #474646,
|
|
35: #535252,
|
|
40: #5f5e5e,
|
|
50: #787776,
|
|
60: #929090,
|
|
70: #adabaa,
|
|
80: #c9c6c5,
|
|
90: #e5e2e1,
|
|
95: #f4f0ef,
|
|
98: #fcf8f8,
|
|
99: #f6feff,
|
|
100: #ffffff,
|
|
4: #0e0e0e,
|
|
6: #141313,
|
|
12: #201f1f,
|
|
17: #2a2a2a,
|
|
22: #353434,
|
|
24: #3a3939,
|
|
87: #ddd9d9,
|
|
92: #ebe7e7,
|
|
94: #f1edec,
|
|
96: #f6f3f2,
|
|
),
|
|
neutral-variant: (
|
|
0: #000000,
|
|
10: #181c1d,
|
|
20: #2d3132,
|
|
25: #383c3d,
|
|
30: #444748,
|
|
35: #4f5354,
|
|
40: #5b5f60,
|
|
50: #747878,
|
|
60: #8e9192,
|
|
70: #a8acac,
|
|
80: #c4c7c8,
|
|
90: #e0e3e3,
|
|
95: #eef1f2,
|
|
98: #f7fafa,
|
|
99: #fafdfd,
|
|
100: #ffffff,
|
|
),
|
|
error: (
|
|
0: #000000,
|
|
10: #410002,
|
|
20: #690005,
|
|
25: #7e0007,
|
|
30: #93000a,
|
|
35: #a80710,
|
|
40: #ba1a1a,
|
|
50: #de3730,
|
|
60: #ff5449,
|
|
70: #ff897d,
|
|
80: #ffb4ab,
|
|
90: #ffdad6,
|
|
95: #ffedea,
|
|
98: #fff8f7,
|
|
99: #fffbff,
|
|
100: #ffffff,
|
|
),
|
|
);
|
|
|
|
$_rest: (
|
|
secondary: map.get($_palettes, secondary),
|
|
neutral: map.get($_palettes, neutral),
|
|
neutral-variant: map.get($_palettes, neutral-variant),
|
|
error: map.get($_palettes, error),
|
|
);
|
|
|
|
$primary-palette: map.merge(map.get($_palettes, primary), $_rest);
|
|
$tertiary-palette: map.merge(map.get($_palettes, tertiary), $_rest);
|
|
|
|
@function _high-contrast-value($light, $dark, $theme-type) {
|
|
@if ($theme-type == light) {
|
|
@return $light;
|
|
}
|
|
@if ($theme-type == dark) {
|
|
@return $dark;
|
|
}
|
|
@if ($theme-type == color-scheme) {
|
|
@return light-dark(#{$light}, #{$dark});
|
|
}
|
|
|
|
@error 'Unknown theme-type #{$theme-type}. Expected light, dark, or color-scheme';
|
|
}
|
|
|
|
@mixin high-contrast-overrides($theme-type) {
|
|
@include mat.theme-overrides((
|
|
primary: _high-contrast-value(#2a2c2d, #ffffff, $theme-type),
|
|
on-primary: _high-contrast-value(#ffffff, #000000, $theme-type),
|
|
primary-container: _high-contrast-value(#48494a, #e2e2e2, $theme-type),
|
|
on-primary-container: _high-contrast-value(#ffffff, #282a2b, $theme-type),
|
|
inverse-primary: _high-contrast-value(#c6c6c7, #464849, $theme-type),
|
|
primary-fixed: _high-contrast-value(#48494a, #e2e2e2, $theme-type),
|
|
primary-fixed-dim: _high-contrast-value(#313333, #c6c6c7, $theme-type),
|
|
on-primary-fixed: _high-contrast-value(#ffffff, #000000, $theme-type),
|
|
on-primary-fixed-variant: _high-contrast-value(#ffffff, #0f1112, $theme-type),
|
|
secondary: _high-contrast-value(#2c2c2c, #f2efef, $theme-type),
|
|
on-secondary: _high-contrast-value(#ffffff, #000000, $theme-type),
|
|
secondary-container: _high-contrast-value(#494949, #c4c2c2, $theme-type),
|
|
on-secondary-container: _high-contrast-value(#ffffff, #0b0b0b, $theme-type),
|
|
secondary-fixed: _high-contrast-value(#494949, #e4e2e2, $theme-type),
|
|
secondary-fixed-dim: _high-contrast-value(#323333, #c8c6c6, $theme-type),
|
|
on-secondary-fixed: _high-contrast-value(#ffffff, #000000, $theme-type),
|
|
on-secondary-fixed-variant: _high-contrast-value(#ffffff, #111111, $theme-type),
|
|
tertiary: _high-contrast-value(#2a2c2d, #ffffff, $theme-type),
|
|
on-tertiary: _high-contrast-value(#ffffff, #000000, $theme-type),
|
|
tertiary-container: _high-contrast-value(#48494a, #e2e2e2, $theme-type),
|
|
on-tertiary-container: _high-contrast-value(#ffffff, #282a2b, $theme-type),
|
|
tertiary-fixed: _high-contrast-value(#48494a, #e2e2e2, $theme-type),
|
|
tertiary-fixed-dim: _high-contrast-value(#313333, #c6c6c7, $theme-type),
|
|
on-tertiary-fixed: _high-contrast-value(#ffffff, #000000, $theme-type),
|
|
on-tertiary-fixed-variant: _high-contrast-value(#ffffff, #0f1112, $theme-type),
|
|
background: _high-contrast-value(#fcf8f8, #141313, $theme-type),
|
|
on-background: _high-contrast-value(#1c1b1b, #e5e2e1, $theme-type),
|
|
surface: _high-contrast-value(#fcf8f8, #141313, $theme-type),
|
|
surface-dim: _high-contrast-value(#bbb8b7, #141313, $theme-type),
|
|
surface-bright: _high-contrast-value(#fcf8f8, #51504f, $theme-type),
|
|
surface-container-low: _high-contrast-value(#f4f0ef, #201f1f, $theme-type),
|
|
surface-container-lowest: _high-contrast-value(#ffffff, #000000, $theme-type),
|
|
surface-container: _high-contrast-value(#e5e2e1, #313030, $theme-type),
|
|
surface-container-high: _high-contrast-value(#d7d4d3, #3c3b3b, $theme-type),
|
|
surface-container-highest: _high-contrast-value(#c9c6c5, #474646, $theme-type),
|
|
on-surface: _high-contrast-value(#000000, #ffffff, $theme-type),
|
|
shadow: _high-contrast-value(#000000, #000000, $theme-type),
|
|
scrim: _high-contrast-value(#000000, #000000, $theme-type),
|
|
surface-tint: _high-contrast-value(#5d5f5f, #c6c6c7, $theme-type),
|
|
inverse-surface: _high-contrast-value(#313030, #e5e2e1, $theme-type),
|
|
inverse-on-surface: _high-contrast-value(#ffffff, #000000, $theme-type),
|
|
outline: _high-contrast-value(#292d2d, #eef0f1, $theme-type),
|
|
outline-variant: _high-contrast-value(#464a4a, #c0c3c4, $theme-type),
|
|
error: _high-contrast-value(#600004, #ffece9, $theme-type),
|
|
on-error: _high-contrast-value(#ffffff, #000000, $theme-type),
|
|
error-container: _high-contrast-value(#98000a, #ffaea4, $theme-type),
|
|
on-error-container: _high-contrast-value(#ffffff, #220001, $theme-type),
|
|
surface-variant: _high-contrast-value(#e0e3e3, #444748, $theme-type),
|
|
on-surface-variant: _high-contrast-value(#000000, #ffffff, $theme-type),
|
|
))
|
|
}
|