@elderbyte/ngx-starter 18.12.7 → 18.13.0-beta.0

package/theming/_elder-m3-theme.scss

@@ -0,0 +1,754 @@
+// This file was generated by running 'ng generate @angular/material:m3-theme'.
+// Proceed with caution if making changes to this file.
+
+@use 'sass:map';
+@use '@angular/material' as mat;
+
+@function create-default-elder-themes() {
+  @return create-themes(get-palettes());
+}
+
+@function create-themes($palettesArg) {
+  $_palettes: $palettesArg;
+
+  $_rest: (
+    secondary: map.get($_palettes, secondary),
+    neutral: map.get($_palettes, neutral),
+    neutral-variant: map.get($_palettes, neutral-variant),
+    error: map.get($_palettes, error),
+  );
+  $_primary: map.merge(map.get($_palettes, primary), $_rest);
+  $_tertiary: map.merge(map.get($_palettes, tertiary), $_rest);
+
+  $density: 0;
+
+  $light-theme: mat.define-theme(
+    (
+      color: (
+        theme-type: light,
+        primary: $_primary,
+        tertiary: $_tertiary,
+        use-system-variables: true,
+        system-variables-prefix: md-sys-color,
+      ),
+      typography: (
+        use-system-variables: true,
+        system-variables-prefix: md-sys-typescale,
+      ),
+      density: (
+        scale: $density,
+      ),
+    )
+  );
+
+  $dark-theme: mat.define-theme(
+    (
+      color: (
+        theme-type: dark,
+        primary: $_primary,
+        tertiary: $_tertiary,
+        use-system-variables: true,
+        system-variables-prefix: md-sys-color,
+      ),
+      typography: (
+        use-system-variables: true,
+        system-variables-prefix: md-sys-typescale,
+      ),
+      density: (
+        scale: $density,
+      ),
+    )
+  );
+
+  @return (light: $light-theme, dark: $dark-theme);
+}
+
+@function get-palettes() {
+  // Note: Color palettes are generated from primary: #002852, secondary: 557C55, tertiary: #BB9F61
+  $_palettes: (
+    primary: (
+      0: #000000,
+      10: #001b3c,
+      20: #0d315b,
+      25: #1b3c67,
+      30: #284773,
+      35: #35537f,
+      40: #425f8c,
+      50: #5b78a6,
+      60: #7592c2,
+      70: #8facde,
+      80: #aac8fb,
+      90: #d5e3ff,
+      95: #ebf1ff,
+      98: #f9f9ff,
+      99: #fdfbff,
+      100: #ffffff,
+    ),
+    secondary: (
+      0: #000000,
+      10: #111c2c,
+      20: #263142,
+      25: #313c4e,
+      30: #3d4759,
+      35: #485366,
+      40: #545f72,
+      50: #6d778c,
+      60: #8691a6,
+      70: #a1acc1,
+      80: #bcc7dd,
+      90: #d8e3fa,
+      95: #ebf1ff,
+      98: #f9f9ff,
+      99: #fdfbff,
+      100: #ffffff,
+    ),
+    tertiary: (
+      0: #000000,
+      10: #251a00,
+      20: #3f2e00,
+      25: #4c3903,
+      30: #58440e,
+      35: #654f19,
+      40: #725b24,
+      50: #8d743a,
+      60: #a88d51,
+      70: #c4a869,
+      80: #e1c381,
+      90: #ffdf9b,
+      95: #ffefd3,
+      98: #fff8f2,
+      99: #fffbff,
+      100: #ffffff,
+    ),
+    neutral: (
+      0: #000000,
+      10: #1a1c1f,
+      20: #2f3034,
+      25: #3a3b3f,
+      30: #46474a,
+      35: #515256,
+      40: #5d5e62,
+      50: #76777b,
+      60: #909094,
+      70: #ababaf,
+      80: #c6c6ca,
+      90: #e3e2e6,
+      95: #f1f0f4,
+      98: #faf9fd,
+      99: #fdfbff,
+      100: #ffffff,
+      4: #0d0e11,
+      6: #121316,
+      12: #1e2023,
+      17: #292a2d,
+      22: #343538,
+      24: #38393c,
+      87: #dad9de,
+      92: #e8e7ec,
+      94: #eeedf1,
+      96: #f4f3f7,
+    ),
+    neutral-variant: (
+      0: #000000,
+      10: #181c23,
+      20: #2d3038,
+      25: #383b43,
+      30: #43474f,
+      35: #4f525a,
+      40: #5b5e67,
+      50: #747780,
+      60: #8d9199,
+      70: #a8abb4,
+      80: #c4c6d0,
+      90: #e0e2ec,
+      95: #eef0fa,
+      98: #f9f9ff,
+      99: #fdfbff,
+      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,
+    ),
+  );
+  @return $_palettes;
+}
+
+@mixin color-vars-override-light {
+  --md-sys-color-primary: rgb(62 95 144);
+  --md-sys-color-surface-tint: rgb(62 95 144);
+  --md-sys-color-on-primary: rgb(255 255 255);
+  --md-sys-color-primary-container: rgb(213 227 255);
+  --md-sys-color-on-primary-container: rgb(0 27 60);
+  --md-sys-color-secondary: rgb(85 95 113);
+  --md-sys-color-on-secondary: rgb(255 255 255);
+  --md-sys-color-secondary-container: rgb(217 227 248);
+  --md-sys-color-on-secondary-container: rgb(18 28 43);
+  --md-sys-color-tertiary: rgb(118 90 11);
+  --md-sys-color-on-tertiary: rgb(255 255 255);
+  --md-sys-color-tertiary-container: rgb(255 223 154);
+  --md-sys-color-on-tertiary-container: rgb(37 26 0);
+  --md-sys-color-error: rgb(186 26 26);
+  --md-sys-color-on-error: rgb(255 255 255);
+  --md-sys-color-error-container: rgb(255 218 214);
+  --md-sys-color-on-error-container: rgb(65 0 2);
+  --md-sys-color-background: rgb(249 249 255);
+  --md-sys-color-on-background: rgb(25 28 32);
+  --md-sys-color-surface: rgb(249 249 255);
+  --md-sys-color-on-surface: rgb(25 28 32);
+  --md-sys-color-surface-variant: rgb(224 226 236);
+  --md-sys-color-on-surface-variant: rgb(67 71 78);
+  --md-sys-color-outline: rgb(116 119 127);
+  --md-sys-color-outline-variant: rgb(196 198 207);
+  --md-sys-color-shadow: rgb(0 0 0);
+  --md-sys-color-scrim: rgb(0 0 0);
+  --md-sys-color-inverse-surface: rgb(46 48 53);
+  --md-sys-color-inverse-on-surface: rgb(240 240 247);
+  --md-sys-color-inverse-primary: rgb(167 200 255);
+  --md-sys-color-primary-fixed: rgb(213 227 255);
+  --md-sys-color-on-primary-fixed: rgb(0 27 60);
+  --md-sys-color-primary-fixed-dim: rgb(167 200 255);
+  --md-sys-color-on-primary-fixed-variant: rgb(36 71 119);
+  --md-sys-color-secondary-fixed: rgb(217 227 248);
+  --md-sys-color-on-secondary-fixed: rgb(18 28 43);
+  --md-sys-color-secondary-fixed-dim: rgb(189 199 220);
+  --md-sys-color-on-secondary-fixed-variant: rgb(61 71 88);
+  --md-sys-color-tertiary-fixed: rgb(255 223 154);
+  --md-sys-color-on-tertiary-fixed: rgb(37 26 0);
+  --md-sys-color-tertiary-fixed-dim: rgb(232 194 108);
+  --md-sys-color-on-tertiary-fixed-variant: rgb(90 67 0);
+  --md-sys-color-surface-dim: rgb(217 218 224);
+  --md-sys-color-surface-bright: rgb(249 249 255);
+  --md-sys-color-surface-container-lowest: rgb(255 255 255);
+  --md-sys-color-surface-container-low: rgb(243 243 250);
+  --md-sys-color-surface-container: rgb(237 237 244);
+  --md-sys-color-surface-container-high: rgb(231 232 238);
+  --md-sys-color-surface-container-highest: rgb(225 226 233);
+}
+
+@mixin color-vars-override-dark {
+  --md-sys-color-primary: rgb(167 200 255);
+  --md-sys-color-surface-tint: rgb(167 200 255);
+  --md-sys-color-on-primary: rgb(4 48 95);
+  --md-sys-color-primary-container: rgb(36 71 119);
+  --md-sys-color-on-primary-container: rgb(213 227 255);
+  --md-sys-color-secondary: rgb(189 199 220);
+  --md-sys-color-on-secondary: rgb(39 49 65);
+  --md-sys-color-secondary-container: rgb(61 71 88);
+  --md-sys-color-on-secondary-container: rgb(217 227 248);
+  --md-sys-color-tertiary: rgb(232 194 108);
+  --md-sys-color-on-tertiary: rgb(63 46 0);
+  --md-sys-color-tertiary-container: rgb(90 67 0);
+  --md-sys-color-on-tertiary-container: rgb(255 223 154);
+  --md-sys-color-error: rgb(255 180 171);
+  --md-sys-color-on-error: rgb(105 0 5);
+  --md-sys-color-error-container: rgb(147 0 10);
+  --md-sys-color-on-error-container: rgb(255 218 214);
+  --md-sys-color-background: rgb(17 19 24);
+  --md-sys-color-on-background: rgb(225 226 233);
+  --md-sys-color-surface: rgb(17 19 24);
+  --md-sys-color-on-surface: rgb(225 226 233);
+  --md-sys-color-surface-variant: rgb(67 71 78);
+  --md-sys-color-on-surface-variant: rgb(196 198 207);
+  --md-sys-color-outline: rgb(142 145 153);
+  --md-sys-color-outline-variant: rgb(67 71 78);
+  --md-sys-color-shadow: rgb(0 0 0);
+  --md-sys-color-scrim: rgb(0 0 0);
+  --md-sys-color-inverse-surface: rgb(225 226 233);
+  --md-sys-color-inverse-on-surface: rgb(46 48 53);
+  --md-sys-color-inverse-primary: rgb(62 95 144);
+  --md-sys-color-primary-fixed: rgb(213 227 255);
+  --md-sys-color-on-primary-fixed: rgb(0 27 60);
+  --md-sys-color-primary-fixed-dim: rgb(167 200 255);
+  --md-sys-color-on-primary-fixed-variant: rgb(36 71 119);
+  --md-sys-color-secondary-fixed: rgb(217 227 248);
+  --md-sys-color-on-secondary-fixed: rgb(18 28 43);
+  --md-sys-color-secondary-fixed-dim: rgb(189 199 220);
+  --md-sys-color-on-secondary-fixed-variant: rgb(61 71 88);
+  --md-sys-color-tertiary-fixed: rgb(255 223 154);
+  --md-sys-color-on-tertiary-fixed: rgb(37 26 0);
+  --md-sys-color-tertiary-fixed-dim: rgb(232 194 108);
+  --md-sys-color-on-tertiary-fixed-variant: rgb(90 67 0);
+  --md-sys-color-surface-dim: rgb(17 19 24);
+  --md-sys-color-surface-bright: rgb(55 57 62);
+  --md-sys-color-surface-container-lowest: rgb(12 14 19);
+  --md-sys-color-surface-container-low: rgb(25 28 32);
+  --md-sys-color-surface-container: rgb(29 32 36);
+  --md-sys-color-surface-container-high: rgb(40 42 47);
+  --md-sys-color-surface-container-highest: rgb(51 53 58);
+}
+
+@function get-palettes-variant-1() {
+  // Note: Color palettes are generated from primary: #002852, tertiary: #BB9F61
+  $_palettes: (
+    primary: (
+      0: #000000,
+      10: #001b3c,
+      20: #0d315b,
+      25: #1b3c67,
+      30: #284773,
+      35: #35537f,
+      40: #425f8c,
+      50: #5b78a6,
+      60: #7592c2,
+      70: #8facde,
+      80: #aac8fb,
+      90: #d5e3ff,
+      95: #ebf1ff,
+      98: #f9f9ff,
+      99: #fdfbff,
+      100: #ffffff,
+    ),
+    secondary: (
+      0: #000000,
+      10: #111c2c,
+      20: #263142,
+      25: #313c4e,
+      30: #3d4759,
+      35: #485366,
+      40: #545f72,
+      50: #6d778c,
+      60: #8691a6,
+      70: #a1acc1,
+      80: #bcc7dd,
+      90: #d8e3fa,
+      95: #ebf1ff,
+      98: #f9f9ff,
+      99: #fdfbff,
+      100: #ffffff,
+    ),
+    tertiary: (
+      0: #000000,
+      10: #251a00,
+      20: #3f2e00,
+      25: #4c3903,
+      30: #58440e,
+      35: #654f19,
+      40: #725b24,
+      50: #8d743a,
+      60: #a88d51,
+      70: #c4a869,
+      80: #e1c381,
+      90: #ffdf9b,
+      95: #ffefd3,
+      98: #fff8f2,
+      99: #fffbff,
+      100: #ffffff,
+    ),
+    neutral: (
+      0: #000000,
+      10: #1a1c1f,
+      20: #2f3034,
+      25: #3a3b3f,
+      30: #46474a,
+      35: #515256,
+      40: #5d5e62,
+      50: #76777b,
+      60: #909094,
+      70: #ababaf,
+      80: #c6c6ca,
+      90: #e3e2e6,
+      95: #f1f0f4,
+      98: #faf9fd,
+      99: #fdfbff,
+      100: #ffffff,
+      4: #0d0e11,
+      6: #121316,
+      12: #1e2023,
+      17: #292a2d,
+      22: #343538,
+      24: #38393c,
+      87: #dad9de,
+      92: #e8e7ec,
+      94: #eeedf1,
+      96: #f4f3f7,
+    ),
+    neutral-variant: (
+      0: #000000,
+      10: #181c23,
+      20: #2d3038,
+      25: #383b43,
+      30: #43474f,
+      35: #4f525a,
+      40: #5b5e67,
+      50: #747780,
+      60: #8d9199,
+      70: #a8abb4,
+      80: #c4c6d0,
+      90: #e0e2ec,
+      95: #eef0fa,
+      98: #f9f9ff,
+      99: #fdfbff,
+      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,
+    ),
+  );
+  @return $_palettes;
+}
+
+@mixin color-vars-override-light-variant-1 {
+  --md-sys-color-primary: rgb(0 23 51);
+  --md-sys-color-surface-tint: rgb(66 95 140);
+  --md-sys-color-on-primary: rgb(255 255 255);
+  --md-sys-color-primary-container: rgb(21 54 97);
+  --md-sys-color-on-primary-container: rgb(170 200 250);
+  --md-sys-color-secondary: rgb(84 95 114);
+  --md-sys-color-on-secondary: rgb(255 255 255);
+  --md-sys-color-secondary-container: rgb(220 231 254);
+  --md-sys-color-on-secondary-container: rgb(64 75 93);
+  --md-sys-color-tertiary: rgb(114 91 36);
+  --md-sys-color-on-tertiary: rgb(255 255 255);
+  --md-sys-color-tertiary-container: rgb(199 170 107);
+  --md-sys-color-on-tertiary-container: rgb(46 32 0);
+  --md-sys-color-error: rgb(186 26 26);
+  --md-sys-color-on-error: rgb(255 255 255);
+  --md-sys-color-error-container: rgb(255 218 214);
+  --md-sys-color-on-error-container: rgb(65 0 2);
+  --md-sys-color-background: rgb(250 249 253);
+  --md-sys-color-on-background: rgb(26 28 31);
+  --md-sys-color-surface: rgb(250 249 253);
+  --md-sys-color-on-surface: rgb(26 28 31);
+  --md-sys-color-surface-variant: rgb(224 226 236);
+  --md-sys-color-on-surface-variant: rgb(67 71 79);
+  --md-sys-color-outline: rgb(116 119 128);
+  --md-sys-color-outline-variant: rgb(196 198 208);
+  --md-sys-color-shadow: rgb(0 0 0);
+  --md-sys-color-scrim: rgb(0 0 0);
+  --md-sys-color-inverse-surface: rgb(47 48 52);
+  --md-sys-color-inverse-on-surface: rgb(241 240 244);
+  --md-sys-color-inverse-primary: rgb(170 200 251);
+  --md-sys-color-primary-fixed: rgb(213 227 255);
+  --md-sys-color-on-primary-fixed: rgb(0 27 60);
+  --md-sys-color-primary-fixed-dim: rgb(170 200 251);
+  --md-sys-color-on-primary-fixed-variant: rgb(40 71 115);
+  --md-sys-color-secondary-fixed: rgb(216 227 250);
+  --md-sys-color-on-secondary-fixed: rgb(17 28 44);
+  --md-sys-color-secondary-fixed-dim: rgb(188 199 221);
+  --md-sys-color-on-secondary-fixed-variant: rgb(61 71 89);
+  --md-sys-color-tertiary-fixed: rgb(255 223 155);
+  --md-sys-color-on-tertiary-fixed: rgb(37 26 0);
+  --md-sys-color-tertiary-fixed-dim: rgb(225 195 129);
+  --md-sys-color-on-tertiary-fixed-variant: rgb(88 68 14);
+  --md-sys-color-surface-dim: rgb(218 217 222);
+  --md-sys-color-surface-bright: rgb(250 249 253);
+  --md-sys-color-surface-container-lowest: rgb(255 255 255);
+  --md-sys-color-surface-container-low: rgb(244 243 247);
+  --md-sys-color-surface-container: rgb(238 237 241);
+  --md-sys-color-surface-container-high: rgb(232 231 236);
+  --md-sys-color-surface-container-highest: rgb(227 226 230);
+}
+
+@mixin color-vars-override-dark-variant-1 {
+  --md-sys-color-primary: rgb(170 200 251);
+  --md-sys-color-surface-tint: rgb(170 200 251);
+  --md-sys-color-on-primary: rgb(13 49 91);
+  --md-sys-color-primary-container: rgb(0 32 67);
+  --md-sys-color-on-primary-container: rgb(143 172 221);
+  --md-sys-color-secondary: rgb(188 199 221);
+  --md-sys-color-on-secondary: rgb(38 49 66);
+  --md-sys-color-secondary-container: rgb(53 63 81);
+  --md-sys-color-on-secondary-container: rgb(201 212 234);
+  --md-sys-color-tertiary: rgb(225 195 129);
+  --md-sys-color-on-tertiary: rgb(63 46 0);
+  --md-sys-color-tertiary-container: rgb(179 152 90);
+  --md-sys-color-on-tertiary-container: rgb(17 10 0);
+  --md-sys-color-error: rgb(255 180 171);
+  --md-sys-color-on-error: rgb(105 0 5);
+  --md-sys-color-error-container: rgb(147 0 10);
+  --md-sys-color-on-error-container: rgb(255 218 214);
+  --md-sys-color-background: rgb(18 19 22);
+  --md-sys-color-on-background: rgb(227 226 230);
+  --md-sys-color-surface: rgb(18 19 22);
+  --md-sys-color-on-surface: rgb(227 226 230);
+  --md-sys-color-surface-variant: rgb(67 71 79);
+  --md-sys-color-on-surface-variant: rgb(196 198 208);
+  --md-sys-color-outline: rgb(141 145 153);
+  --md-sys-color-outline-variant: rgb(67 71 79);
+  --md-sys-color-shadow: rgb(0 0 0);
+  --md-sys-color-scrim: rgb(0 0 0);
+  --md-sys-color-inverse-surface: rgb(227 226 230);
+  --md-sys-color-inverse-on-surface: rgb(47 48 52);
+  --md-sys-color-inverse-primary: rgb(66 95 140);
+  --md-sys-color-primary-fixed: rgb(213 227 255);
+  --md-sys-color-on-primary-fixed: rgb(0 27 60);
+  --md-sys-color-primary-fixed-dim: rgb(170 200 251);
+  --md-sys-color-on-primary-fixed-variant: rgb(40 71 115);
+  --md-sys-color-secondary-fixed: rgb(216 227 250);
+  --md-sys-color-on-secondary-fixed: rgb(17 28 44);
+  --md-sys-color-secondary-fixed-dim: rgb(188 199 221);
+  --md-sys-color-on-secondary-fixed-variant: rgb(61 71 89);
+  --md-sys-color-tertiary-fixed: rgb(255 223 155);
+  --md-sys-color-on-tertiary-fixed: rgb(37 26 0);
+  --md-sys-color-tertiary-fixed-dim: rgb(225 195 129);
+  --md-sys-color-on-tertiary-fixed-variant: rgb(88 68 14);
+  --md-sys-color-surface-dim: rgb(18 19 22);
+  --md-sys-color-surface-bright: rgb(56 57 60);
+  --md-sys-color-surface-container-lowest: rgb(13 14 17);
+  --md-sys-color-surface-container-low: rgb(26 28 31);
+  --md-sys-color-surface-container: rgb(30 32 35);
+  --md-sys-color-surface-container-high: rgb(41 42 45);
+  --md-sys-color-surface-container-highest: rgb(52 53 56);
+}
+
+@function get-palettes-variant-2() {
+  // Note: Color palettes are generated from primary: #002852, tertiary: #BB9F61
+  $_palettes: (
+    primary: (
+      0: #000000,
+      10: #001b3c,
+      20: #0d315b,
+      25: #1b3c67,
+      30: #284773,
+      35: #35537f,
+      40: #425f8c,
+      50: #5b78a6,
+      60: #7592c2,
+      70: #8facde,
+      80: #aac8fb,
+      90: #d5e3ff,
+      95: #ebf1ff,
+      98: #f9f9ff,
+      99: #fdfbff,
+      100: #ffffff,
+    ),
+    secondary: (
+      0: #000000,
+      10: #111c2c,
+      20: #263142,
+      25: #313c4e,
+      30: #3d4759,
+      35: #485366,
+      40: #545f72,
+      50: #6d778c,
+      60: #8691a6,
+      70: #a1acc1,
+      80: #bcc7dd,
+      90: #d8e3fa,
+      95: #ebf1ff,
+      98: #f9f9ff,
+      99: #fdfbff,
+      100: #ffffff,
+    ),
+    tertiary: (
+      0: #000000,
+      10: #251a00,
+      20: #3f2e00,
+      25: #4c3903,
+      30: #58440e,
+      35: #654f19,
+      40: #725b24,
+      50: #8d743a,
+      60: #a88d51,
+      70: #c4a869,
+      80: #e1c381,
+      90: #ffdf9b,
+      95: #ffefd3,
+      98: #fff8f2,
+      99: #fffbff,
+      100: #ffffff,
+    ),
+    neutral: (
+      0: #000000,
+      10: #1a1c1f,
+      20: #2f3034,
+      25: #3a3b3f,
+      30: #46474a,
+      35: #515256,
+      40: #5d5e62,
+      50: #76777b,
+      60: #909094,
+      70: #ababaf,
+      80: #c6c6ca,
+      90: #e3e2e6,
+      95: #f1f0f4,
+      98: #faf9fd,
+      99: #fdfbff,
+      100: #ffffff,
+      4: #0d0e11,
+      6: #121316,
+      12: #1e2023,
+      17: #292a2d,
+      22: #343538,
+      24: #38393c,
+      87: #dad9de,
+      92: #e8e7ec,
+      94: #eeedf1,
+      96: #f4f3f7,
+    ),
+    neutral-variant: (
+      0: #000000,
+      10: #181c23,
+      20: #2d3038,
+      25: #383b43,
+      30: #43474f,
+      35: #4f525a,
+      40: #5b5e67,
+      50: #747780,
+      60: #8d9199,
+      70: #a8abb4,
+      80: #c4c6d0,
+      90: #e0e2ec,
+      95: #eef0fa,
+      98: #f9f9ff,
+      99: #fdfbff,
+      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,
+    ),
+  );
+  @return $_palettes;
+}
+
+@mixin color-vars-override-light-variant-2 {
+  --md-sys-color-primary: rgb(0 23 51);
+  --md-sys-color-primary: #0b284f; // hard coded original elder dark blue override
+  --md-sys-color-surface-tint: rgb(66 95 140);
+  --md-sys-color-on-primary: rgb(255 255 255);
+  --md-sys-color-primary-container: rgb(21 54 97);
+  --md-sys-color-on-primary-container: rgb(170 200 250);
+  --md-sys-color-secondary: rgb(84 95 114);
+  --md-sys-color-on-secondary: rgb(255 255 255);
+  --md-sys-color-secondary-container: rgb(220 231 254);
+  --md-sys-color-on-secondary-container: rgb(64 75 93);
+  --md-sys-color-tertiary: rgb(114 91 36);
+  --md-sys-color-tertiary: #b69f6a; // hard coded original elder gold override
+  --md-sys-color-on-tertiary: rgb(255 255 255);
+  --md-sys-color-on-tertiary: rgb(26 28 31); // dark contrast text override
+  --md-sys-color-tertiary-container: rgb(199 170 107);
+  --md-sys-color-on-tertiary-container: rgb(46 32 0);
+  --md-sys-color-error: rgb(186 26 26);
+  --md-sys-color-on-error: rgb(255 255 255);
+  --md-sys-color-error-container: rgb(255 218 214);
+  --md-sys-color-on-error-container: rgb(65 0 2);
+  --md-sys-color-background: rgb(250 249 253);
+  --md-sys-color-on-background: rgb(26 28 31);
+  --md-sys-color-surface: rgb(250 249 253);
+  --md-sys-color-on-surface: rgb(26 28 31);
+  --md-sys-color-surface-variant: rgb(224 226 236);
+  --md-sys-color-on-surface-variant: rgb(67 71 79);
+  --md-sys-color-outline: rgb(116 119 128);
+  --md-sys-color-outline-variant: rgb(196 198 208);
+  --md-sys-color-shadow: rgb(0 0 0);
+  --md-sys-color-scrim: rgb(0 0 0);
+  --md-sys-color-inverse-surface: rgb(47 48 52);
+  --md-sys-color-inverse-on-surface: rgb(241 240 244);
+  --md-sys-color-inverse-primary: rgb(170 200 251);
+  --md-sys-color-primary-fixed: rgb(213 227 255);
+  --md-sys-color-on-primary-fixed: rgb(0 27 60);
+  --md-sys-color-primary-fixed-dim: rgb(170 200 251);
+  --md-sys-color-on-primary-fixed-variant: rgb(40 71 115);
+  --md-sys-color-secondary-fixed: rgb(216 227 250);
+  --md-sys-color-on-secondary-fixed: rgb(17 28 44);
+  --md-sys-color-secondary-fixed-dim: rgb(188 199 221);
+  --md-sys-color-on-secondary-fixed-variant: rgb(61 71 89);
+  --md-sys-color-tertiary-fixed: rgb(255 223 155);
+  --md-sys-color-on-tertiary-fixed: rgb(37 26 0);
+  --md-sys-color-tertiary-fixed-dim: rgb(225 195 129);
+  --md-sys-color-on-tertiary-fixed-variant: rgb(88 68 14);
+  --md-sys-color-surface-dim: rgb(218 217 222);
+  --md-sys-color-surface-bright: rgb(250 249 253);
+  --md-sys-color-surface-container-lowest: rgb(255 255 255);
+  --md-sys-color-surface-container-low: rgb(244 243 247);
+  --md-sys-color-surface-container: rgb(238 237 241);
+  --md-sys-color-surface-container-high: rgb(232 231 236);
+  --md-sys-color-surface-container-highest: rgb(227 226 230);
+}
+
+@mixin color-vars-override-dark-variant-2 {
+  --md-sys-color-primary: rgb(170 200 251);
+  --md-sys-color-surface-tint: rgb(170 200 251);
+  --md-sys-color-on-primary: rgb(13 49 91);
+  --md-sys-color-primary-container: rgb(0 32 67);
+  --md-sys-color-on-primary-container: rgb(143 172 221);
+  --md-sys-color-secondary: rgb(188 199 221);
+  --md-sys-color-on-secondary: rgb(38 49 66);
+  --md-sys-color-secondary-container: rgb(53 63 81);
+  --md-sys-color-on-secondary-container: rgb(201 212 234);
+  --md-sys-color-tertiary: rgb(225 195 129);
+  --md-sys-color-on-tertiary: rgb(63 46 0);
+  --md-sys-color-tertiary-container: rgb(179 152 90);
+  --md-sys-color-on-tertiary-container: rgb(17 10 0);
+  --md-sys-color-error: rgb(255 180 171);
+  --md-sys-color-on-error: rgb(105 0 5);
+  --md-sys-color-error-container: rgb(147 0 10);
+  --md-sys-color-on-error-container: rgb(255 218 214);
+  --md-sys-color-background: rgb(18 19 22);
+  --md-sys-color-on-background: rgb(227 226 230);
+  --md-sys-color-surface: rgb(18 19 22);
+  --md-sys-color-on-surface: rgb(227 226 230);
+  --md-sys-color-surface-variant: rgb(67 71 79);
+  --md-sys-color-on-surface-variant: rgb(196 198 208);
+  --md-sys-color-outline: rgb(141 145 153);
+  --md-sys-color-outline-variant: rgb(67 71 79);
+  --md-sys-color-shadow: rgb(0 0 0);
+  --md-sys-color-scrim: rgb(0 0 0);
+  --md-sys-color-inverse-surface: rgb(227 226 230);
+  --md-sys-color-inverse-on-surface: rgb(47 48 52);
+  --md-sys-color-inverse-primary: rgb(66 95 140);
+  --md-sys-color-primary-fixed: rgb(213 227 255);
+  --md-sys-color-on-primary-fixed: rgb(0 27 60);
+  --md-sys-color-primary-fixed-dim: rgb(170 200 251);
+  --md-sys-color-on-primary-fixed-variant: rgb(40 71 115);
+  --md-sys-color-secondary-fixed: rgb(216 227 250);
+  --md-sys-color-on-secondary-fixed: rgb(17 28 44);
+  --md-sys-color-secondary-fixed-dim: rgb(188 199 221);
+  --md-sys-color-on-secondary-fixed-variant: rgb(61 71 89);
+  --md-sys-color-tertiary-fixed: rgb(255 223 155);
+  --md-sys-color-on-tertiary-fixed: rgb(37 26 0);
+  --md-sys-color-tertiary-fixed-dim: rgb(225 195 129);
+  --md-sys-color-on-tertiary-fixed-variant: rgb(88 68 14);
+  --md-sys-color-surface-dim: rgb(18 19 22);
+  --md-sys-color-surface-bright: rgb(56 57 60);
+  --md-sys-color-surface-container-lowest: rgb(13 14 17);
+  --md-sys-color-surface-container-low: rgb(26 28 31);
+  --md-sys-color-surface-container: rgb(30 32 35);
+  --md-sys-color-surface-container-high: rgb(41 42 45);
+  --md-sys-color-surface-container-highest: rgb(52 53 56);
+}