@elderbyte/ngx-starter 18.13.0-beta.1 → 18.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (84) hide show
  1. package/_index.scss +6 -23
  2. package/esm2022/lib/common/exceptions/public_api.mjs +2 -0
  3. package/esm2022/lib/common/exceptions/unreachable-case-error.mjs +6 -0
  4. package/esm2022/lib/common/public_api.mjs +2 -1
  5. package/esm2022/lib/components/badge/elder-badge/elder-badge.component.mjs +3 -3
  6. package/esm2022/lib/components/data-transfer/http-data-transfer-indicator/http-data-transfer-indicator.component.mjs +3 -3
  7. package/esm2022/lib/components/data-transfer/http-data-transfer-overview/http-data-transfer-overview.component.mjs +3 -3
  8. package/esm2022/lib/components/files/blob-viewer/elder-blob-viewer.component.mjs +3 -3
  9. package/esm2022/lib/components/forms/directives/checkbox/elder-single-state-checkbox-controller.mjs +97 -0
  10. package/esm2022/lib/components/forms/directives/checkbox/elder-single-state-checkbox.directive.mjs +50 -0
  11. package/esm2022/lib/components/forms/directives/checkbox/elder-triple-state-checkbox-controller.mjs +102 -0
  12. package/esm2022/lib/components/forms/directives/checkbox/elder-triple-state-checkbox.directive.mjs +50 -0
  13. package/esm2022/lib/components/forms/directives/elder-forms-directives.module.mjs +9 -3
  14. package/esm2022/lib/components/input/autocomplete/elder-autocomplete/elder-suggestion-panel.component.mjs +5 -12
  15. package/esm2022/lib/components/page/exit-guard/page-exit-lock-indicator/page-exit-lock-indicator.component.mjs +3 -3
  16. package/esm2022/lib/components/public_api.mjs +1 -2
  17. package/esm2022/lib/components/select/filter/elder-filter-chip-template/elder-filter-chip-template.component.mjs +3 -3
  18. package/esm2022/lib/components/select/multi/elder-multi-select-chip-options/elder-multi-select-chip-options.component.mjs +3 -3
  19. package/esm2022/lib/components/select/multi/elder-multi-select-chips/elder-multi-select-chips.component.mjs +3 -3
  20. package/esm2022/lib/components/select/popup/templated-selection-dialog/templated-selection-dialog.component.mjs +3 -3
  21. package/esm2022/lib/components/select/single/elder-select/elder-select.component.mjs +5 -3
  22. package/esm2022/lib/components/shell/header/elder-app-header/elder-app-header.component.mjs +3 -3
  23. package/esm2022/lib/components/time/elder-interval-picker/elder-interval-picker.component.mjs +3 -3
  24. package/esm2022/lib/components/toasts/standard-toast/standard-toast.component.mjs +3 -3
  25. package/fesm2022/elderbyte-ngx-starter.mjs +349 -189
  26. package/fesm2022/elderbyte-ngx-starter.mjs.map +1 -1
  27. package/lib/common/exceptions/public_api.d.ts +1 -0
  28. package/lib/common/exceptions/unreachable-case-error.d.ts +4 -0
  29. package/lib/common/public_api.d.ts +1 -0
  30. package/lib/components/forms/directives/checkbox/elder-single-state-checkbox-controller.d.ts +46 -0
  31. package/lib/components/forms/directives/checkbox/elder-single-state-checkbox.directive.d.ts +34 -0
  32. package/lib/components/forms/directives/checkbox/elder-triple-state-checkbox-controller.d.ts +47 -0
  33. package/lib/components/forms/directives/{elder-triple-state-checkbox.directive.d.ts → checkbox/elder-triple-state-checkbox.directive.d.ts} +10 -23
  34. package/lib/components/forms/directives/elder-forms-directives.module.d.ts +9 -7
  35. package/lib/components/input/autocomplete/elder-autocomplete/elder-suggestion-panel.component.d.ts +1 -2
  36. package/lib/components/public_api.d.ts +0 -1
  37. package/package.json +1 -1
  38. package/src/lib/components/badge/elder-badge/elder-badge.component.scss +1 -2
  39. package/src/lib/components/button-group/elder-button-group/elder-button-group.component.scss +7 -1
  40. package/src/lib/components/card-organizer/card-stack/elder-card-stack.component.scss +14 -3
  41. package/src/lib/components/cards/elder-card/elder-card.component.scss +8 -2
  42. package/src/lib/components/chips/_elder-chip-theme.scss +12 -101
  43. package/src/lib/components/data-transfer/http-data-transfer-indicator/http-data-transfer-indicator.component.scss +6 -0
  44. package/src/lib/components/data-transfer/http-data-transfer-overview/http-data-transfer-overview.component.scss +0 -11
  45. package/src/lib/components/data-view/grid/elder-grid/elder-grid.component.scss +22 -15
  46. package/src/lib/components/data-view/table/elder-table/elder-table.component.scss +21 -12
  47. package/src/lib/components/errors/exception-detail/elder-exception-detail.component.scss +9 -2
  48. package/src/lib/components/expand-toggle-button/elder-expand-toggle-button.component.scss +8 -2
  49. package/src/lib/components/files/blob-viewer/elder-blob-viewer.component.scss +9 -4
  50. package/src/lib/components/files/drag-n-drop/elder-drop-zone/elder-drop-zone.component.scss +10 -7
  51. package/src/lib/components/iframes/iframe-host/iframe-host.component.scss +4 -0
  52. package/src/lib/components/navigation/nav/_elder-nav-theme.scss +24 -12
  53. package/src/lib/components/page/exit-guard/page-exit-lock-indicator/page-exit-lock-indicator.component.scss +4 -1
  54. package/src/lib/components/panels/card-panel/elder-card-panel.component.scss +12 -3
  55. package/src/lib/components/panels/elder-dialog-panel/elder-dialog-panel.component.scss +12 -4
  56. package/src/lib/components/panels/flat/_elder-panel-theme.scss +9 -26
  57. package/src/lib/components/select/_elder-select-base.scss +9 -1
  58. package/src/lib/components/select/filter/elder-filter-chip-template/elder-filter-chip-template.component.scss +4 -1
  59. package/src/lib/components/select/multi/elder-multi-select-chip-options/elder-multi-select-chip-options.component.scss +39 -10
  60. package/src/lib/components/select/multi/elder-multi-select-chips/elder-multi-select-chips.component.scss +52 -19
  61. package/src/lib/components/select/single/elder-select/elder-select.component.scss +40 -24
  62. package/src/lib/components/time/_elder-time-input.theme.scss +3 -0
  63. package/src/lib/components/toasts/standard-toast/standard-toast.component.scss +2 -31
  64. package/theming/_elder-common.scss +399 -6
  65. package/theming/_elder-defaults.scss +7 -3
  66. package/theming/_elder-mdc-support.scss +142 -59
  67. package/theming/_elder-palettes.scss +148 -0
  68. package/theming/_elder-scrollbar-theme.scss +12 -2
  69. package/theming/_elder-style-fixes.scss +109 -42
  70. package/theming/_elder-theme.scss +51 -0
  71. package/theming/_elder-toast-theme.scss +46 -0
  72. package/theming/_elder-typography-utils.scss +11 -0
  73. package/theming/_mat-icon-button-size.scss +34 -0
  74. package/theming/_mixins.scss +0 -35
  75. package/esm2022/lib/components/forms/directives/elder-triple-state-checkbox.directive.mjs +0 -120
  76. package/esm2022/lib/components/loader-background/loader-background.component.mjs +0 -11
  77. package/lib/components/loader-background/loader-background.component.d.ts +0 -5
  78. package/src/lib/components/chips/_elder-chip-theme-old.scss +0 -122
  79. package/src/lib/components/loader-background/loader-background.component.scss +0 -60
  80. package/theming/_elder-badge-sizing.scss +0 -21
  81. package/theming/_elder-color-variants.scss +0 -26
  82. package/theming/_elder-form.scss +0 -308
  83. package/theming/_elder-layout-system.scss +0 -242
  84. package/theming/_elder-m3-theme.scss +0 -879
@@ -1,879 +0,0 @@
1
- // This file was generated by running 'ng generate @angular/material:m3-theme'.
2
- // Proceed with caution if making changes to this file.
3
-
4
- @use 'sass:map';
5
- @use '@angular/material' as mat;
6
-
7
- @function create-default-elder-themes() {
8
- @return create-themes(get-palettes());
9
- }
10
-
11
- @function create-themes($palettesArg) {
12
- $_palettes: $palettesArg;
13
-
14
- $_rest: (
15
- secondary: map.get($_palettes, secondary),
16
- neutral: map.get($_palettes, neutral),
17
- neutral-variant: map.get($_palettes, neutral-variant),
18
- error: map.get($_palettes, error),
19
- );
20
- $_primary: map.merge(map.get($_palettes, primary), $_rest);
21
- $_tertiary: map.merge(map.get($_palettes, tertiary), $_rest);
22
-
23
- $density: 0;
24
-
25
- $light-theme: mat.define-theme(
26
- (
27
- color: (
28
- theme-type: light,
29
- primary: $_primary,
30
- tertiary: $_tertiary,
31
- use-system-variables: true,
32
- system-variables-prefix: md-sys-color,
33
- ),
34
- typography: (
35
- use-system-variables: true,
36
- system-variables-prefix: md-sys-typescale,
37
- ),
38
- density: (
39
- scale: $density,
40
- ),
41
- )
42
- );
43
-
44
- $dark-theme: mat.define-theme(
45
- (
46
- color: (
47
- theme-type: dark,
48
- primary: $_primary,
49
- tertiary: $_tertiary,
50
- use-system-variables: true,
51
- system-variables-prefix: md-sys-color,
52
- ),
53
- typography: (
54
- use-system-variables: true,
55
- system-variables-prefix: md-sys-typescale,
56
- ),
57
- density: (
58
- scale: $density,
59
- ),
60
- )
61
- );
62
-
63
- @return (light: $light-theme, dark: $dark-theme);
64
- }
65
-
66
- @function get-palettes() {
67
- // Note: Color palettes are generated from primary: #002852, secondary: 557C55, tertiary: #BB9F61
68
- $_palettes: (
69
- primary: (
70
- 0: #000000,
71
- 10: #001b3c,
72
- 20: #0d315b,
73
- 25: #1b3c67,
74
- 30: #284773,
75
- 35: #35537f,
76
- 40: #425f8c,
77
- 50: #5b78a6,
78
- 60: #7592c2,
79
- 70: #8facde,
80
- 80: #aac8fb,
81
- 90: #d5e3ff,
82
- 95: #ebf1ff,
83
- 98: #f9f9ff,
84
- 99: #fdfbff,
85
- 100: #ffffff,
86
- ),
87
- secondary: (
88
- 0: #000000,
89
- 10: #111c2c,
90
- 20: #263142,
91
- 25: #313c4e,
92
- 30: #3d4759,
93
- 35: #485366,
94
- 40: #545f72,
95
- 50: #6d778c,
96
- 60: #8691a6,
97
- 70: #a1acc1,
98
- 80: #bcc7dd,
99
- 90: #d8e3fa,
100
- 95: #ebf1ff,
101
- 98: #f9f9ff,
102
- 99: #fdfbff,
103
- 100: #ffffff,
104
- ),
105
- tertiary: (
106
- 0: #000000,
107
- 10: #251a00,
108
- 20: #3f2e00,
109
- 25: #4c3903,
110
- 30: #58440e,
111
- 35: #654f19,
112
- 40: #725b24,
113
- 50: #8d743a,
114
- 60: #a88d51,
115
- 70: #c4a869,
116
- 80: #e1c381,
117
- 90: #ffdf9b,
118
- 95: #ffefd3,
119
- 98: #fff8f2,
120
- 99: #fffbff,
121
- 100: #ffffff,
122
- ),
123
- neutral: (
124
- 0: #000000,
125
- 10: #1a1c1f,
126
- 20: #2f3034,
127
- 25: #3a3b3f,
128
- 30: #46474a,
129
- 35: #515256,
130
- 40: #5d5e62,
131
- 50: #76777b,
132
- 60: #909094,
133
- 70: #ababaf,
134
- 80: #c6c6ca,
135
- 90: #e3e2e6,
136
- 95: #f1f0f4,
137
- 98: #faf9fd,
138
- 99: #fdfbff,
139
- 100: #ffffff,
140
- 4: #0d0e11,
141
- 6: #121316,
142
- 12: #1e2023,
143
- 17: #292a2d,
144
- 22: #343538,
145
- 24: #38393c,
146
- 87: #dad9de,
147
- 92: #e8e7ec,
148
- 94: #eeedf1,
149
- 96: #f4f3f7,
150
- ),
151
- neutral-variant: (
152
- 0: #000000,
153
- 10: #181c23,
154
- 20: #2d3038,
155
- 25: #383b43,
156
- 30: #43474f,
157
- 35: #4f525a,
158
- 40: #5b5e67,
159
- 50: #747780,
160
- 60: #8d9199,
161
- 70: #a8abb4,
162
- 80: #c4c6d0,
163
- 90: #e0e2ec,
164
- 95: #eef0fa,
165
- 98: #f9f9ff,
166
- 99: #fdfbff,
167
- 100: #ffffff,
168
- ),
169
- error: (
170
- 0: #000000,
171
- 10: #410002,
172
- 20: #690005,
173
- 25: #7e0007,
174
- 30: #93000a,
175
- 35: #a80710,
176
- 40: #ba1a1a,
177
- 50: #de3730,
178
- 60: #ff5449,
179
- 70: #ff897d,
180
- 80: #ffb4ab,
181
- 90: #ffdad6,
182
- 95: #ffedea,
183
- 98: #fff8f7,
184
- 99: #fffbff,
185
- 100: #ffffff,
186
- ),
187
- );
188
- @return $_palettes;
189
- }
190
-
191
- @mixin color-vars-override-light {
192
- --md-sys-color-primary: rgb(62 95 144);
193
- --md-sys-color-surface-tint: rgb(62 95 144);
194
- --md-sys-color-on-primary: rgb(255 255 255);
195
- --md-sys-color-primary-container: rgb(213 227 255);
196
- --md-sys-color-on-primary-container: rgb(0 27 60);
197
- --md-sys-color-secondary: rgb(85 95 113);
198
- --md-sys-color-on-secondary: rgb(255 255 255);
199
- --md-sys-color-secondary-container: rgb(217 227 248);
200
- --md-sys-color-on-secondary-container: rgb(18 28 43);
201
- --md-sys-color-tertiary: rgb(118 90 11);
202
- --md-sys-color-on-tertiary: rgb(255 255 255);
203
- --md-sys-color-tertiary-container: rgb(255 223 154);
204
- --md-sys-color-on-tertiary-container: rgb(37 26 0);
205
- --md-sys-color-error: rgb(186 26 26);
206
- --md-sys-color-on-error: rgb(255 255 255);
207
- --md-sys-color-error-container: rgb(255 218 214);
208
- --md-sys-color-on-error-container: rgb(65 0 2);
209
- --md-sys-color-background: rgb(249 249 255);
210
- --md-sys-color-on-background: rgb(25 28 32);
211
- --md-sys-color-surface: rgb(249 249 255);
212
- --md-sys-color-on-surface: rgb(25 28 32);
213
- --md-sys-color-surface-variant: rgb(224 226 236);
214
- --md-sys-color-on-surface-variant: rgb(67 71 78);
215
- --md-sys-color-outline: rgb(116 119 127);
216
- --md-sys-color-outline-variant: rgb(196 198 207);
217
- --md-sys-color-shadow: rgb(0 0 0);
218
- --md-sys-color-scrim: rgb(0 0 0);
219
- --md-sys-color-inverse-surface: rgb(46 48 53);
220
- --md-sys-color-inverse-on-surface: rgb(240 240 247);
221
- --md-sys-color-inverse-primary: rgb(167 200 255);
222
- --md-sys-color-primary-fixed: rgb(213 227 255);
223
- --md-sys-color-on-primary-fixed: rgb(0 27 60);
224
- --md-sys-color-primary-fixed-dim: rgb(167 200 255);
225
- --md-sys-color-on-primary-fixed-variant: rgb(36 71 119);
226
- --md-sys-color-secondary-fixed: rgb(217 227 248);
227
- --md-sys-color-on-secondary-fixed: rgb(18 28 43);
228
- --md-sys-color-secondary-fixed-dim: rgb(189 199 220);
229
- --md-sys-color-on-secondary-fixed-variant: rgb(61 71 88);
230
- --md-sys-color-tertiary-fixed: rgb(255 223 154);
231
- --md-sys-color-on-tertiary-fixed: rgb(37 26 0);
232
- --md-sys-color-tertiary-fixed-dim: rgb(232 194 108);
233
- --md-sys-color-on-tertiary-fixed-variant: rgb(90 67 0);
234
- --md-sys-color-surface-dim: rgb(217 218 224);
235
- --md-sys-color-surface-bright: rgb(249 249 255);
236
- --md-sys-color-surface-container-lowest: rgb(255 255 255);
237
- --md-sys-color-surface-container-low: rgb(243 243 250);
238
- --md-sys-color-surface-container: rgb(237 237 244);
239
- --md-sys-color-surface-container-high: rgb(231 232 238);
240
- --md-sys-color-surface-container-highest: rgb(225 226 233);
241
- }
242
-
243
- @mixin color-vars-override-dark {
244
- --md-sys-color-primary: rgb(167 200 255);
245
- --md-sys-color-surface-tint: rgb(167 200 255);
246
- --md-sys-color-on-primary: rgb(4 48 95);
247
- --md-sys-color-primary-container: rgb(36 71 119);
248
- --md-sys-color-on-primary-container: rgb(213 227 255);
249
- --md-sys-color-secondary: rgb(189 199 220);
250
- --md-sys-color-on-secondary: rgb(39 49 65);
251
- --md-sys-color-secondary-container: rgb(61 71 88);
252
- --md-sys-color-on-secondary-container: rgb(217 227 248);
253
- --md-sys-color-tertiary: rgb(232 194 108);
254
- --md-sys-color-on-tertiary: rgb(63 46 0);
255
- --md-sys-color-tertiary-container: rgb(90 67 0);
256
- --md-sys-color-on-tertiary-container: rgb(255 223 154);
257
- --md-sys-color-error: rgb(255 180 171);
258
- --md-sys-color-on-error: rgb(105 0 5);
259
- --md-sys-color-error-container: rgb(147 0 10);
260
- --md-sys-color-on-error-container: rgb(255 218 214);
261
- --md-sys-color-background: rgb(17 19 24);
262
- --md-sys-color-on-background: rgb(225 226 233);
263
- --md-sys-color-surface: rgb(17 19 24);
264
- --md-sys-color-on-surface: rgb(225 226 233);
265
- --md-sys-color-surface-variant: rgb(67 71 78);
266
- --md-sys-color-on-surface-variant: rgb(196 198 207);
267
- --md-sys-color-outline: rgb(142 145 153);
268
- --md-sys-color-outline-variant: rgb(67 71 78);
269
- --md-sys-color-shadow: rgb(0 0 0);
270
- --md-sys-color-scrim: rgb(0 0 0);
271
- --md-sys-color-inverse-surface: rgb(225 226 233);
272
- --md-sys-color-inverse-on-surface: rgb(46 48 53);
273
- --md-sys-color-inverse-primary: rgb(62 95 144);
274
- --md-sys-color-primary-fixed: rgb(213 227 255);
275
- --md-sys-color-on-primary-fixed: rgb(0 27 60);
276
- --md-sys-color-primary-fixed-dim: rgb(167 200 255);
277
- --md-sys-color-on-primary-fixed-variant: rgb(36 71 119);
278
- --md-sys-color-secondary-fixed: rgb(217 227 248);
279
- --md-sys-color-on-secondary-fixed: rgb(18 28 43);
280
- --md-sys-color-secondary-fixed-dim: rgb(189 199 220);
281
- --md-sys-color-on-secondary-fixed-variant: rgb(61 71 88);
282
- --md-sys-color-tertiary-fixed: rgb(255 223 154);
283
- --md-sys-color-on-tertiary-fixed: rgb(37 26 0);
284
- --md-sys-color-tertiary-fixed-dim: rgb(232 194 108);
285
- --md-sys-color-on-tertiary-fixed-variant: rgb(90 67 0);
286
- --md-sys-color-surface-dim: rgb(17 19 24);
287
- --md-sys-color-surface-bright: rgb(55 57 62);
288
- --md-sys-color-surface-container-lowest: rgb(12 14 19);
289
- --md-sys-color-surface-container-low: rgb(25 28 32);
290
- --md-sys-color-surface-container: rgb(29 32 36);
291
- --md-sys-color-surface-container-high: rgb(40 42 47);
292
- --md-sys-color-surface-container-highest: rgb(51 53 58);
293
- }
294
-
295
- @function get-palettes-variant-1() {
296
- // Note: Color palettes are generated from primary: #002852, tertiary: #BB9F61
297
- $_palettes: (
298
- primary: (
299
- 0: #000000,
300
- 10: #001b3c,
301
- 20: #0d315b,
302
- 25: #1b3c67,
303
- 30: #284773,
304
- 35: #35537f,
305
- 40: #425f8c,
306
- 50: #5b78a6,
307
- 60: #7592c2,
308
- 70: #8facde,
309
- 80: #aac8fb,
310
- 90: #d5e3ff,
311
- 95: #ebf1ff,
312
- 98: #f9f9ff,
313
- 99: #fdfbff,
314
- 100: #ffffff,
315
- ),
316
- secondary: (
317
- 0: #000000,
318
- 10: #111c2c,
319
- 20: #263142,
320
- 25: #313c4e,
321
- 30: #3d4759,
322
- 35: #485366,
323
- 40: #545f72,
324
- 50: #6d778c,
325
- 60: #8691a6,
326
- 70: #a1acc1,
327
- 80: #bcc7dd,
328
- 90: #d8e3fa,
329
- 95: #ebf1ff,
330
- 98: #f9f9ff,
331
- 99: #fdfbff,
332
- 100: #ffffff,
333
- ),
334
- tertiary: (
335
- 0: #000000,
336
- 10: #251a00,
337
- 20: #3f2e00,
338
- 25: #4c3903,
339
- 30: #58440e,
340
- 35: #654f19,
341
- 40: #725b24,
342
- 50: #8d743a,
343
- 60: #a88d51,
344
- 70: #c4a869,
345
- 80: #e1c381,
346
- 90: #ffdf9b,
347
- 95: #ffefd3,
348
- 98: #fff8f2,
349
- 99: #fffbff,
350
- 100: #ffffff,
351
- ),
352
- neutral: (
353
- 0: #000000,
354
- 10: #1a1c1f,
355
- 20: #2f3034,
356
- 25: #3a3b3f,
357
- 30: #46474a,
358
- 35: #515256,
359
- 40: #5d5e62,
360
- 50: #76777b,
361
- 60: #909094,
362
- 70: #ababaf,
363
- 80: #c6c6ca,
364
- 90: #e3e2e6,
365
- 95: #f1f0f4,
366
- 98: #faf9fd,
367
- 99: #fdfbff,
368
- 100: #ffffff,
369
- 4: #0d0e11,
370
- 6: #121316,
371
- 12: #1e2023,
372
- 17: #292a2d,
373
- 22: #343538,
374
- 24: #38393c,
375
- 87: #dad9de,
376
- 92: #e8e7ec,
377
- 94: #eeedf1,
378
- 96: #f4f3f7,
379
- ),
380
- neutral-variant: (
381
- 0: #000000,
382
- 10: #181c23,
383
- 20: #2d3038,
384
- 25: #383b43,
385
- 30: #43474f,
386
- 35: #4f525a,
387
- 40: #5b5e67,
388
- 50: #747780,
389
- 60: #8d9199,
390
- 70: #a8abb4,
391
- 80: #c4c6d0,
392
- 90: #e0e2ec,
393
- 95: #eef0fa,
394
- 98: #f9f9ff,
395
- 99: #fdfbff,
396
- 100: #ffffff,
397
- ),
398
- error: (
399
- 0: #000000,
400
- 10: #410002,
401
- 20: #690005,
402
- 25: #7e0007,
403
- 30: #93000a,
404
- 35: #a80710,
405
- 40: #ba1a1a,
406
- 50: #de3730,
407
- 60: #ff5449,
408
- 70: #ff897d,
409
- 80: #ffb4ab,
410
- 90: #ffdad6,
411
- 95: #ffedea,
412
- 98: #fff8f7,
413
- 99: #fffbff,
414
- 100: #ffffff,
415
- ),
416
- );
417
- @return $_palettes;
418
- }
419
-
420
- @mixin color-vars-override-light-variant-1 {
421
- --md-sys-color-primary: rgb(0 23 51);
422
- --md-sys-color-surface-tint: rgb(66 95 140);
423
- --md-sys-color-on-primary: rgb(255 255 255);
424
- --md-sys-color-primary-container: rgb(21 54 97);
425
- --md-sys-color-on-primary-container: rgb(170 200 250);
426
- --md-sys-color-secondary: rgb(84 95 114);
427
- --md-sys-color-on-secondary: rgb(255 255 255);
428
- --md-sys-color-secondary-container: rgb(220 231 254);
429
- --md-sys-color-on-secondary-container: rgb(64 75 93);
430
- --md-sys-color-tertiary: rgb(114 91 36);
431
- --md-sys-color-on-tertiary: rgb(255 255 255);
432
- --md-sys-color-tertiary-container: rgb(199 170 107);
433
- --md-sys-color-on-tertiary-container: rgb(46 32 0);
434
- --md-sys-color-error: rgb(186 26 26);
435
- --md-sys-color-on-error: rgb(255 255 255);
436
- --md-sys-color-error-container: rgb(255 218 214);
437
- --md-sys-color-on-error-container: rgb(65 0 2);
438
- --md-sys-color-background: rgb(250 249 253);
439
- --md-sys-color-on-background: rgb(26 28 31);
440
- --md-sys-color-surface: rgb(250 249 253);
441
- --md-sys-color-on-surface: rgb(26 28 31);
442
- --md-sys-color-surface-variant: rgb(224 226 236);
443
- --md-sys-color-on-surface-variant: rgb(67 71 79);
444
- --md-sys-color-outline: rgb(116 119 128);
445
- --md-sys-color-outline-variant: rgb(196 198 208);
446
- --md-sys-color-shadow: rgb(0 0 0);
447
- --md-sys-color-scrim: rgb(0 0 0);
448
- --md-sys-color-inverse-surface: rgb(47 48 52);
449
- --md-sys-color-inverse-on-surface: rgb(241 240 244);
450
- --md-sys-color-inverse-primary: rgb(170 200 251);
451
- --md-sys-color-primary-fixed: rgb(213 227 255);
452
- --md-sys-color-on-primary-fixed: rgb(0 27 60);
453
- --md-sys-color-primary-fixed-dim: rgb(170 200 251);
454
- --md-sys-color-on-primary-fixed-variant: rgb(40 71 115);
455
- --md-sys-color-secondary-fixed: rgb(216 227 250);
456
- --md-sys-color-on-secondary-fixed: rgb(17 28 44);
457
- --md-sys-color-secondary-fixed-dim: rgb(188 199 221);
458
- --md-sys-color-on-secondary-fixed-variant: rgb(61 71 89);
459
- --md-sys-color-tertiary-fixed: rgb(255 223 155);
460
- --md-sys-color-on-tertiary-fixed: rgb(37 26 0);
461
- --md-sys-color-tertiary-fixed-dim: rgb(225 195 129);
462
- --md-sys-color-on-tertiary-fixed-variant: rgb(88 68 14);
463
- --md-sys-color-surface-dim: rgb(218 217 222);
464
- --md-sys-color-surface-bright: rgb(250 249 253);
465
- --md-sys-color-surface-container-lowest: rgb(255 255 255);
466
- --md-sys-color-surface-container-low: rgb(244 243 247);
467
- --md-sys-color-surface-container: rgb(238 237 241);
468
- --md-sys-color-surface-container-high: rgb(232 231 236);
469
- --md-sys-color-surface-container-highest: rgb(227 226 230);
470
- }
471
-
472
- @mixin color-vars-override-dark-variant-1 {
473
- --md-sys-color-primary: rgb(170 200 251);
474
- --md-sys-color-surface-tint: rgb(170 200 251);
475
- --md-sys-color-on-primary: rgb(13 49 91);
476
- --md-sys-color-primary-container: rgb(0 32 67);
477
- --md-sys-color-on-primary-container: rgb(143 172 221);
478
- --md-sys-color-secondary: rgb(188 199 221);
479
- --md-sys-color-on-secondary: rgb(38 49 66);
480
- --md-sys-color-secondary-container: rgb(53 63 81);
481
- --md-sys-color-on-secondary-container: rgb(201 212 234);
482
- --md-sys-color-tertiary: rgb(225 195 129);
483
- --md-sys-color-on-tertiary: rgb(63 46 0);
484
- --md-sys-color-tertiary-container: rgb(179 152 90);
485
- --md-sys-color-on-tertiary-container: rgb(17 10 0);
486
- --md-sys-color-error: rgb(255 180 171);
487
- --md-sys-color-on-error: rgb(105 0 5);
488
- --md-sys-color-error-container: rgb(147 0 10);
489
- --md-sys-color-on-error-container: rgb(255 218 214);
490
- --md-sys-color-background: rgb(18 19 22);
491
- --md-sys-color-on-background: rgb(227 226 230);
492
- --md-sys-color-surface: rgb(18 19 22);
493
- --md-sys-color-on-surface: rgb(227 226 230);
494
- --md-sys-color-surface-variant: rgb(67 71 79);
495
- --md-sys-color-on-surface-variant: rgb(196 198 208);
496
- --md-sys-color-outline: rgb(141 145 153);
497
- --md-sys-color-outline-variant: rgb(67 71 79);
498
- --md-sys-color-shadow: rgb(0 0 0);
499
- --md-sys-color-scrim: rgb(0 0 0);
500
- --md-sys-color-inverse-surface: rgb(227 226 230);
501
- --md-sys-color-inverse-on-surface: rgb(47 48 52);
502
- --md-sys-color-inverse-primary: rgb(66 95 140);
503
- --md-sys-color-primary-fixed: rgb(213 227 255);
504
- --md-sys-color-on-primary-fixed: rgb(0 27 60);
505
- --md-sys-color-primary-fixed-dim: rgb(170 200 251);
506
- --md-sys-color-on-primary-fixed-variant: rgb(40 71 115);
507
- --md-sys-color-secondary-fixed: rgb(216 227 250);
508
- --md-sys-color-on-secondary-fixed: rgb(17 28 44);
509
- --md-sys-color-secondary-fixed-dim: rgb(188 199 221);
510
- --md-sys-color-on-secondary-fixed-variant: rgb(61 71 89);
511
- --md-sys-color-tertiary-fixed: rgb(255 223 155);
512
- --md-sys-color-on-tertiary-fixed: rgb(37 26 0);
513
- --md-sys-color-tertiary-fixed-dim: rgb(225 195 129);
514
- --md-sys-color-on-tertiary-fixed-variant: rgb(88 68 14);
515
- --md-sys-color-surface-dim: rgb(18 19 22);
516
- --md-sys-color-surface-bright: rgb(56 57 60);
517
- --md-sys-color-surface-container-lowest: rgb(13 14 17);
518
- --md-sys-color-surface-container-low: rgb(26 28 31);
519
- --md-sys-color-surface-container: rgb(30 32 35);
520
- --md-sys-color-surface-container-high: rgb(41 42 45);
521
- --md-sys-color-surface-container-highest: rgb(52 53 56);
522
- }
523
-
524
- @function get-palettes-variant-2() {
525
- // Note: Color palettes are generated from primary: #002852, tertiary: #BB9F61
526
- $_palettes: (
527
- primary: (
528
- 0: #000000,
529
- 10: #001b3c,
530
- 20: #0d315b,
531
- 25: #1b3c67,
532
- 30: #284773,
533
- 35: #35537f,
534
- 40: #425f8c,
535
- 50: #5b78a6,
536
- 60: #7592c2,
537
- 70: #8facde,
538
- 80: #aac8fb,
539
- 90: #d5e3ff,
540
- 95: #ebf1ff,
541
- 98: #f9f9ff,
542
- 99: #fdfbff,
543
- 100: #ffffff,
544
- ),
545
- secondary: (
546
- 0: #000000,
547
- 10: #111c2c,
548
- 20: #263142,
549
- 25: #313c4e,
550
- 30: #3d4759,
551
- 35: #485366,
552
- 40: #545f72,
553
- 50: #6d778c,
554
- 60: #8691a6,
555
- 70: #a1acc1,
556
- 80: #bcc7dd,
557
- 90: #d8e3fa,
558
- 95: #ebf1ff,
559
- 98: #f9f9ff,
560
- 99: #fdfbff,
561
- 100: #ffffff,
562
- ),
563
- tertiary: (
564
- 0: #000000,
565
- 10: #251a00,
566
- 20: #3f2e00,
567
- 25: #4c3903,
568
- 30: #58440e,
569
- 35: #654f19,
570
- 40: #725b24,
571
- 50: #8d743a,
572
- 60: #a88d51,
573
- 70: #c4a869,
574
- 80: #e1c381,
575
- 90: #ffdf9b,
576
- 95: #ffefd3,
577
- 98: #fff8f2,
578
- 99: #fffbff,
579
- 100: #ffffff,
580
- ),
581
- neutral: (
582
- 0: #000000,
583
- 10: #1a1c1f,
584
- 20: #2f3034,
585
- 25: #3a3b3f,
586
- 30: #46474a,
587
- 35: #515256,
588
- 40: #5d5e62,
589
- 50: #76777b,
590
- 60: #909094,
591
- 70: #ababaf,
592
- 80: #c6c6ca,
593
- 90: #e3e2e6,
594
- 95: #f1f0f4,
595
- 98: #faf9fd,
596
- 99: #fdfbff,
597
- 100: #ffffff,
598
- 4: #0d0e11,
599
- 6: #121316,
600
- 12: #1e2023,
601
- 17: #292a2d,
602
- 22: #343538,
603
- 24: #38393c,
604
- 87: #dad9de,
605
- 92: #e8e7ec,
606
- 94: #eeedf1,
607
- 96: #f4f3f7,
608
- ),
609
- neutral-variant: (
610
- 0: #000000,
611
- 10: #181c23,
612
- 20: #2d3038,
613
- 25: #383b43,
614
- 30: #43474f,
615
- 35: #4f525a,
616
- 40: #5b5e67,
617
- 50: #747780,
618
- 60: #8d9199,
619
- 70: #a8abb4,
620
- 80: #c4c6d0,
621
- 90: #e0e2ec,
622
- 95: #eef0fa,
623
- 98: #f9f9ff,
624
- 99: #fdfbff,
625
- 100: #ffffff,
626
- ),
627
- error: (
628
- 0: #000000,
629
- 10: #410002,
630
- 20: #690005,
631
- 25: #7e0007,
632
- 30: #93000a,
633
- 35: #a80710,
634
- 40: #ba1a1a,
635
- 50: #de3730,
636
- 60: #ff5449,
637
- 70: #ff897d,
638
- 80: #ffb4ab,
639
- 90: #ffdad6,
640
- 95: #ffedea,
641
- 98: #fff8f7,
642
- 99: #fffbff,
643
- 100: #ffffff,
644
- ),
645
- );
646
- @return $_palettes;
647
- }
648
-
649
- @mixin color-vars-override-light-variant-2 {
650
- --md-sys-color-primary: rgb(0 23 51);
651
- --md-sys-color-primary: #0b284f; // hard coded original elder dark blue override
652
- --md-sys-color-surface-tint: rgb(66 95 140);
653
- --md-sys-color-on-primary: rgb(255 255 255);
654
- --md-sys-color-primary-container: rgb(21 54 97);
655
- --md-sys-color-on-primary-container: rgb(170 200 250);
656
- --md-sys-color-secondary: rgb(84 95 114);
657
- --md-sys-color-on-secondary: rgb(255 255 255);
658
- --md-sys-color-secondary-container: rgb(220 231 254);
659
- --md-sys-color-on-secondary-container: rgb(64 75 93);
660
- --md-sys-color-tertiary: rgb(114 91 36);
661
- --md-sys-color-tertiary: #b69f6a; // hard coded original elder gold override
662
- --md-sys-color-on-tertiary: rgb(255 255 255);
663
- --md-sys-color-on-tertiary: rgb(26 28 31); // dark contrast text override
664
- --md-sys-color-tertiary-container: rgb(199 170 107);
665
- --md-sys-color-on-tertiary-container: rgb(46 32 0);
666
- --md-sys-color-error: rgb(186 26 26);
667
- --md-sys-color-on-error: rgb(255 255 255);
668
- --md-sys-color-error-container: rgb(255 218 214);
669
- --md-sys-color-on-error-container: rgb(65 0 2);
670
- --md-sys-color-background: rgb(250 249 253);
671
- --md-sys-color-on-background: rgb(26 28 31);
672
- --md-sys-color-surface: rgb(250 249 253);
673
- --md-sys-color-on-surface: rgb(26 28 31);
674
- --md-sys-color-surface-variant: rgb(224 226 236);
675
- --md-sys-color-on-surface-variant: rgb(67 71 79);
676
- --md-sys-color-outline: rgb(116 119 128);
677
- --md-sys-color-outline-variant: rgb(196 198 208);
678
- --md-sys-color-shadow: rgb(0 0 0);
679
- --md-sys-color-scrim: rgb(0 0 0);
680
- --md-sys-color-inverse-surface: rgb(47 48 52);
681
- --md-sys-color-inverse-on-surface: rgb(241 240 244);
682
- --md-sys-color-inverse-primary: rgb(170 200 251);
683
- --md-sys-color-primary-fixed: rgb(213 227 255);
684
- --md-sys-color-on-primary-fixed: rgb(0 27 60);
685
- --md-sys-color-primary-fixed-dim: rgb(170 200 251);
686
- --md-sys-color-on-primary-fixed-variant: rgb(40 71 115);
687
- --md-sys-color-secondary-fixed: rgb(216 227 250);
688
- --md-sys-color-on-secondary-fixed: rgb(17 28 44);
689
- --md-sys-color-secondary-fixed-dim: rgb(188 199 221);
690
- --md-sys-color-on-secondary-fixed-variant: rgb(61 71 89);
691
- --md-sys-color-tertiary-fixed: rgb(255 223 155);
692
- --md-sys-color-on-tertiary-fixed: rgb(37 26 0);
693
- --md-sys-color-tertiary-fixed-dim: rgb(225 195 129);
694
- --md-sys-color-on-tertiary-fixed-variant: rgb(88 68 14);
695
- --md-sys-color-surface-dim: rgb(218 217 222);
696
- --md-sys-color-surface-bright: rgb(250 249 253);
697
- --md-sys-color-surface-container-lowest: rgb(255 255 255);
698
- --md-sys-color-surface-container-low: rgb(244 243 247);
699
- --md-sys-color-surface-container: rgb(238 237 241);
700
- --md-sys-color-surface-container-high: rgb(232 231 236);
701
- --md-sys-color-surface-container-highest: rgb(227 226 230);
702
- }
703
-
704
- @mixin color-vars-override-dark-variant-2 {
705
- --md-sys-color-primary: rgb(170 200 251);
706
- --md-sys-color-surface-tint: rgb(170 200 251);
707
- --md-sys-color-on-primary: rgb(13 49 91);
708
- --md-sys-color-primary-container: rgb(0 32 67);
709
- --md-sys-color-on-primary-container: rgb(143 172 221);
710
- --md-sys-color-secondary: rgb(188 199 221);
711
- --md-sys-color-on-secondary: rgb(38 49 66);
712
- --md-sys-color-secondary-container: rgb(53 63 81);
713
- --md-sys-color-on-secondary-container: rgb(201 212 234);
714
- --md-sys-color-tertiary: rgb(225 195 129);
715
- --md-sys-color-on-tertiary: rgb(63 46 0);
716
- --md-sys-color-tertiary-container: rgb(179 152 90);
717
- --md-sys-color-on-tertiary-container: rgb(17 10 0);
718
- --md-sys-color-error: rgb(255 180 171);
719
- --md-sys-color-on-error: rgb(105 0 5);
720
- --md-sys-color-error-container: rgb(147 0 10);
721
- --md-sys-color-on-error-container: rgb(255 218 214);
722
- --md-sys-color-background: rgb(18 19 22);
723
- --md-sys-color-on-background: rgb(227 226 230);
724
- --md-sys-color-surface: rgb(18 19 22);
725
- --md-sys-color-on-surface: rgb(227 226 230);
726
- --md-sys-color-surface-variant: rgb(67 71 79);
727
- --md-sys-color-on-surface-variant: rgb(196 198 208);
728
- --md-sys-color-outline: rgb(141 145 153);
729
- --md-sys-color-outline-variant: rgb(67 71 79);
730
- --md-sys-color-shadow: rgb(0 0 0);
731
- --md-sys-color-scrim: rgb(0 0 0);
732
- --md-sys-color-inverse-surface: rgb(227 226 230);
733
- --md-sys-color-inverse-on-surface: rgb(47 48 52);
734
- --md-sys-color-inverse-primary: rgb(66 95 140);
735
- --md-sys-color-primary-fixed: rgb(213 227 255);
736
- --md-sys-color-on-primary-fixed: rgb(0 27 60);
737
- --md-sys-color-primary-fixed-dim: rgb(170 200 251);
738
- --md-sys-color-on-primary-fixed-variant: rgb(40 71 115);
739
- --md-sys-color-secondary-fixed: rgb(216 227 250);
740
- --md-sys-color-on-secondary-fixed: rgb(17 28 44);
741
- --md-sys-color-secondary-fixed-dim: rgb(188 199 221);
742
- --md-sys-color-on-secondary-fixed-variant: rgb(61 71 89);
743
- --md-sys-color-tertiary-fixed: rgb(255 223 155);
744
- --md-sys-color-on-tertiary-fixed: rgb(37 26 0);
745
- --md-sys-color-tertiary-fixed-dim: rgb(225 195 129);
746
- --md-sys-color-on-tertiary-fixed-variant: rgb(88 68 14);
747
- --md-sys-color-surface-dim: rgb(18 19 22);
748
- --md-sys-color-surface-bright: rgb(56 57 60);
749
- --md-sys-color-surface-container-lowest: rgb(13 14 17);
750
- --md-sys-color-surface-container-low: rgb(26 28 31);
751
- --md-sys-color-surface-container: rgb(30 32 35);
752
- --md-sys-color-surface-container-high: rgb(41 42 45);
753
- --md-sys-color-surface-container-highest: rgb(52 53 56);
754
- }
755
-
756
- @function get-palettes-variant-3() {
757
- // Note: Color palettes are generated from primary: #00378F, tertiary: #ACACFF
758
- $_palettes: (
759
- primary: (
760
- 0: #000000,
761
- 10: #001848,
762
- 20: #002b74,
763
- 25: #00358b,
764
- 30: #144199,
765
- 35: #264da5,
766
- 40: #345ab2,
767
- 50: #5073cd,
768
- 60: #6b8de9,
769
- 70: #89a9ff,
770
- 80: #b2c5ff,
771
- 90: #dae2ff,
772
- 95: #eef0ff,
773
- 98: #faf8ff,
774
- 99: #fefbff,
775
- 100: #ffffff,
776
- ),
777
- secondary: (
778
- 0: #000000,
779
- 10: #0d1a3a,
780
- 20: #232f50,
781
- 25: #2e3a5c,
782
- 30: #3a4668,
783
- 35: #455174,
784
- 40: #515d81,
785
- 50: #6a769b,
786
- 60: #8490b6,
787
- 70: #9eaad2,
788
- 80: #b9c5ee,
789
- 90: #dae2ff,
790
- 95: #eef0ff,
791
- 98: #faf8ff,
792
- 99: #fefbff,
793
- 100: #ffffff,
794
- ),
795
- tertiary: (
796
- 0: #000000,
797
- 10: #100b5c,
798
- 20: #272671,
799
- 25: #32327c,
800
- 30: #3e3e89,
801
- 35: #4a4a95,
802
- 40: #5656a2,
803
- 50: #6f6fbd,
804
- 60: #8989d9,
805
- 70: #a3a3f6,
806
- 80: #c2c1ff,
807
- 90: #e2dfff,
808
- 95: #f2efff,
809
- 98: #fcf8ff,
810
- 99: #fffbff,
811
- 100: #ffffff,
812
- ),
813
- neutral: (
814
- 0: #000000,
815
- 10: #1a1b21,
816
- 20: #2f3036,
817
- 25: #3a3b41,
818
- 30: #45464d,
819
- 35: #515259,
820
- 40: #5d5e65,
821
- 50: #76777e,
822
- 60: #909097,
823
- 70: #aaaab2,
824
- 80: #c6c6ce,
825
- 90: #e2e2ea,
826
- 95: #f1f0f8,
827
- 98: #faf8ff,
828
- 99: #fefbff,
829
- 100: #ffffff,
830
- 4: #0c0e13,
831
- 6: #121319,
832
- 12: #1e1f25,
833
- 17: #282a30,
834
- 22: #33343b,
835
- 24: #38393f,
836
- 87: #dad9e1,
837
- 92: #e8e7ef,
838
- 94: #eeedf5,
839
- 96: #f4f3fb,
840
- ),
841
- neutral-variant: (
842
- 0: #000000,
843
- 10: #181b25,
844
- 20: #2d303b,
845
- 25: #383b46,
846
- 30: #434652,
847
- 35: #4f525e,
848
- 40: #5b5e6a,
849
- 50: #747683,
850
- 60: #8e909d,
851
- 70: #a8aab8,
852
- 80: #c4c6d4,
853
- 90: #e0e2f0,
854
- 95: #eef0fe,
855
- 98: #faf8ff,
856
- 99: #fefbff,
857
- 100: #ffffff,
858
- ),
859
- error: (
860
- 0: #000000,
861
- 10: #410002,
862
- 20: #690005,
863
- 25: #7e0007,
864
- 30: #93000a,
865
- 35: #a80710,
866
- 40: #ba1a1a,
867
- 50: #de3730,
868
- 60: #ff5449,
869
- 70: #ff897d,
870
- 80: #ffb4ab,
871
- 90: #ffdad6,
872
- 95: #ffedea,
873
- 98: #fff8f7,
874
- 99: #fffbff,
875
- 100: #ffffff,
876
- ),
877
- );
878
- @return $_palettes;
879
- }