Andreas Reinhold / reiniandClaude Opus 5
21bea9646d
Indigo (the default), Blue, Teal, Green, Amber, Rose and Violet in the Vibrant style and Graphite in the Neutral style are generated from config into the stylesheet. Admin settings opens with a colour profile card: a swatch previews the profile on the page, and Save Settings stores it as color_profile, which AppServiceProvider hands to the package's resolver, so every page, mail and error page wears it. An unknown profile is refused, and a saved one that disappears falls back to indigo. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01V9NnLxnPp8vaaurb3Z1MFy
1307 lines
54 KiB
CSS
1307 lines
54 KiB
CSS
/*
|
|
* Material 3 colour profiles, generated by Google's material-color-utilities (spec 2025).
|
|
*
|
|
* php artisan material:scheme
|
|
*
|
|
* From livewire-material.profiles. "indigo" is the default, and also stands without a
|
|
* data-scheme attribute:
|
|
*
|
|
* indigo #4f46e5, vibrant
|
|
* blue #0b57d0, vibrant
|
|
* teal #00897b, vibrant
|
|
* green #2e7d32, vibrant
|
|
* amber #e8710a, vibrant
|
|
* rose #c2185b, vibrant
|
|
* violet #6750a4, vibrant
|
|
* graphite #5f6368, neutral
|
|
*
|
|
* Regenerate rather than editing a value: every pair here (a role and its on-role) carries
|
|
* M3's contrast guarantee only as generated. The head script sets data-theme and data-scheme
|
|
* before the first paint.
|
|
*/
|
|
|
|
:root,
|
|
[data-theme='light'] {
|
|
color-scheme: light;
|
|
|
|
--md-sys-color-background: #faf4ff;
|
|
--md-sys-color-on-background: #32294f;
|
|
--md-sys-color-surface: #faf4ff;
|
|
--md-sys-color-surface-dim: #dacdff;
|
|
--md-sys-color-surface-bright: #faf4ff;
|
|
--md-sys-color-surface-container-lowest: #ffffff;
|
|
--md-sys-color-surface-container-low: #f5eeff;
|
|
--md-sys-color-surface-container: #ede4ff;
|
|
--md-sys-color-surface-container-high: #e8deff;
|
|
--md-sys-color-surface-container-highest: #e2d7ff;
|
|
--md-sys-color-on-surface: #32294f;
|
|
--md-sys-color-on-surface-variant: #5f557f;
|
|
--md-sys-color-outline: #7b719c;
|
|
--md-sys-color-outline-variant: #b2a6d5;
|
|
--md-sys-color-inverse-surface: #10062d;
|
|
--md-sys-color-inverse-on-surface: #a296c4;
|
|
--md-sys-color-primary: #4a3fe2;
|
|
--md-sys-color-primary-dim: #3d2fd6;
|
|
--md-sys-color-on-primary: #f4f1ff;
|
|
--md-sys-color-primary-container: #9795ff;
|
|
--md-sys-color-on-primary-container: #14007e;
|
|
--md-sys-color-primary-fixed: #9795ff;
|
|
--md-sys-color-primary-fixed-dim: #8885ff;
|
|
--md-sys-color-on-primary-fixed: #000000;
|
|
--md-sys-color-on-primary-fixed-variant: #1a0099;
|
|
--md-sys-color-inverse-primary: #8582ff;
|
|
--md-sys-color-secondary: #6249b2;
|
|
--md-sys-color-secondary-dim: #563ca5;
|
|
--md-sys-color-on-secondary: #f7f0ff;
|
|
--md-sys-color-secondary-container: #d8caff;
|
|
--md-sys-color-on-secondary-container: #4e339c;
|
|
--md-sys-color-secondary-fixed: #d8caff;
|
|
--md-sys-color-secondary-fixed-dim: #cbbaff;
|
|
--md-sys-color-on-secondary-fixed: #3a1b88;
|
|
--md-sys-color-on-secondary-fixed-variant: #573da6;
|
|
--md-sys-color-tertiary: #983772;
|
|
--md-sys-color-tertiary-dim: #892a65;
|
|
--md-sys-color-on-tertiary: #ffeff4;
|
|
--md-sys-color-tertiary-container: #fd8bca;
|
|
--md-sys-color-on-tertiary-container: #610244;
|
|
--md-sys-color-tertiary-fixed: #fd8bca;
|
|
--md-sys-color-tertiary-fixed-dim: #ee7ebc;
|
|
--md-sys-color-on-tertiary-fixed: #360024;
|
|
--md-sys-color-on-tertiary-fixed-variant: #6d104e;
|
|
--md-sys-color-error: #b41340;
|
|
--md-sys-color-error-dim: #a20036;
|
|
--md-sys-color-on-error: #ffefef;
|
|
--md-sys-color-error-container: #f74b6d;
|
|
--md-sys-color-on-error-container: #510017;
|
|
--md-sys-color-success: #006c45;
|
|
--md-sys-color-on-success: #ffffff;
|
|
--md-sys-color-success-container: #86f9bc;
|
|
--md-sys-color-on-success-container: #002112;
|
|
--md-sys-color-warning: #7c5800;
|
|
--md-sys-color-on-warning: #ffffff;
|
|
--md-sys-color-warning-container: #ffdea6;
|
|
--md-sys-color-on-warning-container: #271900;
|
|
--md-sys-color-info: #005ac4;
|
|
--md-sys-color-on-info: #ffffff;
|
|
--md-sys-color-info-container: #d8e2ff;
|
|
--md-sys-color-on-info-container: #001a42;
|
|
--md-sys-color-inverse-error: #ff6e84;
|
|
--md-sys-color-inverse-success: #69dca1;
|
|
--md-sys-color-inverse-warning: #fdbb28;
|
|
--md-sys-color-inverse-info: #aec6ff;
|
|
}
|
|
|
|
[data-theme='dark'] {
|
|
color-scheme: dark;
|
|
|
|
--md-sys-color-background: #10062d;
|
|
--md-sys-color-on-background: #eae1ff;
|
|
--md-sys-color-surface: #10062d;
|
|
--md-sys-color-surface-dim: #10062d;
|
|
--md-sys-color-surface-bright: #30215d;
|
|
--md-sys-color-surface-container-lowest: #000000;
|
|
--md-sys-color-surface-container-low: #160b36;
|
|
--md-sys-color-surface-container: #1c113f;
|
|
--md-sys-color-surface-container-high: #231649;
|
|
--md-sys-color-surface-container-highest: #291c53;
|
|
--md-sys-color-on-surface: #eae1ff;
|
|
--md-sys-color-on-surface-variant: #b0a4d3;
|
|
--md-sys-color-outline: #7a6f9b;
|
|
--md-sys-color-outline-variant: #4b426a;
|
|
--md-sys-color-inverse-surface: #fdf7ff;
|
|
--md-sys-color-inverse-on-surface: #594f78;
|
|
--md-sys-color-primary: #a7a5ff;
|
|
--md-sys-color-primary-dim: #645dfc;
|
|
--md-sys-color-on-primary: #1c00a0;
|
|
--md-sys-color-primary-container: #9795ff;
|
|
--md-sys-color-on-primary-container: #14007e;
|
|
--md-sys-color-primary-fixed: #9795ff;
|
|
--md-sys-color-primary-fixed-dim: #8885ff;
|
|
--md-sys-color-on-primary-fixed: #000000;
|
|
--md-sys-color-on-primary-fixed-variant: #1a0099;
|
|
--md-sys-color-inverse-primary: #4d44e6;
|
|
--md-sys-color-secondary: #a98ffd;
|
|
--md-sys-color-secondary-dim: #a68dfa;
|
|
--md-sys-color-on-secondary: #280072;
|
|
--md-sys-color-secondary-container: #4d329b;
|
|
--md-sys-color-on-secondary-container: #d6c9ff;
|
|
--md-sys-color-secondary-fixed: #d8caff;
|
|
--md-sys-color-secondary-fixed-dim: #cbbaff;
|
|
--md-sys-color-on-secondary-fixed: #3a1b88;
|
|
--md-sys-color-on-secondary-fixed-variant: #573da6;
|
|
--md-sys-color-tertiary: #ff9dd1;
|
|
--md-sys-color-tertiary-dim: #fa88c8;
|
|
--md-sys-color-on-tertiary: #6c0f4d;
|
|
--md-sys-color-tertiary-container: #fa88c8;
|
|
--md-sys-color-on-tertiary-container: #5e0042;
|
|
--md-sys-color-tertiary-fixed: #fd8bca;
|
|
--md-sys-color-tertiary-fixed-dim: #ee7ebc;
|
|
--md-sys-color-on-tertiary-fixed: #360024;
|
|
--md-sys-color-on-tertiary-fixed-variant: #6d104e;
|
|
--md-sys-color-error: #ff6e84;
|
|
--md-sys-color-error-dim: #d73357;
|
|
--md-sys-color-on-error: #490013;
|
|
--md-sys-color-error-container: #a70138;
|
|
--md-sys-color-on-error-container: #ffb2b9;
|
|
--md-sys-color-success: #69dca1;
|
|
--md-sys-color-on-success: #003822;
|
|
--md-sys-color-success-container: #005233;
|
|
--md-sys-color-on-success-container: #86f9bc;
|
|
--md-sys-color-warning: #fdbb28;
|
|
--md-sys-color-on-warning: #412d00;
|
|
--md-sys-color-warning-container: #5e4200;
|
|
--md-sys-color-on-warning-container: #ffdea6;
|
|
--md-sys-color-info: #aec6ff;
|
|
--md-sys-color-on-info: #002e6a;
|
|
--md-sys-color-info-container: #004396;
|
|
--md-sys-color-on-info-container: #d8e2ff;
|
|
--md-sys-color-inverse-error: #b41340;
|
|
--md-sys-color-inverse-success: #006c45;
|
|
--md-sys-color-inverse-warning: #7c5800;
|
|
--md-sys-color-inverse-info: #005ac4;
|
|
}
|
|
|
|
[data-scheme='indigo'],
|
|
[data-scheme='indigo'][data-theme='light'],
|
|
[data-scheme='indigo'] [data-theme='light'] {
|
|
color-scheme: light;
|
|
|
|
--md-sys-color-background: #faf4ff;
|
|
--md-sys-color-on-background: #32294f;
|
|
--md-sys-color-surface: #faf4ff;
|
|
--md-sys-color-surface-dim: #dacdff;
|
|
--md-sys-color-surface-bright: #faf4ff;
|
|
--md-sys-color-surface-container-lowest: #ffffff;
|
|
--md-sys-color-surface-container-low: #f5eeff;
|
|
--md-sys-color-surface-container: #ede4ff;
|
|
--md-sys-color-surface-container-high: #e8deff;
|
|
--md-sys-color-surface-container-highest: #e2d7ff;
|
|
--md-sys-color-on-surface: #32294f;
|
|
--md-sys-color-on-surface-variant: #5f557f;
|
|
--md-sys-color-outline: #7b719c;
|
|
--md-sys-color-outline-variant: #b2a6d5;
|
|
--md-sys-color-inverse-surface: #10062d;
|
|
--md-sys-color-inverse-on-surface: #a296c4;
|
|
--md-sys-color-primary: #4a3fe2;
|
|
--md-sys-color-primary-dim: #3d2fd6;
|
|
--md-sys-color-on-primary: #f4f1ff;
|
|
--md-sys-color-primary-container: #9795ff;
|
|
--md-sys-color-on-primary-container: #14007e;
|
|
--md-sys-color-primary-fixed: #9795ff;
|
|
--md-sys-color-primary-fixed-dim: #8885ff;
|
|
--md-sys-color-on-primary-fixed: #000000;
|
|
--md-sys-color-on-primary-fixed-variant: #1a0099;
|
|
--md-sys-color-inverse-primary: #8582ff;
|
|
--md-sys-color-secondary: #6249b2;
|
|
--md-sys-color-secondary-dim: #563ca5;
|
|
--md-sys-color-on-secondary: #f7f0ff;
|
|
--md-sys-color-secondary-container: #d8caff;
|
|
--md-sys-color-on-secondary-container: #4e339c;
|
|
--md-sys-color-secondary-fixed: #d8caff;
|
|
--md-sys-color-secondary-fixed-dim: #cbbaff;
|
|
--md-sys-color-on-secondary-fixed: #3a1b88;
|
|
--md-sys-color-on-secondary-fixed-variant: #573da6;
|
|
--md-sys-color-tertiary: #983772;
|
|
--md-sys-color-tertiary-dim: #892a65;
|
|
--md-sys-color-on-tertiary: #ffeff4;
|
|
--md-sys-color-tertiary-container: #fd8bca;
|
|
--md-sys-color-on-tertiary-container: #610244;
|
|
--md-sys-color-tertiary-fixed: #fd8bca;
|
|
--md-sys-color-tertiary-fixed-dim: #ee7ebc;
|
|
--md-sys-color-on-tertiary-fixed: #360024;
|
|
--md-sys-color-on-tertiary-fixed-variant: #6d104e;
|
|
--md-sys-color-error: #b41340;
|
|
--md-sys-color-error-dim: #a20036;
|
|
--md-sys-color-on-error: #ffefef;
|
|
--md-sys-color-error-container: #f74b6d;
|
|
--md-sys-color-on-error-container: #510017;
|
|
--md-sys-color-success: #006c45;
|
|
--md-sys-color-on-success: #ffffff;
|
|
--md-sys-color-success-container: #86f9bc;
|
|
--md-sys-color-on-success-container: #002112;
|
|
--md-sys-color-warning: #7c5800;
|
|
--md-sys-color-on-warning: #ffffff;
|
|
--md-sys-color-warning-container: #ffdea6;
|
|
--md-sys-color-on-warning-container: #271900;
|
|
--md-sys-color-info: #005ac4;
|
|
--md-sys-color-on-info: #ffffff;
|
|
--md-sys-color-info-container: #d8e2ff;
|
|
--md-sys-color-on-info-container: #001a42;
|
|
--md-sys-color-inverse-error: #ff6e84;
|
|
--md-sys-color-inverse-success: #69dca1;
|
|
--md-sys-color-inverse-warning: #fdbb28;
|
|
--md-sys-color-inverse-info: #aec6ff;
|
|
}
|
|
|
|
[data-scheme='indigo'][data-theme='dark'],
|
|
[data-scheme='indigo'] [data-theme='dark'] {
|
|
color-scheme: dark;
|
|
|
|
--md-sys-color-background: #10062d;
|
|
--md-sys-color-on-background: #eae1ff;
|
|
--md-sys-color-surface: #10062d;
|
|
--md-sys-color-surface-dim: #10062d;
|
|
--md-sys-color-surface-bright: #30215d;
|
|
--md-sys-color-surface-container-lowest: #000000;
|
|
--md-sys-color-surface-container-low: #160b36;
|
|
--md-sys-color-surface-container: #1c113f;
|
|
--md-sys-color-surface-container-high: #231649;
|
|
--md-sys-color-surface-container-highest: #291c53;
|
|
--md-sys-color-on-surface: #eae1ff;
|
|
--md-sys-color-on-surface-variant: #b0a4d3;
|
|
--md-sys-color-outline: #7a6f9b;
|
|
--md-sys-color-outline-variant: #4b426a;
|
|
--md-sys-color-inverse-surface: #fdf7ff;
|
|
--md-sys-color-inverse-on-surface: #594f78;
|
|
--md-sys-color-primary: #a7a5ff;
|
|
--md-sys-color-primary-dim: #645dfc;
|
|
--md-sys-color-on-primary: #1c00a0;
|
|
--md-sys-color-primary-container: #9795ff;
|
|
--md-sys-color-on-primary-container: #14007e;
|
|
--md-sys-color-primary-fixed: #9795ff;
|
|
--md-sys-color-primary-fixed-dim: #8885ff;
|
|
--md-sys-color-on-primary-fixed: #000000;
|
|
--md-sys-color-on-primary-fixed-variant: #1a0099;
|
|
--md-sys-color-inverse-primary: #4d44e6;
|
|
--md-sys-color-secondary: #a98ffd;
|
|
--md-sys-color-secondary-dim: #a68dfa;
|
|
--md-sys-color-on-secondary: #280072;
|
|
--md-sys-color-secondary-container: #4d329b;
|
|
--md-sys-color-on-secondary-container: #d6c9ff;
|
|
--md-sys-color-secondary-fixed: #d8caff;
|
|
--md-sys-color-secondary-fixed-dim: #cbbaff;
|
|
--md-sys-color-on-secondary-fixed: #3a1b88;
|
|
--md-sys-color-on-secondary-fixed-variant: #573da6;
|
|
--md-sys-color-tertiary: #ff9dd1;
|
|
--md-sys-color-tertiary-dim: #fa88c8;
|
|
--md-sys-color-on-tertiary: #6c0f4d;
|
|
--md-sys-color-tertiary-container: #fa88c8;
|
|
--md-sys-color-on-tertiary-container: #5e0042;
|
|
--md-sys-color-tertiary-fixed: #fd8bca;
|
|
--md-sys-color-tertiary-fixed-dim: #ee7ebc;
|
|
--md-sys-color-on-tertiary-fixed: #360024;
|
|
--md-sys-color-on-tertiary-fixed-variant: #6d104e;
|
|
--md-sys-color-error: #ff6e84;
|
|
--md-sys-color-error-dim: #d73357;
|
|
--md-sys-color-on-error: #490013;
|
|
--md-sys-color-error-container: #a70138;
|
|
--md-sys-color-on-error-container: #ffb2b9;
|
|
--md-sys-color-success: #69dca1;
|
|
--md-sys-color-on-success: #003822;
|
|
--md-sys-color-success-container: #005233;
|
|
--md-sys-color-on-success-container: #86f9bc;
|
|
--md-sys-color-warning: #fdbb28;
|
|
--md-sys-color-on-warning: #412d00;
|
|
--md-sys-color-warning-container: #5e4200;
|
|
--md-sys-color-on-warning-container: #ffdea6;
|
|
--md-sys-color-info: #aec6ff;
|
|
--md-sys-color-on-info: #002e6a;
|
|
--md-sys-color-info-container: #004396;
|
|
--md-sys-color-on-info-container: #d8e2ff;
|
|
--md-sys-color-inverse-error: #b41340;
|
|
--md-sys-color-inverse-success: #006c45;
|
|
--md-sys-color-inverse-warning: #7c5800;
|
|
--md-sys-color-inverse-info: #005ac4;
|
|
}
|
|
|
|
[data-scheme='blue'],
|
|
[data-scheme='blue'][data-theme='light'],
|
|
[data-scheme='blue'] [data-theme='light'] {
|
|
color-scheme: light;
|
|
|
|
--md-sys-color-background: #f8f5ff;
|
|
--md-sys-color-on-background: #272c51;
|
|
--md-sys-color-surface: #f8f5ff;
|
|
--md-sys-color-surface-dim: #cdd1ff;
|
|
--md-sys-color-surface-bright: #f8f5ff;
|
|
--md-sys-color-surface-container-lowest: #ffffff;
|
|
--md-sys-color-surface-container-low: #f0efff;
|
|
--md-sys-color-surface-container: #e6e6ff;
|
|
--md-sys-color-surface-container-high: #dfe0ff;
|
|
--md-sys-color-surface-container-highest: #d8daff;
|
|
--md-sys-color-on-surface: #272c51;
|
|
--md-sys-color-on-surface-variant: #545981;
|
|
--md-sys-color-outline: #6f749e;
|
|
--md-sys-color-outline-variant: #a6aad7;
|
|
--md-sys-color-inverse-surface: #05092f;
|
|
--md-sys-color-inverse-on-surface: #959ac6;
|
|
--md-sys-color-primary: #0053cc;
|
|
--md-sys-color-primary-dim: #0048b3;
|
|
--md-sys-color-on-primary: #f1f2ff;
|
|
--md-sys-color-primary-container: #779dff;
|
|
--md-sys-color-on-primary-container: #001f56;
|
|
--md-sys-color-primary-fixed: #779dff;
|
|
--md-sys-color-primary-fixed-dim: #608fff;
|
|
--md-sys-color-on-primary-fixed: #000000;
|
|
--md-sys-color-on-primary-fixed-variant: #00286a;
|
|
--md-sys-color-inverse-primary: #5b8cff;
|
|
--md-sys-color-secondary: #4351b7;
|
|
--md-sys-color-secondary-dim: #3744ab;
|
|
--md-sys-color-on-secondary: #f3f1ff;
|
|
--md-sys-color-secondary-container: #caceff;
|
|
--md-sys-color-on-secondary-container: #2d3ba2;
|
|
--md-sys-color-secondary-fixed: #caceff;
|
|
--md-sys-color-secondary-fixed-dim: #b9bfff;
|
|
--md-sys-color-on-secondary-fixed: #15258f;
|
|
--md-sys-color-on-secondary-fixed-variant: #3846ac;
|
|
--md-sys-color-tertiary: #8c3a8d;
|
|
--md-sys-color-tertiary-dim: #7e2e80;
|
|
--md-sys-color-on-tertiary: #ffeef9;
|
|
--md-sys-color-tertiary-container: #fc9df7;
|
|
--md-sys-color-on-tertiary-container: #651468;
|
|
--md-sys-color-tertiary-fixed: #fc9df7;
|
|
--md-sys-color-tertiary-fixed-dim: #ed90e8;
|
|
--md-sys-color-on-tertiary-fixed: #48004b;
|
|
--md-sys-color-on-tertiary-fixed-variant: #702072;
|
|
--md-sys-color-error: #b31b25;
|
|
--md-sys-color-error-dim: #9f0519;
|
|
--md-sys-color-on-error: #ffefee;
|
|
--md-sys-color-error-container: #fb5151;
|
|
--md-sys-color-on-error-container: #570008;
|
|
--md-sys-color-success: #006c45;
|
|
--md-sys-color-on-success: #ffffff;
|
|
--md-sys-color-success-container: #86f9bc;
|
|
--md-sys-color-on-success-container: #002112;
|
|
--md-sys-color-warning: #7c5800;
|
|
--md-sys-color-on-warning: #ffffff;
|
|
--md-sys-color-warning-container: #ffdea6;
|
|
--md-sys-color-on-warning-container: #271900;
|
|
--md-sys-color-info: #005ac4;
|
|
--md-sys-color-on-info: #ffffff;
|
|
--md-sys-color-info-container: #d8e2ff;
|
|
--md-sys-color-on-info-container: #001a42;
|
|
--md-sys-color-inverse-error: #ff716c;
|
|
--md-sys-color-inverse-success: #69dca1;
|
|
--md-sys-color-inverse-warning: #fdbb28;
|
|
--md-sys-color-inverse-info: #aec6ff;
|
|
}
|
|
|
|
[data-scheme='blue'][data-theme='dark'],
|
|
[data-scheme='blue'] [data-theme='dark'] {
|
|
color-scheme: dark;
|
|
|
|
--md-sys-color-background: #05092f;
|
|
--md-sys-color-on-background: #e3e3ff;
|
|
--md-sys-color-surface: #05092f;
|
|
--md-sys-color-surface-dim: #05092f;
|
|
--md-sys-color-surface-bright: #1e2660;
|
|
--md-sys-color-surface-container-lowest: #000000;
|
|
--md-sys-color-surface-container-low: #080e38;
|
|
--md-sys-color-surface-container: #0e1442;
|
|
--md-sys-color-surface-container-high: #131a4c;
|
|
--md-sys-color-surface-container-highest: #192056;
|
|
--md-sys-color-on-surface: #e3e3ff;
|
|
--md-sys-color-on-surface-variant: #a4a8d5;
|
|
--md-sys-color-outline: #6e739d;
|
|
--md-sys-color-outline-variant: #40456c;
|
|
--md-sys-color-inverse-surface: #fbf8ff;
|
|
--md-sys-color-inverse-on-surface: #4d527a;
|
|
--md-sys-color-primary: #8dacff;
|
|
--md-sys-color-primary-dim: #076afe;
|
|
--md-sys-color-on-primary: #002a6e;
|
|
--md-sys-color-primary-container: #779dff;
|
|
--md-sys-color-on-primary-container: #001f56;
|
|
--md-sys-color-primary-fixed: #779dff;
|
|
--md-sys-color-primary-fixed-dim: #608fff;
|
|
--md-sys-color-on-primary-fixed: #000000;
|
|
--md-sys-color-on-primary-fixed-variant: #00286a;
|
|
--md-sys-color-inverse-primary: #0056d3;
|
|
--md-sys-color-secondary: #8895ff;
|
|
--md-sys-color-secondary-dim: #8895ff;
|
|
--md-sys-color-on-secondary: #000e6e;
|
|
--md-sys-color-secondary-container: #2d3ba1;
|
|
--md-sys-color-on-secondary-container: #c8cdff;
|
|
--md-sys-color-secondary-fixed: #caceff;
|
|
--md-sys-color-secondary-fixed-dim: #b9bfff;
|
|
--md-sys-color-on-secondary-fixed: #15258f;
|
|
--md-sys-color-on-secondary-fixed-variant: #3846ac;
|
|
--md-sys-color-tertiary: #ffb3f8;
|
|
--md-sys-color-tertiary-dim: #fc9df7;
|
|
--md-sys-color-on-tertiary: #702073;
|
|
--md-sys-color-tertiary-container: #fc9df7;
|
|
--md-sys-color-on-tertiary-container: #651468;
|
|
--md-sys-color-tertiary-fixed: #fc9df7;
|
|
--md-sys-color-tertiary-fixed-dim: #ed90e8;
|
|
--md-sys-color-on-tertiary-fixed: #48004b;
|
|
--md-sys-color-on-tertiary-fixed-variant: #702072;
|
|
--md-sys-color-error: #ff716c;
|
|
--md-sys-color-error-dim: #d7383b;
|
|
--md-sys-color-on-error: #490006;
|
|
--md-sys-color-error-container: #9f0519;
|
|
--md-sys-color-on-error-container: #ffa8a3;
|
|
--md-sys-color-success: #69dca1;
|
|
--md-sys-color-on-success: #003822;
|
|
--md-sys-color-success-container: #005233;
|
|
--md-sys-color-on-success-container: #86f9bc;
|
|
--md-sys-color-warning: #fdbb28;
|
|
--md-sys-color-on-warning: #412d00;
|
|
--md-sys-color-warning-container: #5e4200;
|
|
--md-sys-color-on-warning-container: #ffdea6;
|
|
--md-sys-color-info: #aec6ff;
|
|
--md-sys-color-on-info: #002e6a;
|
|
--md-sys-color-info-container: #004396;
|
|
--md-sys-color-on-info-container: #d8e2ff;
|
|
--md-sys-color-inverse-error: #b31b25;
|
|
--md-sys-color-inverse-success: #006c45;
|
|
--md-sys-color-inverse-warning: #7c5800;
|
|
--md-sys-color-inverse-info: #005ac4;
|
|
}
|
|
|
|
[data-scheme='teal'],
|
|
[data-scheme='teal'][data-theme='light'],
|
|
[data-scheme='teal'] [data-theme='light'] {
|
|
color-scheme: light;
|
|
|
|
--md-sys-color-background: #d3fffd;
|
|
--md-sys-color-on-background: #003534;
|
|
--md-sys-color-surface: #d3fffd;
|
|
--md-sys-color-surface-dim: #87e4e1;
|
|
--md-sys-color-surface-bright: #d3fffd;
|
|
--md-sys-color-surface-container-lowest: #ffffff;
|
|
--md-sys-color-surface-container-low: #bafdfa;
|
|
--md-sys-color-surface-container: #adf5f2;
|
|
--md-sys-color-surface-container-high: #a2f0ed;
|
|
--md-sys-color-surface-container-highest: #96ece8;
|
|
--md-sys-color-on-surface: #003534;
|
|
--md-sys-color-on-surface-variant: #296463;
|
|
--md-sys-color-outline: #46807e;
|
|
--md-sys-color-outline-variant: #7db7b5;
|
|
--md-sys-color-inverse-surface: #001111;
|
|
--md-sys-color-inverse-on-surface: #6da7a5;
|
|
--md-sys-color-primary: #00675c;
|
|
--md-sys-color-primary-dim: #005a50;
|
|
--md-sys-color-on-primary: #c0fff3;
|
|
--md-sys-color-primary-container: #00f7df;
|
|
--md-sys-color-on-primary-container: #00594f;
|
|
--md-sys-color-primary-fixed: #00f7df;
|
|
--md-sys-color-primary-fixed-dim: #00e8d1;
|
|
--md-sys-color-on-primary-fixed: #00443c;
|
|
--md-sys-color-on-primary-fixed-variant: #006359;
|
|
--md-sys-color-inverse-primary: #00fee5;
|
|
--md-sys-color-secondary: #006765;
|
|
--md-sys-color-secondary-dim: #005958;
|
|
--md-sys-color-on-secondary: #bcfffc;
|
|
--md-sys-color-secondary-container: #38fbf7;
|
|
--md-sys-color-on-secondary-container: #005c5a;
|
|
--md-sys-color-secondary-fixed: #38fbf7;
|
|
--md-sys-color-secondary-fixed-dim: #10ece8;
|
|
--md-sys-color-on-secondary-fixed: #004746;
|
|
--md-sys-color-on-secondary-fixed-variant: #006765;
|
|
--md-sys-color-tertiary: #006386;
|
|
--md-sys-color-tertiary-dim: #005675;
|
|
--md-sys-color-on-tertiary: #e7f5ff;
|
|
--md-sys-color-tertiary-container: #20c0ff;
|
|
--md-sys-color-on-tertiary-container: #00374d;
|
|
--md-sys-color-tertiary-fixed: #20c0ff;
|
|
--md-sys-color-tertiary-fixed-dim: #00b2ee;
|
|
--md-sys-color-on-tertiary-fixed: #001e2b;
|
|
--md-sys-color-on-tertiary-fixed-variant: #004059;
|
|
--md-sys-color-error: #b31b25;
|
|
--md-sys-color-error-dim: #9f0519;
|
|
--md-sys-color-on-error: #ffefee;
|
|
--md-sys-color-error-container: #fb5151;
|
|
--md-sys-color-on-error-container: #570008;
|
|
--md-sys-color-success: #006c45;
|
|
--md-sys-color-on-success: #ffffff;
|
|
--md-sys-color-success-container: #86f9bc;
|
|
--md-sys-color-on-success-container: #002112;
|
|
--md-sys-color-warning: #7c5800;
|
|
--md-sys-color-on-warning: #ffffff;
|
|
--md-sys-color-warning-container: #ffdea6;
|
|
--md-sys-color-on-warning-container: #271900;
|
|
--md-sys-color-info: #005ac4;
|
|
--md-sys-color-on-info: #ffffff;
|
|
--md-sys-color-info-container: #d8e2ff;
|
|
--md-sys-color-on-info-container: #001a42;
|
|
--md-sys-color-inverse-error: #ff716c;
|
|
--md-sys-color-inverse-success: #69dca1;
|
|
--md-sys-color-inverse-warning: #fdbb28;
|
|
--md-sys-color-inverse-info: #aec6ff;
|
|
}
|
|
|
|
[data-scheme='teal'][data-theme='dark'],
|
|
[data-scheme='teal'] [data-theme='dark'] {
|
|
color-scheme: dark;
|
|
|
|
--md-sys-color-background: #001111;
|
|
--md-sys-color-on-background: #b8f3f1;
|
|
--md-sys-color-surface: #001111;
|
|
--md-sys-color-surface-dim: #001111;
|
|
--md-sys-color-surface-bright: #003231;
|
|
--md-sys-color-surface-container-lowest: #000000;
|
|
--md-sys-color-surface-container-low: #001716;
|
|
--md-sys-color-surface-container: #001e1d;
|
|
--md-sys-color-surface-container-high: #002424;
|
|
--md-sys-color-surface-container-highest: #002b2a;
|
|
--md-sys-color-on-surface: #b8f3f1;
|
|
--md-sys-color-on-surface-variant: #7bb5b3;
|
|
--md-sys-color-outline: #457f7d;
|
|
--md-sys-color-outline-variant: #0e504f;
|
|
--md-sys-color-inverse-surface: #e3fffd;
|
|
--md-sys-color-inverse-on-surface: #215e5c;
|
|
--md-sys-color-primary: #b4fff1;
|
|
--md-sys-color-primary-dim: #00fee5;
|
|
--md-sys-color-on-primary: #00665b;
|
|
--md-sys-color-primary-container: #00fee5;
|
|
--md-sys-color-on-primary-container: #005c53;
|
|
--md-sys-color-primary-fixed: #00f7df;
|
|
--md-sys-color-primary-fixed-dim: #00e8d1;
|
|
--md-sys-color-on-primary-fixed: #00443c;
|
|
--md-sys-color-on-primary-fixed-variant: #006359;
|
|
--md-sys-color-inverse-primary: #006b60;
|
|
--md-sys-color-secondary: #38fbf7;
|
|
--md-sys-color-secondary-dim: #10ece8;
|
|
--md-sys-color-on-secondary: #005c5a;
|
|
--md-sys-color-secondary-container: #006a68;
|
|
--md-sys-color-on-secondary-container: #dafffd;
|
|
--md-sys-color-secondary-fixed: #38fbf7;
|
|
--md-sys-color-secondary-fixed-dim: #10ece8;
|
|
--md-sys-color-on-secondary-fixed: #004746;
|
|
--md-sys-color-on-secondary-fixed-variant: #006765;
|
|
--md-sys-color-tertiary: #68ccff;
|
|
--md-sys-color-tertiary-dim: #20c0ff;
|
|
--md-sys-color-on-tertiary: #00415a;
|
|
--md-sys-color-tertiary-container: #20c0ff;
|
|
--md-sys-color-on-tertiary-container: #00374d;
|
|
--md-sys-color-tertiary-fixed: #20c0ff;
|
|
--md-sys-color-tertiary-fixed-dim: #00b2ee;
|
|
--md-sys-color-on-tertiary-fixed: #001e2b;
|
|
--md-sys-color-on-tertiary-fixed-variant: #004059;
|
|
--md-sys-color-error: #ff716c;
|
|
--md-sys-color-error-dim: #d7383b;
|
|
--md-sys-color-on-error: #490006;
|
|
--md-sys-color-error-container: #9f0519;
|
|
--md-sys-color-on-error-container: #ffa8a3;
|
|
--md-sys-color-success: #69dca1;
|
|
--md-sys-color-on-success: #003822;
|
|
--md-sys-color-success-container: #005233;
|
|
--md-sys-color-on-success-container: #86f9bc;
|
|
--md-sys-color-warning: #fdbb28;
|
|
--md-sys-color-on-warning: #412d00;
|
|
--md-sys-color-warning-container: #5e4200;
|
|
--md-sys-color-on-warning-container: #ffdea6;
|
|
--md-sys-color-info: #aec6ff;
|
|
--md-sys-color-on-info: #002e6a;
|
|
--md-sys-color-info-container: #004396;
|
|
--md-sys-color-on-info-container: #d8e2ff;
|
|
--md-sys-color-inverse-error: #b31b25;
|
|
--md-sys-color-inverse-success: #006c45;
|
|
--md-sys-color-inverse-warning: #7c5800;
|
|
--md-sys-color-inverse-info: #005ac4;
|
|
}
|
|
|
|
[data-scheme='green'],
|
|
[data-scheme='green'][data-theme='light'],
|
|
[data-scheme='green'] [data-theme='light'] {
|
|
color-scheme: light;
|
|
|
|
--md-sys-color-background: #ddffe2;
|
|
--md-sys-color-on-background: #0b361d;
|
|
--md-sys-color-surface: #ddffe2;
|
|
--md-sys-color-surface-dim: #a0e4b1;
|
|
--md-sys-color-surface-bright: #ddffe2;
|
|
--md-sys-color-surface-container-lowest: #ffffff;
|
|
--md-sys-color-surface-container-low: #cafdd4;
|
|
--md-sys-color-surface-container: #bef5c9;
|
|
--md-sys-color-surface-container-high: #b5f0c2;
|
|
--md-sys-color-surface-container-highest: #acecbb;
|
|
--md-sys-color-on-surface: #0b361d;
|
|
--md-sys-color-on-surface-variant: #3b6447;
|
|
--md-sys-color-outline: #568061;
|
|
--md-sys-color-outline-variant: #8bb795;
|
|
--md-sys-color-inverse-surface: #001205;
|
|
--md-sys-color-inverse-on-surface: #7ca785;
|
|
--md-sys-color-primary: #006b1a;
|
|
--md-sys-color-primary-dim: #005d15;
|
|
--md-sys-color-on-primary: #d1ffc8;
|
|
--md-sys-color-primary-container: #7afe7c;
|
|
--md-sys-color-on-primary-container: #006016;
|
|
--md-sys-color-primary-fixed: #7afe7c;
|
|
--md-sys-color-primary-fixed-dim: #6cef6f;
|
|
--md-sys-color-on-primary-fixed: #004b0f;
|
|
--md-sys-color-on-primary-fixed-variant: #006b1a;
|
|
--md-sys-color-inverse-primary: #7afe7c;
|
|
--md-sys-color-secondary: #006a38;
|
|
--md-sys-color-secondary-dim: #005c30;
|
|
--md-sys-color-on-secondary: #ccffd6;
|
|
--md-sys-color-secondary-container: #86faac;
|
|
--md-sys-color-on-secondary-container: #005f31;
|
|
--md-sys-color-secondary-fixed: #86faac;
|
|
--md-sys-color-secondary-fixed-dim: #78eb9e;
|
|
--md-sys-color-on-secondary-fixed: #004a25;
|
|
--md-sys-color-on-secondary-fixed-variant: #006a38;
|
|
--md-sys-color-tertiary: #00656f;
|
|
--md-sys-color-tertiary-dim: #005861;
|
|
--md-sys-color-on-tertiary: #d4f9ff;
|
|
--md-sys-color-tertiary-container: #10eafe;
|
|
--md-sys-color-on-tertiary-container: #005159;
|
|
--md-sys-color-tertiary-fixed: #10eafe;
|
|
--md-sys-color-tertiary-fixed-dim: #00dbee;
|
|
--md-sys-color-on-tertiary-fixed: #003d43;
|
|
--md-sys-color-on-tertiary-fixed-variant: #005c64;
|
|
--md-sys-color-error: #b02500;
|
|
--md-sys-color-error-dim: #9a2000;
|
|
--md-sys-color-on-error: #ffefec;
|
|
--md-sys-color-error-container: #f95630;
|
|
--md-sys-color-on-error-container: #520c00;
|
|
--md-sys-color-success: #006c45;
|
|
--md-sys-color-on-success: #ffffff;
|
|
--md-sys-color-success-container: #86f9bc;
|
|
--md-sys-color-on-success-container: #002112;
|
|
--md-sys-color-warning: #7c5800;
|
|
--md-sys-color-on-warning: #ffffff;
|
|
--md-sys-color-warning-container: #ffdea6;
|
|
--md-sys-color-on-warning-container: #271900;
|
|
--md-sys-color-info: #005ac4;
|
|
--md-sys-color-on-info: #ffffff;
|
|
--md-sys-color-info-container: #d8e2ff;
|
|
--md-sys-color-on-info-container: #001a42;
|
|
--md-sys-color-inverse-error: #ff7351;
|
|
--md-sys-color-inverse-success: #69dca1;
|
|
--md-sys-color-inverse-warning: #fdbb28;
|
|
--md-sys-color-inverse-info: #aec6ff;
|
|
}
|
|
|
|
[data-scheme='green'][data-theme='dark'],
|
|
[data-scheme='green'] [data-theme='dark'] {
|
|
color-scheme: dark;
|
|
|
|
--md-sys-color-background: #001205;
|
|
--md-sys-color-on-background: #c8f6d0;
|
|
--md-sys-color-surface: #001205;
|
|
--md-sys-color-surface-dim: #001205;
|
|
--md-sys-color-surface-bright: #003418;
|
|
--md-sys-color-surface-container-lowest: #000000;
|
|
--md-sys-color-surface-container-low: #001808;
|
|
--md-sys-color-surface-container: #001f0c;
|
|
--md-sys-color-surface-container-high: #002610;
|
|
--md-sys-color-surface-container-highest: #002d14;
|
|
--md-sys-color-on-surface: #c8f6d0;
|
|
--md-sys-color-on-surface-variant: #8ab593;
|
|
--md-sys-color-outline: #557f60;
|
|
--md-sys-color-outline-variant: #285034;
|
|
--md-sys-color-inverse-surface: #eaffea;
|
|
--md-sys-color-inverse-on-surface: #355e41;
|
|
--md-sys-color-primary: #7afe7c;
|
|
--md-sys-color-primary-dim: #6cef6f;
|
|
--md-sys-color-on-primary: #006016;
|
|
--md-sys-color-primary-container: #30b840;
|
|
--md-sys-color-on-primary-container: #002a05;
|
|
--md-sys-color-primary-fixed: #7afe7c;
|
|
--md-sys-color-primary-fixed-dim: #6cef6f;
|
|
--md-sys-color-on-primary-fixed: #004b0f;
|
|
--md-sys-color-on-primary-fixed-variant: #006b1a;
|
|
--md-sys-color-inverse-primary: #006f1b;
|
|
--md-sys-color-secondary: #86faac;
|
|
--md-sys-color-secondary-dim: #78eb9e;
|
|
--md-sys-color-on-secondary: #005f31;
|
|
--md-sys-color-secondary-container: #006d3a;
|
|
--md-sys-color-on-secondary-container: #e3ffe5;
|
|
--md-sys-color-secondary-fixed: #86faac;
|
|
--md-sys-color-secondary-fixed-dim: #78eb9e;
|
|
--md-sys-color-on-secondary-fixed: #004a25;
|
|
--md-sys-color-on-secondary-fixed-variant: #006a38;
|
|
--md-sys-color-tertiary: #8ff2ff;
|
|
--md-sys-color-tertiary-dim: #10eafe;
|
|
--md-sys-color-on-tertiary: #005b63;
|
|
--md-sys-color-tertiary-container: #10eafe;
|
|
--md-sys-color-on-tertiary-container: #005159;
|
|
--md-sys-color-tertiary-fixed: #10eafe;
|
|
--md-sys-color-tertiary-fixed-dim: #00dbee;
|
|
--md-sys-color-on-tertiary-fixed: #003d43;
|
|
--md-sys-color-on-tertiary-fixed-variant: #005c64;
|
|
--md-sys-color-error: #ff7351;
|
|
--md-sys-color-error-dim: #d53d18;
|
|
--md-sys-color-on-error: #450900;
|
|
--md-sys-color-error-container: #b92902;
|
|
--md-sys-color-on-error-container: #ffd2c8;
|
|
--md-sys-color-success: #69dca1;
|
|
--md-sys-color-on-success: #003822;
|
|
--md-sys-color-success-container: #005233;
|
|
--md-sys-color-on-success-container: #86f9bc;
|
|
--md-sys-color-warning: #fdbb28;
|
|
--md-sys-color-on-warning: #412d00;
|
|
--md-sys-color-warning-container: #5e4200;
|
|
--md-sys-color-on-warning-container: #ffdea6;
|
|
--md-sys-color-info: #aec6ff;
|
|
--md-sys-color-on-info: #002e6a;
|
|
--md-sys-color-info-container: #004396;
|
|
--md-sys-color-on-info-container: #d8e2ff;
|
|
--md-sys-color-inverse-error: #b02500;
|
|
--md-sys-color-inverse-success: #006c45;
|
|
--md-sys-color-inverse-warning: #7c5800;
|
|
--md-sys-color-inverse-info: #005ac4;
|
|
}
|
|
|
|
[data-scheme='amber'],
|
|
[data-scheme='amber'][data-theme='light'],
|
|
[data-scheme='amber'] [data-theme='light'] {
|
|
color-scheme: light;
|
|
|
|
--md-sys-color-background: #fff4ef;
|
|
--md-sys-color-on-background: #482603;
|
|
--md-sys-color-surface: #fff4ef;
|
|
--md-sys-color-surface-dim: #ffca9e;
|
|
--md-sys-color-surface-bright: #fff4ef;
|
|
--md-sys-color-surface-container-lowest: #ffffff;
|
|
--md-sys-color-surface-container-low: #ffeee2;
|
|
--md-sys-color-surface-container: #ffe3ce;
|
|
--md-sys-color-surface-container-high: #ffdcc1;
|
|
--md-sys-color-surface-container-highest: #ffd5b4;
|
|
--md-sys-color-on-surface: #482603;
|
|
--md-sys-color-on-surface-variant: #7d522a;
|
|
--md-sys-color-outline: #9c6d43;
|
|
--md-sys-color-outline-variant: #d8a274;
|
|
--md-sys-color-inverse-surface: #1b0a00;
|
|
--md-sys-color-inverse-on-surface: #c79265;
|
|
--md-sys-color-primary: #944500;
|
|
--md-sys-color-primary-dim: #823b00;
|
|
--md-sys-color-on-primary: #fff0e9;
|
|
--md-sys-color-primary-container: #ff7b00;
|
|
--md-sys-color-on-primary-container: #3d1800;
|
|
--md-sys-color-primary-fixed: #ff7b00;
|
|
--md-sys-color-primary-fixed-dim: #ea7100;
|
|
--md-sys-color-on-primary-fixed: #000000;
|
|
--md-sys-color-on-primary-fixed-variant: #4b2000;
|
|
--md-sys-color-inverse-primary: #ff7b00;
|
|
--md-sys-color-secondary: #8a4c00;
|
|
--md-sys-color-secondary-dim: #794200;
|
|
--md-sys-color-on-secondary: #fff0e6;
|
|
--md-sys-color-secondary-container: #ffc697;
|
|
--md-sys-color-on-secondary-container: #6d3b00;
|
|
--md-sys-color-secondary-fixed: #ffc697;
|
|
--md-sys-color-secondary-fixed-dim: #ffb471;
|
|
--md-sys-color-on-secondary-fixed: #512a00;
|
|
--md-sys-color-on-secondary-fixed-variant: #7a4200;
|
|
--md-sys-color-tertiary: #765600;
|
|
--md-sys-color-tertiary-dim: #674b00;
|
|
--md-sys-color-on-tertiary: #fff1db;
|
|
--md-sys-color-tertiary-container: #ffc32d;
|
|
--md-sys-color-on-tertiary-container: #584000;
|
|
--md-sys-color-tertiary-fixed: #ffc32d;
|
|
--md-sys-color-tertiary-fixed-dim: #efb51c;
|
|
--md-sys-color-on-tertiary-fixed: #402d00;
|
|
--md-sys-color-on-tertiary-fixed-variant: #634900;
|
|
--md-sys-color-error: #b02500;
|
|
--md-sys-color-error-dim: #9a2000;
|
|
--md-sys-color-on-error: #ffefec;
|
|
--md-sys-color-error-container: #f95630;
|
|
--md-sys-color-on-error-container: #520c00;
|
|
--md-sys-color-success: #006c45;
|
|
--md-sys-color-on-success: #ffffff;
|
|
--md-sys-color-success-container: #86f9bc;
|
|
--md-sys-color-on-success-container: #002112;
|
|
--md-sys-color-warning: #7c5800;
|
|
--md-sys-color-on-warning: #ffffff;
|
|
--md-sys-color-warning-container: #ffdea6;
|
|
--md-sys-color-on-warning-container: #271900;
|
|
--md-sys-color-info: #005ac4;
|
|
--md-sys-color-on-info: #ffffff;
|
|
--md-sys-color-info-container: #d8e2ff;
|
|
--md-sys-color-on-info-container: #001a42;
|
|
--md-sys-color-inverse-error: #ff7351;
|
|
--md-sys-color-inverse-success: #69dca1;
|
|
--md-sys-color-inverse-warning: #fdbb28;
|
|
--md-sys-color-inverse-info: #aec6ff;
|
|
}
|
|
|
|
[data-scheme='amber'][data-theme='dark'],
|
|
[data-scheme='amber'] [data-theme='dark'] {
|
|
color-scheme: dark;
|
|
|
|
--md-sys-color-background: #1b0a00;
|
|
--md-sys-color-on-background: #ffe0c8;
|
|
--md-sys-color-surface: #1b0a00;
|
|
--md-sys-color-surface-dim: #1b0a00;
|
|
--md-sys-color-surface-bright: #462300;
|
|
--md-sys-color-surface-container-lowest: #000000;
|
|
--md-sys-color-surface-container-low: #220e00;
|
|
--md-sys-color-surface-container: #2b1400;
|
|
--md-sys-color-surface-container-high: #341900;
|
|
--md-sys-color-surface-container-highest: #3d1e00;
|
|
--md-sys-color-on-surface: #ffe0c8;
|
|
--md-sys-color-on-surface-variant: #d6a072;
|
|
--md-sys-color-outline: #9a6b41;
|
|
--md-sys-color-outline-variant: #663f19;
|
|
--md-sys-color-inverse-surface: #fff8f5;
|
|
--md-sys-color-inverse-on-surface: #754c25;
|
|
--md-sys-color-primary: #ff9247;
|
|
--md-sys-color-primary-dim: #ff7b00;
|
|
--md-sys-color-on-primary: #4f2100;
|
|
--md-sys-color-primary-container: #ff7b00;
|
|
--md-sys-color-on-primary-container: #3d1800;
|
|
--md-sys-color-primary-fixed: #ff7b00;
|
|
--md-sys-color-primary-fixed-dim: #ea7100;
|
|
--md-sys-color-on-primary-fixed: #000000;
|
|
--md-sys-color-on-primary-fixed-variant: #4b2000;
|
|
--md-sys-color-inverse-primary: #9a4800;
|
|
--md-sys-color-secondary: #fd9831;
|
|
--md-sys-color-secondary-dim: #ec8b23;
|
|
--md-sys-color-on-secondary: #4c2700;
|
|
--md-sys-color-secondary-container: #8e4e00;
|
|
--md-sys-color-on-secondary-container: #fff6f1;
|
|
--md-sys-color-secondary-fixed: #ffc697;
|
|
--md-sys-color-secondary-fixed-dim: #ffb471;
|
|
--md-sys-color-on-secondary-fixed: #512a00;
|
|
--md-sys-color-on-secondary-fixed-variant: #7a4200;
|
|
--md-sys-color-tertiary: #ffd47c;
|
|
--md-sys-color-tertiary-dim: #ffc32d;
|
|
--md-sys-color-on-tertiary: #634800;
|
|
--md-sys-color-tertiary-container: #ffc32d;
|
|
--md-sys-color-on-tertiary-container: #584000;
|
|
--md-sys-color-tertiary-fixed: #ffc32d;
|
|
--md-sys-color-tertiary-fixed-dim: #efb51c;
|
|
--md-sys-color-on-tertiary-fixed: #402d00;
|
|
--md-sys-color-on-tertiary-fixed-variant: #634900;
|
|
--md-sys-color-error: #ff7351;
|
|
--md-sys-color-error-dim: #d53d18;
|
|
--md-sys-color-on-error: #450900;
|
|
--md-sys-color-error-container: #b92902;
|
|
--md-sys-color-on-error-container: #ffd2c8;
|
|
--md-sys-color-success: #69dca1;
|
|
--md-sys-color-on-success: #003822;
|
|
--md-sys-color-success-container: #005233;
|
|
--md-sys-color-on-success-container: #86f9bc;
|
|
--md-sys-color-warning: #fdbb28;
|
|
--md-sys-color-on-warning: #412d00;
|
|
--md-sys-color-warning-container: #5e4200;
|
|
--md-sys-color-on-warning-container: #ffdea6;
|
|
--md-sys-color-info: #aec6ff;
|
|
--md-sys-color-on-info: #002e6a;
|
|
--md-sys-color-info-container: #004396;
|
|
--md-sys-color-on-info-container: #d8e2ff;
|
|
--md-sys-color-inverse-error: #b02500;
|
|
--md-sys-color-inverse-success: #006c45;
|
|
--md-sys-color-inverse-warning: #7c5800;
|
|
--md-sys-color-inverse-info: #005ac4;
|
|
}
|
|
|
|
[data-scheme='rose'],
|
|
[data-scheme='rose'][data-theme='light'],
|
|
[data-scheme='rose'] [data-theme='light'] {
|
|
color-scheme: light;
|
|
|
|
--md-sys-color-background: #fff4f6;
|
|
--md-sys-color-on-background: #492136;
|
|
--md-sys-color-surface: #fff4f6;
|
|
--md-sys-color-surface-dim: #ffc4de;
|
|
--md-sys-color-surface-bright: #fff4f6;
|
|
--md-sys-color-surface-container-lowest: #ffffff;
|
|
--md-sys-color-surface-container-low: #ffecf2;
|
|
--md-sys-color-surface-container: #ffe0ec;
|
|
--md-sys-color-surface-container-high: #ffd8e8;
|
|
--md-sys-color-surface-container-highest: #ffd0e4;
|
|
--md-sys-color-on-surface: #492136;
|
|
--md-sys-color-on-surface-variant: #7c4d64;
|
|
--md-sys-color-outline: #9b6880;
|
|
--md-sys-color-outline-variant: #d69db7;
|
|
--md-sys-color-inverse-surface: #220215;
|
|
--md-sys-color-inverse-on-surface: #c58da6;
|
|
--md-sys-color-primary: #ae1d53;
|
|
--md-sys-color-primary-dim: #9e0b47;
|
|
--md-sys-color-on-primary: #ffeff0;
|
|
--md-sys-color-primary-container: #ff7198;
|
|
--md-sys-color-on-primary-container: #4d001e;
|
|
--md-sys-color-primary-fixed: #ff7198;
|
|
--md-sys-color-primary-fixed-dim: #f95a8a;
|
|
--md-sys-color-on-primary-fixed: #000000;
|
|
--md-sys-color-on-primary-fixed-variant: #5e0027;
|
|
--md-sys-color-inverse-primary: #f65787;
|
|
--md-sys-color-secondary: #99366e;
|
|
--md-sys-color-secondary-dim: #8a2a62;
|
|
--md-sys-color-on-secondary: #ffeff3;
|
|
--md-sys-color-secondary-container: #ffc0dc;
|
|
--md-sys-color-on-secondary-container: #7f2159;
|
|
--md-sys-color-secondary-fixed: #ffc0dc;
|
|
--md-sys-color-secondary-fixed-dim: #ffabd2;
|
|
--md-sys-color-on-secondary-fixed: #670845;
|
|
--md-sys-color-on-secondary-fixed-variant: #8b2b63;
|
|
--md-sys-color-tertiary: #5c4bb4;
|
|
--md-sys-color-tertiary-dim: #503ea7;
|
|
--md-sys-color-on-tertiary: #f6f0ff;
|
|
--md-sys-color-tertiary-container: #b3a5ff;
|
|
--md-sys-color-on-tertiary-container: #301887;
|
|
--md-sys-color-tertiary-fixed: #b3a5ff;
|
|
--md-sys-color-tertiary-fixed-dim: #a595ff;
|
|
--md-sys-color-on-tertiary-fixed: #170059;
|
|
--md-sys-color-on-tertiary-fixed-variant: #39248f;
|
|
--md-sys-color-error: #b31b25;
|
|
--md-sys-color-error-dim: #9f0519;
|
|
--md-sys-color-on-error: #ffefee;
|
|
--md-sys-color-error-container: #fb5151;
|
|
--md-sys-color-on-error-container: #570008;
|
|
--md-sys-color-success: #006c45;
|
|
--md-sys-color-on-success: #ffffff;
|
|
--md-sys-color-success-container: #86f9bc;
|
|
--md-sys-color-on-success-container: #002112;
|
|
--md-sys-color-warning: #7c5800;
|
|
--md-sys-color-on-warning: #ffffff;
|
|
--md-sys-color-warning-container: #ffdea6;
|
|
--md-sys-color-on-warning-container: #271900;
|
|
--md-sys-color-info: #005ac4;
|
|
--md-sys-color-on-info: #ffffff;
|
|
--md-sys-color-info-container: #d8e2ff;
|
|
--md-sys-color-on-info-container: #001a42;
|
|
--md-sys-color-inverse-error: #ff716c;
|
|
--md-sys-color-inverse-success: #69dca1;
|
|
--md-sys-color-inverse-warning: #fdbb28;
|
|
--md-sys-color-inverse-info: #aec6ff;
|
|
}
|
|
|
|
[data-scheme='rose'][data-theme='dark'],
|
|
[data-scheme='rose'] [data-theme='dark'] {
|
|
color-scheme: dark;
|
|
|
|
--md-sys-color-background: #220215;
|
|
--md-sys-color-on-background: #ffdcea;
|
|
--md-sys-color-surface: #220215;
|
|
--md-sys-color-surface-dim: #220215;
|
|
--md-sys-color-surface-bright: #4e1737;
|
|
--md-sys-color-surface-container-lowest: #000000;
|
|
--md-sys-color-surface-container-low: #2a041b;
|
|
--md-sys-color-surface-container: #330822;
|
|
--md-sys-color-surface-container-high: #3c0d28;
|
|
--md-sys-color-surface-container-highest: #45122f;
|
|
--md-sys-color-on-surface: #ffdcea;
|
|
--md-sys-color-on-surface-variant: #d49bb4;
|
|
--md-sys-color-outline: #99667e;
|
|
--md-sys-color-outline-variant: #663a50;
|
|
--md-sys-color-inverse-surface: #fff8f8;
|
|
--md-sys-color-inverse-on-surface: #75475d;
|
|
--md-sys-color-primary: #ff8aa7;
|
|
--md-sys-color-primary-dim: #ff6b95;
|
|
--md-sys-color-on-primary: #620029;
|
|
--md-sys-color-primary-container: #ff7198;
|
|
--md-sys-color-on-primary-container: #4d001e;
|
|
--md-sys-color-primary-fixed: #ff7198;
|
|
--md-sys-color-primary-fixed-dim: #f95a8a;
|
|
--md-sys-color-on-primary-fixed: #000000;
|
|
--md-sys-color-on-primary-fixed-variant: #5e0027;
|
|
--md-sys-color-inverse-primary: #b32257;
|
|
--md-sys-color-secondary: #ff8ac6;
|
|
--md-sys-color-secondary-dim: #ef7db9;
|
|
--md-sys-color-on-secondary: #620241;
|
|
--md-sys-color-secondary-container: #7f2058;
|
|
--md-sys-color-on-secondary-container: #ffbedb;
|
|
--md-sys-color-secondary-fixed: #ffc0dc;
|
|
--md-sys-color-secondary-fixed-dim: #ffabd2;
|
|
--md-sys-color-on-secondary-fixed: #670845;
|
|
--md-sys-color-on-secondary-fixed-variant: #8b2b63;
|
|
--md-sys-color-tertiary: #aa9bff;
|
|
--md-sys-color-tertiary-dim: #9f8ffc;
|
|
--md-sys-color-on-tertiary: #290c80;
|
|
--md-sys-color-tertiary-container: #9d8cfa;
|
|
--md-sys-color-on-tertiary-container: #1c0068;
|
|
--md-sys-color-tertiary-fixed: #b3a5ff;
|
|
--md-sys-color-tertiary-fixed-dim: #a595ff;
|
|
--md-sys-color-on-tertiary-fixed: #170059;
|
|
--md-sys-color-on-tertiary-fixed-variant: #39248f;
|
|
--md-sys-color-error: #ff716c;
|
|
--md-sys-color-error-dim: #d7383b;
|
|
--md-sys-color-on-error: #490006;
|
|
--md-sys-color-error-container: #9f0519;
|
|
--md-sys-color-on-error-container: #ffa8a3;
|
|
--md-sys-color-success: #69dca1;
|
|
--md-sys-color-on-success: #003822;
|
|
--md-sys-color-success-container: #005233;
|
|
--md-sys-color-on-success-container: #86f9bc;
|
|
--md-sys-color-warning: #fdbb28;
|
|
--md-sys-color-on-warning: #412d00;
|
|
--md-sys-color-warning-container: #5e4200;
|
|
--md-sys-color-on-warning-container: #ffdea6;
|
|
--md-sys-color-info: #aec6ff;
|
|
--md-sys-color-on-info: #002e6a;
|
|
--md-sys-color-info-container: #004396;
|
|
--md-sys-color-on-info-container: #d8e2ff;
|
|
--md-sys-color-inverse-error: #b31b25;
|
|
--md-sys-color-inverse-success: #006c45;
|
|
--md-sys-color-inverse-warning: #7c5800;
|
|
--md-sys-color-inverse-info: #005ac4;
|
|
}
|
|
|
|
[data-scheme='violet'],
|
|
[data-scheme='violet'][data-theme='light'],
|
|
[data-scheme='violet'] [data-theme='light'] {
|
|
color-scheme: light;
|
|
|
|
--md-sys-color-background: #fdf3ff;
|
|
--md-sys-color-on-background: #38264c;
|
|
--md-sys-color-surface: #fdf3ff;
|
|
--md-sys-color-surface-dim: #e5caff;
|
|
--md-sys-color-surface-bright: #fdf3ff;
|
|
--md-sys-color-surface-container-lowest: #ffffff;
|
|
--md-sys-color-surface-container-low: #f9ecff;
|
|
--md-sys-color-surface-container: #f3e2ff;
|
|
--md-sys-color-surface-container-high: #efdbff;
|
|
--md-sys-color-surface-container-highest: #ebd4ff;
|
|
--md-sys-color-on-surface: #38264c;
|
|
--md-sys-color-on-surface-variant: #67537c;
|
|
--md-sys-color-outline: #836e99;
|
|
--md-sys-color-outline-variant: #bba4d2;
|
|
--md-sys-color-inverse-surface: #16052a;
|
|
--md-sys-color-inverse-on-surface: #ab94c1;
|
|
--md-sys-color-primary: #6935d9;
|
|
--md-sys-color-primary-dim: #5d24cc;
|
|
--md-sys-color-on-primary: #f7f0ff;
|
|
--md-sys-color-primary-container: #ac8eff;
|
|
--md-sys-color-on-primary-container: #2a006f;
|
|
--md-sys-color-primary-fixed: #ac8eff;
|
|
--md-sys-color-primary-fixed-dim: #a07cff;
|
|
--md-sys-color-on-primary-fixed: #000000;
|
|
--md-sys-color-on-primary-fixed-variant: #350087;
|
|
--md-sys-color-inverse-primary: #9e79ff;
|
|
--md-sys-color-secondary: #7343a9;
|
|
--md-sys-color-secondary-dim: #67369c;
|
|
--md-sys-color-on-secondary: #faefff;
|
|
--md-sys-color-secondary-container: #e3c6ff;
|
|
--md-sys-color-on-secondary-container: #5e2d93;
|
|
--md-sys-color-secondary-fixed: #e3c6ff;
|
|
--md-sys-color-secondary-fixed-dim: #d9b5ff;
|
|
--md-sys-color-on-secondary-fixed: #4a147e;
|
|
--md-sys-color-on-secondary-fixed-variant: #68379d;
|
|
--md-sys-color-tertiary: #9d365d;
|
|
--md-sys-color-tertiary-dim: #8e2951;
|
|
--md-sys-color-on-tertiary: #ffeff1;
|
|
--md-sys-color-tertiary-container: #ff8eb2;
|
|
--md-sys-color-on-tertiary-container: #640432;
|
|
--md-sys-color-tertiary-fixed: #ff8eb2;
|
|
--md-sys-color-tertiary-fixed-dim: #f67ca4;
|
|
--md-sys-color-on-tertiary-fixed: #380018;
|
|
--md-sys-color-on-tertiary-fixed-variant: #70103a;
|
|
--md-sys-color-error: #b41340;
|
|
--md-sys-color-error-dim: #a20036;
|
|
--md-sys-color-on-error: #ffefef;
|
|
--md-sys-color-error-container: #f74b6d;
|
|
--md-sys-color-on-error-container: #510017;
|
|
--md-sys-color-success: #006c45;
|
|
--md-sys-color-on-success: #ffffff;
|
|
--md-sys-color-success-container: #86f9bc;
|
|
--md-sys-color-on-success-container: #002112;
|
|
--md-sys-color-warning: #7c5800;
|
|
--md-sys-color-on-warning: #ffffff;
|
|
--md-sys-color-warning-container: #ffdea6;
|
|
--md-sys-color-on-warning-container: #271900;
|
|
--md-sys-color-info: #005ac4;
|
|
--md-sys-color-on-info: #ffffff;
|
|
--md-sys-color-info-container: #d8e2ff;
|
|
--md-sys-color-on-info-container: #001a42;
|
|
--md-sys-color-inverse-error: #ff6e84;
|
|
--md-sys-color-inverse-success: #69dca1;
|
|
--md-sys-color-inverse-warning: #fdbb28;
|
|
--md-sys-color-inverse-info: #aec6ff;
|
|
}
|
|
|
|
[data-scheme='violet'][data-theme='dark'],
|
|
[data-scheme='violet'] [data-theme='dark'] {
|
|
color-scheme: dark;
|
|
|
|
--md-sys-color-background: #16052a;
|
|
--md-sys-color-on-background: #f1dfff;
|
|
--md-sys-color-surface: #16052a;
|
|
--md-sys-color-surface-dim: #16052a;
|
|
--md-sys-color-surface-bright: #391e58;
|
|
--md-sys-color-surface-container-lowest: #000000;
|
|
--md-sys-color-surface-container-low: #1d0832;
|
|
--md-sys-color-surface-container: #240e3b;
|
|
--md-sys-color-surface-container-high: #2b1344;
|
|
--md-sys-color-surface-container-highest: #32194e;
|
|
--md-sys-color-on-surface: #f1dfff;
|
|
--md-sys-color-on-surface-variant: #b9a2d0;
|
|
--md-sys-color-outline: #826d97;
|
|
--md-sys-color-outline-variant: #534067;
|
|
--md-sys-color-inverse-surface: #fff7ff;
|
|
--md-sys-color-inverse-on-surface: #604d75;
|
|
--md-sys-color-primary: #b99fff;
|
|
--md-sys-color-primary-dim: #8354f4;
|
|
--md-sys-color-on-primary: #38008d;
|
|
--md-sys-color-primary-container: #ac8eff;
|
|
--md-sys-color-on-primary-container: #2a006f;
|
|
--md-sys-color-primary-fixed: #ac8eff;
|
|
--md-sys-color-primary-fixed-dim: #a07cff;
|
|
--md-sys-color-on-primary-fixed: #000000;
|
|
--md-sys-color-on-primary-fixed-variant: #350087;
|
|
--md-sys-color-inverse-primary: #6c3adc;
|
|
--md-sys-color-secondary: #bf8cf7;
|
|
--md-sys-color-secondary-dim: #b987f2;
|
|
--md-sys-color-on-secondary: #380069;
|
|
--md-sys-color-secondary-container: #5d2c92;
|
|
--md-sys-color-on-secondary-container: #e2c5ff;
|
|
--md-sys-color-secondary-fixed: #e3c6ff;
|
|
--md-sys-color-secondary-fixed-dim: #d9b5ff;
|
|
--md-sys-color-on-secondary-fixed: #4a147e;
|
|
--md-sys-color-on-secondary-fixed-variant: #68379d;
|
|
--md-sys-color-tertiary: #ff97b7;
|
|
--md-sys-color-tertiary-dim: #fc81aa;
|
|
--md-sys-color-on-tertiary: #6a0936;
|
|
--md-sys-color-tertiary-container: #fc81aa;
|
|
--md-sys-color-on-tertiary-container: #59002b;
|
|
--md-sys-color-tertiary-fixed: #ff8eb2;
|
|
--md-sys-color-tertiary-fixed-dim: #f67ca4;
|
|
--md-sys-color-on-tertiary-fixed: #380018;
|
|
--md-sys-color-on-tertiary-fixed-variant: #70103a;
|
|
--md-sys-color-error: #ff6e84;
|
|
--md-sys-color-error-dim: #d73357;
|
|
--md-sys-color-on-error: #490013;
|
|
--md-sys-color-error-container: #a70138;
|
|
--md-sys-color-on-error-container: #ffb2b9;
|
|
--md-sys-color-success: #69dca1;
|
|
--md-sys-color-on-success: #003822;
|
|
--md-sys-color-success-container: #005233;
|
|
--md-sys-color-on-success-container: #86f9bc;
|
|
--md-sys-color-warning: #fdbb28;
|
|
--md-sys-color-on-warning: #412d00;
|
|
--md-sys-color-warning-container: #5e4200;
|
|
--md-sys-color-on-warning-container: #ffdea6;
|
|
--md-sys-color-info: #aec6ff;
|
|
--md-sys-color-on-info: #002e6a;
|
|
--md-sys-color-info-container: #004396;
|
|
--md-sys-color-on-info-container: #d8e2ff;
|
|
--md-sys-color-inverse-error: #b41340;
|
|
--md-sys-color-inverse-success: #006c45;
|
|
--md-sys-color-inverse-warning: #7c5800;
|
|
--md-sys-color-inverse-info: #005ac4;
|
|
}
|
|
|
|
[data-scheme='graphite'],
|
|
[data-scheme='graphite'][data-theme='light'],
|
|
[data-scheme='graphite'] [data-theme='light'] {
|
|
color-scheme: light;
|
|
|
|
--md-sys-color-background: #fcf9f9;
|
|
--md-sys-color-on-background: #313234;
|
|
--md-sys-color-surface: #fcf9f9;
|
|
--md-sys-color-surface-dim: #dadadc;
|
|
--md-sys-color-surface-bright: #fcf9f9;
|
|
--md-sys-color-surface-container-lowest: #ffffff;
|
|
--md-sys-color-surface-container-low: #f5f3f4;
|
|
--md-sys-color-surface-container: #efedef;
|
|
--md-sys-color-surface-container-high: #e9e8e9;
|
|
--md-sys-color-surface-container-highest: #e3e2e4;
|
|
--md-sys-color-on-surface: #313234;
|
|
--md-sys-color-on-surface-variant: #5e5f61;
|
|
--md-sys-color-outline: #7a7a7d;
|
|
--md-sys-color-outline-variant: #b2b2b4;
|
|
--md-sys-color-inverse-surface: #0e0e0f;
|
|
--md-sys-color-inverse-on-surface: #9e9c9d;
|
|
--md-sys-color-primary: #595f65;
|
|
--md-sys-color-primary-dim: #4d5359;
|
|
--md-sys-color-on-primary: #f4f8ff;
|
|
--md-sys-color-primary-container: #dee3eb;
|
|
--md-sys-color-on-primary-container: #4d5259;
|
|
--md-sys-color-primary-fixed: #dee3eb;
|
|
--md-sys-color-primary-fixed-dim: #d0d5dc;
|
|
--md-sys-color-on-primary-fixed: #3a4046;
|
|
--md-sys-color-on-primary-fixed-variant: #565c63;
|
|
--md-sys-color-inverse-primary: #f2f7ff;
|
|
--md-sys-color-secondary: #5d5f62;
|
|
--md-sys-color-secondary-dim: #515356;
|
|
--md-sys-color-on-secondary: #f9f9fc;
|
|
--md-sys-color-secondary-container: #e2e2e5;
|
|
--md-sys-color-on-secondary-container: #505254;
|
|
--md-sys-color-secondary-fixed: #e2e2e5;
|
|
--md-sys-color-secondary-fixed-dim: #d4d4d7;
|
|
--md-sys-color-on-secondary-fixed: #3e3f42;
|
|
--md-sys-color-on-secondary-fixed-variant: #5a5b5e;
|
|
--md-sys-color-tertiary: #565f78;
|
|
--md-sys-color-tertiary-dim: #4a536b;
|
|
--md-sys-color-on-tertiary: #f9f8ff;
|
|
--md-sys-color-tertiary-container: #d0d9f7;
|
|
--md-sys-color-on-tertiary-container: #434c65;
|
|
--md-sys-color-tertiary-fixed: #d0d9f7;
|
|
--md-sys-color-tertiary-fixed-dim: #c2cbe9;
|
|
--md-sys-color-on-tertiary-fixed: #303951;
|
|
--md-sys-color-on-tertiary-fixed-variant: #4d566f;
|
|
--md-sys-color-error: #9f403d;
|
|
--md-sys-color-error-dim: #4e0309;
|
|
--md-sys-color-on-error: #fff7f6;
|
|
--md-sys-color-error-container: #fe8983;
|
|
--md-sys-color-on-error-container: #752121;
|
|
--md-sys-color-success: #006c45;
|
|
--md-sys-color-on-success: #ffffff;
|
|
--md-sys-color-success-container: #86f9bc;
|
|
--md-sys-color-on-success-container: #002112;
|
|
--md-sys-color-warning: #7c5800;
|
|
--md-sys-color-on-warning: #ffffff;
|
|
--md-sys-color-warning-container: #ffdea6;
|
|
--md-sys-color-on-warning-container: #271900;
|
|
--md-sys-color-info: #005ac4;
|
|
--md-sys-color-on-info: #ffffff;
|
|
--md-sys-color-info-container: #d8e2ff;
|
|
--md-sys-color-on-info-container: #001a42;
|
|
--md-sys-color-inverse-error: #ee7d77;
|
|
--md-sys-color-inverse-success: #69dca1;
|
|
--md-sys-color-inverse-warning: #fdbb28;
|
|
--md-sys-color-inverse-info: #aec6ff;
|
|
}
|
|
|
|
[data-scheme='graphite'][data-theme='dark'],
|
|
[data-scheme='graphite'] [data-theme='dark'] {
|
|
color-scheme: dark;
|
|
|
|
--md-sys-color-background: #0e0e0f;
|
|
--md-sys-color-on-background: #e6e5e7;
|
|
--md-sys-color-surface: #0e0e0f;
|
|
--md-sys-color-surface-dim: #0e0e0f;
|
|
--md-sys-color-surface-bright: #2b2c2e;
|
|
--md-sys-color-surface-container-lowest: #000000;
|
|
--md-sys-color-surface-container-low: #131314;
|
|
--md-sys-color-surface-container: #191a1b;
|
|
--md-sys-color-surface-container-high: #1f2021;
|
|
--md-sys-color-surface-container-highest: #252628;
|
|
--md-sys-color-on-surface: #e6e5e7;
|
|
--md-sys-color-on-surface-variant: #ababad;
|
|
--md-sys-color-outline: #757577;
|
|
--md-sys-color-outline-variant: #47484a;
|
|
--md-sys-color-inverse-surface: #fcf9f9;
|
|
--md-sys-color-inverse-on-surface: #555555;
|
|
--md-sys-color-primary: #c2c7ce;
|
|
--md-sys-color-primary-dim: #b4b9c1;
|
|
--md-sys-color-on-primary: #3b4147;
|
|
--md-sys-color-primary-container: #42474e;
|
|
--md-sys-color-on-primary-container: #cbd1d8;
|
|
--md-sys-color-primary-fixed: #dee3eb;
|
|
--md-sys-color-primary-fixed-dim: #d0d5dc;
|
|
--md-sys-color-on-primary-fixed: #3a4046;
|
|
--md-sys-color-on-primary-fixed-variant: #565c63;
|
|
--md-sys-color-inverse-primary: #5a6066;
|
|
--md-sys-color-secondary: #9d9ea1;
|
|
--md-sys-color-secondary-dim: #9d9ea1;
|
|
--md-sys-color-on-secondary: #1e2023;
|
|
--md-sys-color-secondary-container: #3a3b3e;
|
|
--md-sys-color-on-secondary-container: #bebfc2;
|
|
--md-sys-color-secondary-fixed: #e2e2e5;
|
|
--md-sys-color-secondary-fixed-dim: #d4d4d7;
|
|
--md-sys-color-on-secondary-fixed: #3e3f42;
|
|
--md-sys-color-on-secondary-fixed-variant: #5a5b5e;
|
|
--md-sys-color-tertiary: #e1e7ff;
|
|
--md-sys-color-tertiary-dim: #d0d9f7;
|
|
--md-sys-color-on-tertiary: #4c556e;
|
|
--md-sys-color-tertiary-container: #d0d9f7;
|
|
--md-sys-color-on-tertiary-container: #434c65;
|
|
--md-sys-color-tertiary-fixed: #d0d9f7;
|
|
--md-sys-color-tertiary-fixed-dim: #c2cbe9;
|
|
--md-sys-color-on-tertiary-fixed: #303951;
|
|
--md-sys-color-on-tertiary-fixed-variant: #4d566f;
|
|
--md-sys-color-error: #ee7d77;
|
|
--md-sys-color-error-dim: #bb5551;
|
|
--md-sys-color-on-error: #490106;
|
|
--md-sys-color-error-container: #7f2927;
|
|
--md-sys-color-on-error-container: #ff9993;
|
|
--md-sys-color-success: #69dca1;
|
|
--md-sys-color-on-success: #003822;
|
|
--md-sys-color-success-container: #005233;
|
|
--md-sys-color-on-success-container: #86f9bc;
|
|
--md-sys-color-warning: #fdbb28;
|
|
--md-sys-color-on-warning: #412d00;
|
|
--md-sys-color-warning-container: #5e4200;
|
|
--md-sys-color-on-warning-container: #ffdea6;
|
|
--md-sys-color-info: #aec6ff;
|
|
--md-sys-color-on-info: #002e6a;
|
|
--md-sys-color-info-container: #004396;
|
|
--md-sys-color-on-info-container: #d8e2ff;
|
|
--md-sys-color-inverse-error: #9f403d;
|
|
--md-sys-color-inverse-success: #006c45;
|
|
--md-sys-color-inverse-warning: #7c5800;
|
|
--md-sys-color-inverse-info: #005ac4;
|
|
}
|