Andreas Reinhold / reiniandClaude Opus 5
a88a052d9a
Livewire Material 2.0.0 aligns every component with Material 3 Expressive and carries no Tailwind anywhere, so SealShare drops tailwindcss and its Vite plugin and writes its views in the package's vocabulary: layout components (<x-pane>, <x-stack>, <x-row>, <x-grid>, <x-form>) with M3's spacing tokens, the md-type-*/md-ink-* text classes, and --md-sys-* tokens in its own small stylesheet. - resources/css/app.css opens with the package's layer order, imports foundation.css and the stylesheet of each component the views render, then the scheme, regenerated with the 2025 colour rules at M3's three contrast levels. The app's own rules follow, one section per view, on tokens and on M3's breakpoints (600/840/1200/1600px) only. - Every view is rewritten in that vocabulary while SealShare keeps the shape it had: the admin table, the admin settings, the recovery codes, the share options and the download page are cards, and their fields fill them rather than stopping at the 40rem bound a card already bounds. The user settings pages became cards too, to match the admin's, each with the sections that stand apart from its one subject — deleting the account, the recovery codes — in a card beside it. Material 3 decides how a component behaves, not whether a container survives: buttons keep their label's width, a form's actions end it, and each heading level keeps one type role. - The layouts clear the floating toolbar by the --material-bottom-toolbar the package publishes, and the snackbar clears it by itself. - The two-factor setup QR code comes from QrCodeService, so it keeps a white field and quiet zone in the dark theme and still scans. - Browse Files is a real button that opens the file input, reachable and visibly focused from the keyboard. - Tests: the design test scans views, JS, CSS and app/ and checks the CSS entry both ways (no missing, no unused import). New Chromium suites cover the frame, settings and admin, the share flow, and every page at M3's breakpoint edges (599/600, 839/840, 1199/1200, 1600px). The package's renamed data-md-* hooks replace the 1.x ones. - Boost's update brings the material-3 guideline and skill and drops the Tailwind skill. composer.json requires nonameweb/livewire-material ^2.0 from the Gitea repository, resolved at the 2.0.0 tag. The CHANGELOG records the move as 2.1.0. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
3881 lines
162 KiB
CSS
3881 lines
162 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, data-scheme
|
|
* and data-contrast 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: #006943;
|
|
--md-sys-color-on-success: #caffdd;
|
|
--md-sys-color-success-container: #86f9bc;
|
|
--md-sys-color-on-success-container: #00734a;
|
|
--md-sys-color-warning: #785500;
|
|
--md-sys-color-on-warning: #fff1dd;
|
|
--md-sys-color-warning-container: #fab925;
|
|
--md-sys-color-on-warning-container: #6a4b00;
|
|
--md-sys-color-info: #0057be;
|
|
--md-sys-color-on-info: #f0f2ff;
|
|
--md-sys-color-info-container: #1c7afc;
|
|
--md-sys-color-on-info-container: #001435;
|
|
--md-sys-color-inverse-error: #ff6e84;
|
|
--md-sys-color-inverse-success: #3bb27b;
|
|
--md-sys-color-inverse-warning: #f3b31e;
|
|
--md-sys-color-inverse-info: #699cff;
|
|
}
|
|
|
|
[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: #3bb27b;
|
|
--md-sys-color-on-success: #002615;
|
|
--md-sys-color-success-container: #059460;
|
|
--md-sys-color-on-success-container: #001e10;
|
|
--md-sys-color-warning: #f3b31e;
|
|
--md-sys-color-on-warning: #4e3600;
|
|
--md-sys-color-warning-container: #e4a604;
|
|
--md-sys-color-on-warning-container: #593f00;
|
|
--md-sys-color-info: #699cff;
|
|
--md-sys-color-on-info: #001e4b;
|
|
--md-sys-color-info-container: #0c74f6;
|
|
--md-sys-color-on-info-container: #000a23;
|
|
--md-sys-color-inverse-error: #b41340;
|
|
--md-sys-color-inverse-success: #006943;
|
|
--md-sys-color-inverse-warning: #785500;
|
|
--md-sys-color-inverse-info: #0057be;
|
|
}
|
|
|
|
[data-contrast='medium'],
|
|
[data-contrast='medium'][data-theme='light'],
|
|
[data-contrast='medium'] [data-theme='light'] {
|
|
color-scheme: light;
|
|
|
|
--md-sys-color-background: #faf4ff;
|
|
--md-sys-color-on-background: #22193f;
|
|
--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: #22193f;
|
|
--md-sys-color-on-surface-variant: #433961;
|
|
--md-sys-color-outline: #5f557f;
|
|
--md-sys-color-outline-variant: #7b719c;
|
|
--md-sys-color-inverse-surface: #10062d;
|
|
--md-sys-color-inverse-on-surface: #cabeee;
|
|
--md-sys-color-primary: #2a10c7;
|
|
--md-sys-color-primary-dim: #2000b0;
|
|
--md-sys-color-on-primary: #d2cfff;
|
|
--md-sys-color-primary-container: #645dfc;
|
|
--md-sys-color-on-primary-container: #ffffff;
|
|
--md-sys-color-primary-fixed: #645dfc;
|
|
--md-sys-color-primary-fixed-dim: #574fef;
|
|
--md-sys-color-on-primary-fixed: #ffffff;
|
|
--md-sys-color-on-primary-fixed-variant: #ffffff;
|
|
--md-sys-color-inverse-primary: #9391ff;
|
|
--md-sys-color-secondary: #452993;
|
|
--md-sys-color-secondary-dim: #3a1b88;
|
|
--md-sys-color-on-secondary: #dacdff;
|
|
--md-sys-color-secondary-container: #7c63cd;
|
|
--md-sys-color-on-secondary-container: #ffffff;
|
|
--md-sys-color-secondary-fixed: #7c63cd;
|
|
--md-sys-color-secondary-fixed-dim: #6f56bf;
|
|
--md-sys-color-on-secondary-fixed: #ffffff;
|
|
--md-sys-color-on-secondary-fixed-variant: #ffffff;
|
|
--md-sys-color-tertiary: #741854;
|
|
--md-sys-color-tertiary-dim: #660848;
|
|
--md-sys-color-on-tertiary: #ffc3e0;
|
|
--md-sys-color-tertiary-container: #b6508c;
|
|
--md-sys-color-on-tertiary-container: #ffffff;
|
|
--md-sys-color-tertiary-fixed: #b6508c;
|
|
--md-sys-color-tertiary-fixed-dim: #a7437f;
|
|
--md-sys-color-on-tertiary-fixed: #ffffff;
|
|
--md-sys-color-on-tertiary-fixed-variant: #ffffff;
|
|
--md-sys-color-error: #83002a;
|
|
--md-sys-color-error-dim: #6e0022;
|
|
--md-sys-color-on-error: #ffc6ca;
|
|
--md-sys-color-error-container: #d73357;
|
|
--md-sys-color-on-error-container: #ffffff;
|
|
--md-sys-color-success: #00492d;
|
|
--md-sys-color-on-success: #77eaae;
|
|
--md-sys-color-success-container: #008656;
|
|
--md-sys-color-on-success-container: #ffffff;
|
|
--md-sys-color-warning: #543b00;
|
|
--md-sys-color-on-warning: #ffcd6d;
|
|
--md-sys-color-warning-container: #986d00;
|
|
--md-sys-color-on-warning-container: #ffffff;
|
|
--md-sys-color-info: #003c87;
|
|
--md-sys-color-on-info: #c3d4ff;
|
|
--md-sys-color-info-container: #006fef;
|
|
--md-sys-color-on-info-container: #ffffff;
|
|
--md-sys-color-inverse-error: #ff9da8;
|
|
--md-sys-color-inverse-success: #5ace94;
|
|
--md-sys-color-inverse-warning: #f3b31e;
|
|
--md-sys-color-inverse-info: #98b8ff;
|
|
}
|
|
|
|
[data-contrast='medium'][data-theme='dark'],
|
|
[data-contrast='medium'] [data-theme='dark'] {
|
|
color-scheme: dark;
|
|
|
|
--md-sys-color-background: #10062d;
|
|
--md-sys-color-on-background: #ffffff;
|
|
--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: #ffffff;
|
|
--md-sys-color-on-surface-variant: #beb2e2;
|
|
--md-sys-color-outline: #988dba;
|
|
--md-sys-color-outline-variant: #7a6f9b;
|
|
--md-sys-color-inverse-surface: #fdf7ff;
|
|
--md-sys-color-inverse-on-surface: #3b325a;
|
|
--md-sys-color-primary: #b3b1ff;
|
|
--md-sys-color-primary-dim: #a3a1ff;
|
|
--md-sys-color-on-primary: #1a0099;
|
|
--md-sys-color-primary-container: #9795ff;
|
|
--md-sys-color-on-primary-container: #0a0055;
|
|
--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: #000000;
|
|
--md-sys-color-inverse-primary: #4337dc;
|
|
--md-sys-color-secondary: #c0adff;
|
|
--md-sys-color-secondary-dim: #b39cff;
|
|
--md-sys-color-on-secondary: #320d80;
|
|
--md-sys-color-secondary-container: #7c63cd;
|
|
--md-sys-color-on-secondary-container: #ffffff;
|
|
--md-sys-color-secondary-fixed: #d8caff;
|
|
--md-sys-color-secondary-fixed-dim: #cbbaff;
|
|
--md-sys-color-on-secondary-fixed: #100039;
|
|
--md-sys-color-on-secondary-fixed-variant: #3a1b88;
|
|
--md-sys-color-tertiary: #ff9dd1;
|
|
--md-sys-color-tertiary-dim: #fa88c8;
|
|
--md-sys-color-on-tertiary: #5e0041;
|
|
--md-sys-color-tertiary-container: #fa88c8;
|
|
--md-sys-color-on-tertiary-container: #4a0033;
|
|
--md-sys-color-tertiary-fixed: #fd8bca;
|
|
--md-sys-color-tertiary-fixed-dim: #ee7ebc;
|
|
--md-sys-color-on-tertiary-fixed: #000000;
|
|
--md-sys-color-on-tertiary-fixed-variant: #360024;
|
|
--md-sys-color-error: #ff9da8;
|
|
--md-sys-color-error-dim: #ff8695;
|
|
--md-sys-color-on-error: #5f001c;
|
|
--md-sys-color-error-container: #d73357;
|
|
--md-sys-color-on-error-container: #ffffff;
|
|
--md-sys-color-success: #5ace94;
|
|
--md-sys-color-on-success: #00341e;
|
|
--md-sys-color-success-container: #008656;
|
|
--md-sys-color-on-success-container: #ffffff;
|
|
--md-sys-color-warning: #f3b31e;
|
|
--md-sys-color-on-warning: #412d00;
|
|
--md-sys-color-warning-container: #e4a604;
|
|
--md-sys-color-on-warning-container: #332200;
|
|
--md-sys-color-info: #98b8ff;
|
|
--md-sys-color-on-info: #002a62;
|
|
--md-sys-color-info-container: #006fef;
|
|
--md-sys-color-on-info-container: #ffffff;
|
|
--md-sys-color-inverse-error: #83002a;
|
|
--md-sys-color-inverse-success: #00492d;
|
|
--md-sys-color-inverse-warning: #543b00;
|
|
--md-sys-color-inverse-info: #003c87;
|
|
}
|
|
|
|
[data-contrast='high'],
|
|
[data-contrast='high'][data-theme='light'],
|
|
[data-contrast='high'] [data-theme='light'] {
|
|
color-scheme: light;
|
|
|
|
--md-sys-color-background: #faf4ff;
|
|
--md-sys-color-on-background: #000000;
|
|
--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: #000000;
|
|
--md-sys-color-on-surface-variant: #22193f;
|
|
--md-sys-color-outline: #433961;
|
|
--md-sys-color-outline-variant: #524972;
|
|
--md-sys-color-inverse-surface: #10062d;
|
|
--md-sys-color-inverse-on-surface: #ffffff;
|
|
--md-sys-color-primary: #110075;
|
|
--md-sys-color-primary-dim: #0a0058;
|
|
--md-sys-color-on-primary: #d3d0ff;
|
|
--md-sys-color-primary-container: #3c2ed5;
|
|
--md-sys-color-on-primary-container: #ffffff;
|
|
--md-sys-color-primary-fixed: #3c2ed5;
|
|
--md-sys-color-primary-fixed-dim: #2e1acb;
|
|
--md-sys-color-on-primary-fixed: #ffffff;
|
|
--md-sys-color-on-primary-fixed-variant: #ffffff;
|
|
--md-sys-color-inverse-primary: #c1beff;
|
|
--md-sys-color-secondary: #240069;
|
|
--md-sys-color-secondary-dim: #19004f;
|
|
--md-sys-color-on-secondary: #daceff;
|
|
--md-sys-color-secondary-container: #553ba4;
|
|
--md-sys-color-on-secondary-container: #ffffff;
|
|
--md-sys-color-secondary-fixed: #553ba4;
|
|
--md-sys-color-secondary-fixed-dim: #492e97;
|
|
--md-sys-color-on-secondary-fixed: #ffffff;
|
|
--md-sys-color-on-secondary-fixed-variant: #ffffff;
|
|
--md-sys-color-tertiary: #43002e;
|
|
--md-sys-color-tertiary-dim: #310021;
|
|
--md-sys-color-on-tertiary: #ffc4e0;
|
|
--md-sys-color-tertiary-container: #882964;
|
|
--md-sys-color-on-tertiary-container: #ffffff;
|
|
--md-sys-color-tertiary-fixed: #882964;
|
|
--md-sys-color-tertiary-fixed-dim: #791c58;
|
|
--md-sys-color-on-tertiary-fixed: #ffffff;
|
|
--md-sys-color-on-tertiary-fixed-variant: #ffffff;
|
|
--md-sys-color-error: #470013;
|
|
--md-sys-color-error-dim: #34000c;
|
|
--md-sys-color-on-error: #ffc6cb;
|
|
--md-sys-color-error-container: #a00035;
|
|
--md-sys-color-on-error-container: #ffffff;
|
|
--md-sys-color-success: #002515;
|
|
--md-sys-color-on-success: #78eaaf;
|
|
--md-sys-color-success-container: #005b39;
|
|
--md-sys-color-on-success-container: #ffffff;
|
|
--md-sys-color-warning: #2c1d00;
|
|
--md-sys-color-on-warning: #ffcd6f;
|
|
--md-sys-color-warning-container: #684900;
|
|
--md-sys-color-on-warning-container: #ffffff;
|
|
--md-sys-color-info: #001e4a;
|
|
--md-sys-color-on-info: #c3d4ff;
|
|
--md-sys-color-info-container: #004ba5;
|
|
--md-sys-color-on-info-container: #ffffff;
|
|
--md-sys-color-inverse-error: #ffdddf;
|
|
--md-sys-color-inverse-success: #89fcbf;
|
|
--md-sys-color-inverse-warning: #ffe2b1;
|
|
--md-sys-color-inverse-info: #dde5ff;
|
|
}
|
|
|
|
[data-contrast='high'][data-theme='dark'],
|
|
[data-contrast='high'] [data-theme='dark'] {
|
|
color-scheme: dark;
|
|
|
|
--md-sys-color-background: #10062d;
|
|
--md-sys-color-on-background: #ffffff;
|
|
--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: #ffffff;
|
|
--md-sys-color-on-surface-variant: #eae1ff;
|
|
--md-sys-color-outline: #beb2e2;
|
|
--md-sys-color-outline-variant: #a99dcc;
|
|
--md-sys-color-inverse-surface: #fdf7ff;
|
|
--md-sys-color-inverse-on-surface: #000000;
|
|
--md-sys-color-primary: #e6e2ff;
|
|
--md-sys-color-primary-dim: #d3d0ff;
|
|
--md-sys-color-on-primary: #1a0099;
|
|
--md-sys-color-primary-container: #9b99ff;
|
|
--md-sys-color-on-primary-container: #000000;
|
|
--md-sys-color-primary-fixed: #9b99ff;
|
|
--md-sys-color-primary-fixed-dim: #8c89ff;
|
|
--md-sys-color-on-primary-fixed: #000000;
|
|
--md-sys-color-on-primary-fixed-variant: #000000;
|
|
--md-sys-color-inverse-primary: #2200bc;
|
|
--md-sys-color-secondary: #eae1ff;
|
|
--md-sys-color-secondary-dim: #dbceff;
|
|
--md-sys-color-on-secondary: #320d80;
|
|
--md-sys-color-secondary-container: #ac93ff;
|
|
--md-sys-color-on-secondary-container: #000000;
|
|
--md-sys-color-secondary-fixed: #d8caff;
|
|
--md-sys-color-secondary-fixed-dim: #cbbaff;
|
|
--md-sys-color-on-secondary-fixed: #000000;
|
|
--md-sys-color-on-secondary-fixed-variant: #100039;
|
|
--md-sys-color-tertiary: #ffdceb;
|
|
--md-sys-color-tertiary-dim: #ffc4e0;
|
|
--md-sys-color-on-tertiary: #5a003f;
|
|
--md-sys-color-tertiary-container: #fa88c8;
|
|
--md-sys-color-on-tertiary-container: #000000;
|
|
--md-sys-color-tertiary-fixed: #fd8bca;
|
|
--md-sys-color-tertiary-fixed-dim: #ee7ebc;
|
|
--md-sys-color-on-tertiary-fixed: #000000;
|
|
--md-sys-color-on-tertiary-fixed-variant: #000000;
|
|
--md-sys-color-error: #ffdddf;
|
|
--md-sys-color-error-dim: #ffc7cb;
|
|
--md-sys-color-on-error: #5f001c;
|
|
--md-sys-color-error-container: #ff798c;
|
|
--md-sys-color-on-error-container: #000000;
|
|
--md-sys-color-success: #89fcbf;
|
|
--md-sys-color-on-success: #00341e;
|
|
--md-sys-color-success-container: #42b880;
|
|
--md-sys-color-on-success-container: #000000;
|
|
--md-sys-color-warning: #ffe2b1;
|
|
--md-sys-color-on-warning: #3c2900;
|
|
--md-sys-color-warning-container: #e4a604;
|
|
--md-sys-color-on-warning-container: #000000;
|
|
--md-sys-color-info: #dde5ff;
|
|
--md-sys-color-on-info: #002a62;
|
|
--md-sys-color-info-container: #74a2ff;
|
|
--md-sys-color-on-info-container: #000000;
|
|
--md-sys-color-inverse-error: #470013;
|
|
--md-sys-color-inverse-success: #002515;
|
|
--md-sys-color-inverse-warning: #2c1d00;
|
|
--md-sys-color-inverse-info: #001e4a;
|
|
}
|
|
|
|
[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: #006943;
|
|
--md-sys-color-on-success: #caffdd;
|
|
--md-sys-color-success-container: #86f9bc;
|
|
--md-sys-color-on-success-container: #00734a;
|
|
--md-sys-color-warning: #785500;
|
|
--md-sys-color-on-warning: #fff1dd;
|
|
--md-sys-color-warning-container: #fab925;
|
|
--md-sys-color-on-warning-container: #6a4b00;
|
|
--md-sys-color-info: #0057be;
|
|
--md-sys-color-on-info: #f0f2ff;
|
|
--md-sys-color-info-container: #1c7afc;
|
|
--md-sys-color-on-info-container: #001435;
|
|
--md-sys-color-inverse-error: #ff6e84;
|
|
--md-sys-color-inverse-success: #3bb27b;
|
|
--md-sys-color-inverse-warning: #f3b31e;
|
|
--md-sys-color-inverse-info: #699cff;
|
|
}
|
|
|
|
[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: #3bb27b;
|
|
--md-sys-color-on-success: #002615;
|
|
--md-sys-color-success-container: #059460;
|
|
--md-sys-color-on-success-container: #001e10;
|
|
--md-sys-color-warning: #f3b31e;
|
|
--md-sys-color-on-warning: #4e3600;
|
|
--md-sys-color-warning-container: #e4a604;
|
|
--md-sys-color-on-warning-container: #593f00;
|
|
--md-sys-color-info: #699cff;
|
|
--md-sys-color-on-info: #001e4b;
|
|
--md-sys-color-info-container: #0c74f6;
|
|
--md-sys-color-on-info-container: #000a23;
|
|
--md-sys-color-inverse-error: #b41340;
|
|
--md-sys-color-inverse-success: #006943;
|
|
--md-sys-color-inverse-warning: #785500;
|
|
--md-sys-color-inverse-info: #0057be;
|
|
}
|
|
|
|
[data-scheme='indigo'][data-contrast='medium'],
|
|
[data-scheme='indigo'][data-contrast='medium'][data-theme='light'],
|
|
[data-scheme='indigo'][data-contrast='medium'] [data-theme='light'] {
|
|
color-scheme: light;
|
|
|
|
--md-sys-color-background: #faf4ff;
|
|
--md-sys-color-on-background: #22193f;
|
|
--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: #22193f;
|
|
--md-sys-color-on-surface-variant: #433961;
|
|
--md-sys-color-outline: #5f557f;
|
|
--md-sys-color-outline-variant: #7b719c;
|
|
--md-sys-color-inverse-surface: #10062d;
|
|
--md-sys-color-inverse-on-surface: #cabeee;
|
|
--md-sys-color-primary: #2a10c7;
|
|
--md-sys-color-primary-dim: #2000b0;
|
|
--md-sys-color-on-primary: #d2cfff;
|
|
--md-sys-color-primary-container: #645dfc;
|
|
--md-sys-color-on-primary-container: #ffffff;
|
|
--md-sys-color-primary-fixed: #645dfc;
|
|
--md-sys-color-primary-fixed-dim: #574fef;
|
|
--md-sys-color-on-primary-fixed: #ffffff;
|
|
--md-sys-color-on-primary-fixed-variant: #ffffff;
|
|
--md-sys-color-inverse-primary: #9391ff;
|
|
--md-sys-color-secondary: #452993;
|
|
--md-sys-color-secondary-dim: #3a1b88;
|
|
--md-sys-color-on-secondary: #dacdff;
|
|
--md-sys-color-secondary-container: #7c63cd;
|
|
--md-sys-color-on-secondary-container: #ffffff;
|
|
--md-sys-color-secondary-fixed: #7c63cd;
|
|
--md-sys-color-secondary-fixed-dim: #6f56bf;
|
|
--md-sys-color-on-secondary-fixed: #ffffff;
|
|
--md-sys-color-on-secondary-fixed-variant: #ffffff;
|
|
--md-sys-color-tertiary: #741854;
|
|
--md-sys-color-tertiary-dim: #660848;
|
|
--md-sys-color-on-tertiary: #ffc3e0;
|
|
--md-sys-color-tertiary-container: #b6508c;
|
|
--md-sys-color-on-tertiary-container: #ffffff;
|
|
--md-sys-color-tertiary-fixed: #b6508c;
|
|
--md-sys-color-tertiary-fixed-dim: #a7437f;
|
|
--md-sys-color-on-tertiary-fixed: #ffffff;
|
|
--md-sys-color-on-tertiary-fixed-variant: #ffffff;
|
|
--md-sys-color-error: #83002a;
|
|
--md-sys-color-error-dim: #6e0022;
|
|
--md-sys-color-on-error: #ffc6ca;
|
|
--md-sys-color-error-container: #d73357;
|
|
--md-sys-color-on-error-container: #ffffff;
|
|
--md-sys-color-success: #00492d;
|
|
--md-sys-color-on-success: #77eaae;
|
|
--md-sys-color-success-container: #008656;
|
|
--md-sys-color-on-success-container: #ffffff;
|
|
--md-sys-color-warning: #543b00;
|
|
--md-sys-color-on-warning: #ffcd6d;
|
|
--md-sys-color-warning-container: #986d00;
|
|
--md-sys-color-on-warning-container: #ffffff;
|
|
--md-sys-color-info: #003c87;
|
|
--md-sys-color-on-info: #c3d4ff;
|
|
--md-sys-color-info-container: #006fef;
|
|
--md-sys-color-on-info-container: #ffffff;
|
|
--md-sys-color-inverse-error: #ff9da8;
|
|
--md-sys-color-inverse-success: #5ace94;
|
|
--md-sys-color-inverse-warning: #f3b31e;
|
|
--md-sys-color-inverse-info: #98b8ff;
|
|
}
|
|
|
|
[data-scheme='indigo'][data-contrast='medium'][data-theme='dark'],
|
|
[data-scheme='indigo'][data-contrast='medium'] [data-theme='dark'] {
|
|
color-scheme: dark;
|
|
|
|
--md-sys-color-background: #10062d;
|
|
--md-sys-color-on-background: #ffffff;
|
|
--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: #ffffff;
|
|
--md-sys-color-on-surface-variant: #beb2e2;
|
|
--md-sys-color-outline: #988dba;
|
|
--md-sys-color-outline-variant: #7a6f9b;
|
|
--md-sys-color-inverse-surface: #fdf7ff;
|
|
--md-sys-color-inverse-on-surface: #3b325a;
|
|
--md-sys-color-primary: #b3b1ff;
|
|
--md-sys-color-primary-dim: #a3a1ff;
|
|
--md-sys-color-on-primary: #1a0099;
|
|
--md-sys-color-primary-container: #9795ff;
|
|
--md-sys-color-on-primary-container: #0a0055;
|
|
--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: #000000;
|
|
--md-sys-color-inverse-primary: #4337dc;
|
|
--md-sys-color-secondary: #c0adff;
|
|
--md-sys-color-secondary-dim: #b39cff;
|
|
--md-sys-color-on-secondary: #320d80;
|
|
--md-sys-color-secondary-container: #7c63cd;
|
|
--md-sys-color-on-secondary-container: #ffffff;
|
|
--md-sys-color-secondary-fixed: #d8caff;
|
|
--md-sys-color-secondary-fixed-dim: #cbbaff;
|
|
--md-sys-color-on-secondary-fixed: #100039;
|
|
--md-sys-color-on-secondary-fixed-variant: #3a1b88;
|
|
--md-sys-color-tertiary: #ff9dd1;
|
|
--md-sys-color-tertiary-dim: #fa88c8;
|
|
--md-sys-color-on-tertiary: #5e0041;
|
|
--md-sys-color-tertiary-container: #fa88c8;
|
|
--md-sys-color-on-tertiary-container: #4a0033;
|
|
--md-sys-color-tertiary-fixed: #fd8bca;
|
|
--md-sys-color-tertiary-fixed-dim: #ee7ebc;
|
|
--md-sys-color-on-tertiary-fixed: #000000;
|
|
--md-sys-color-on-tertiary-fixed-variant: #360024;
|
|
--md-sys-color-error: #ff9da8;
|
|
--md-sys-color-error-dim: #ff8695;
|
|
--md-sys-color-on-error: #5f001c;
|
|
--md-sys-color-error-container: #d73357;
|
|
--md-sys-color-on-error-container: #ffffff;
|
|
--md-sys-color-success: #5ace94;
|
|
--md-sys-color-on-success: #00341e;
|
|
--md-sys-color-success-container: #008656;
|
|
--md-sys-color-on-success-container: #ffffff;
|
|
--md-sys-color-warning: #f3b31e;
|
|
--md-sys-color-on-warning: #412d00;
|
|
--md-sys-color-warning-container: #e4a604;
|
|
--md-sys-color-on-warning-container: #332200;
|
|
--md-sys-color-info: #98b8ff;
|
|
--md-sys-color-on-info: #002a62;
|
|
--md-sys-color-info-container: #006fef;
|
|
--md-sys-color-on-info-container: #ffffff;
|
|
--md-sys-color-inverse-error: #83002a;
|
|
--md-sys-color-inverse-success: #00492d;
|
|
--md-sys-color-inverse-warning: #543b00;
|
|
--md-sys-color-inverse-info: #003c87;
|
|
}
|
|
|
|
[data-scheme='indigo'][data-contrast='high'],
|
|
[data-scheme='indigo'][data-contrast='high'][data-theme='light'],
|
|
[data-scheme='indigo'][data-contrast='high'] [data-theme='light'] {
|
|
color-scheme: light;
|
|
|
|
--md-sys-color-background: #faf4ff;
|
|
--md-sys-color-on-background: #000000;
|
|
--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: #000000;
|
|
--md-sys-color-on-surface-variant: #22193f;
|
|
--md-sys-color-outline: #433961;
|
|
--md-sys-color-outline-variant: #524972;
|
|
--md-sys-color-inverse-surface: #10062d;
|
|
--md-sys-color-inverse-on-surface: #ffffff;
|
|
--md-sys-color-primary: #110075;
|
|
--md-sys-color-primary-dim: #0a0058;
|
|
--md-sys-color-on-primary: #d3d0ff;
|
|
--md-sys-color-primary-container: #3c2ed5;
|
|
--md-sys-color-on-primary-container: #ffffff;
|
|
--md-sys-color-primary-fixed: #3c2ed5;
|
|
--md-sys-color-primary-fixed-dim: #2e1acb;
|
|
--md-sys-color-on-primary-fixed: #ffffff;
|
|
--md-sys-color-on-primary-fixed-variant: #ffffff;
|
|
--md-sys-color-inverse-primary: #c1beff;
|
|
--md-sys-color-secondary: #240069;
|
|
--md-sys-color-secondary-dim: #19004f;
|
|
--md-sys-color-on-secondary: #daceff;
|
|
--md-sys-color-secondary-container: #553ba4;
|
|
--md-sys-color-on-secondary-container: #ffffff;
|
|
--md-sys-color-secondary-fixed: #553ba4;
|
|
--md-sys-color-secondary-fixed-dim: #492e97;
|
|
--md-sys-color-on-secondary-fixed: #ffffff;
|
|
--md-sys-color-on-secondary-fixed-variant: #ffffff;
|
|
--md-sys-color-tertiary: #43002e;
|
|
--md-sys-color-tertiary-dim: #310021;
|
|
--md-sys-color-on-tertiary: #ffc4e0;
|
|
--md-sys-color-tertiary-container: #882964;
|
|
--md-sys-color-on-tertiary-container: #ffffff;
|
|
--md-sys-color-tertiary-fixed: #882964;
|
|
--md-sys-color-tertiary-fixed-dim: #791c58;
|
|
--md-sys-color-on-tertiary-fixed: #ffffff;
|
|
--md-sys-color-on-tertiary-fixed-variant: #ffffff;
|
|
--md-sys-color-error: #470013;
|
|
--md-sys-color-error-dim: #34000c;
|
|
--md-sys-color-on-error: #ffc6cb;
|
|
--md-sys-color-error-container: #a00035;
|
|
--md-sys-color-on-error-container: #ffffff;
|
|
--md-sys-color-success: #002515;
|
|
--md-sys-color-on-success: #78eaaf;
|
|
--md-sys-color-success-container: #005b39;
|
|
--md-sys-color-on-success-container: #ffffff;
|
|
--md-sys-color-warning: #2c1d00;
|
|
--md-sys-color-on-warning: #ffcd6f;
|
|
--md-sys-color-warning-container: #684900;
|
|
--md-sys-color-on-warning-container: #ffffff;
|
|
--md-sys-color-info: #001e4a;
|
|
--md-sys-color-on-info: #c3d4ff;
|
|
--md-sys-color-info-container: #004ba5;
|
|
--md-sys-color-on-info-container: #ffffff;
|
|
--md-sys-color-inverse-error: #ffdddf;
|
|
--md-sys-color-inverse-success: #89fcbf;
|
|
--md-sys-color-inverse-warning: #ffe2b1;
|
|
--md-sys-color-inverse-info: #dde5ff;
|
|
}
|
|
|
|
[data-scheme='indigo'][data-contrast='high'][data-theme='dark'],
|
|
[data-scheme='indigo'][data-contrast='high'] [data-theme='dark'] {
|
|
color-scheme: dark;
|
|
|
|
--md-sys-color-background: #10062d;
|
|
--md-sys-color-on-background: #ffffff;
|
|
--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: #ffffff;
|
|
--md-sys-color-on-surface-variant: #eae1ff;
|
|
--md-sys-color-outline: #beb2e2;
|
|
--md-sys-color-outline-variant: #a99dcc;
|
|
--md-sys-color-inverse-surface: #fdf7ff;
|
|
--md-sys-color-inverse-on-surface: #000000;
|
|
--md-sys-color-primary: #e6e2ff;
|
|
--md-sys-color-primary-dim: #d3d0ff;
|
|
--md-sys-color-on-primary: #1a0099;
|
|
--md-sys-color-primary-container: #9b99ff;
|
|
--md-sys-color-on-primary-container: #000000;
|
|
--md-sys-color-primary-fixed: #9b99ff;
|
|
--md-sys-color-primary-fixed-dim: #8c89ff;
|
|
--md-sys-color-on-primary-fixed: #000000;
|
|
--md-sys-color-on-primary-fixed-variant: #000000;
|
|
--md-sys-color-inverse-primary: #2200bc;
|
|
--md-sys-color-secondary: #eae1ff;
|
|
--md-sys-color-secondary-dim: #dbceff;
|
|
--md-sys-color-on-secondary: #320d80;
|
|
--md-sys-color-secondary-container: #ac93ff;
|
|
--md-sys-color-on-secondary-container: #000000;
|
|
--md-sys-color-secondary-fixed: #d8caff;
|
|
--md-sys-color-secondary-fixed-dim: #cbbaff;
|
|
--md-sys-color-on-secondary-fixed: #000000;
|
|
--md-sys-color-on-secondary-fixed-variant: #100039;
|
|
--md-sys-color-tertiary: #ffdceb;
|
|
--md-sys-color-tertiary-dim: #ffc4e0;
|
|
--md-sys-color-on-tertiary: #5a003f;
|
|
--md-sys-color-tertiary-container: #fa88c8;
|
|
--md-sys-color-on-tertiary-container: #000000;
|
|
--md-sys-color-tertiary-fixed: #fd8bca;
|
|
--md-sys-color-tertiary-fixed-dim: #ee7ebc;
|
|
--md-sys-color-on-tertiary-fixed: #000000;
|
|
--md-sys-color-on-tertiary-fixed-variant: #000000;
|
|
--md-sys-color-error: #ffdddf;
|
|
--md-sys-color-error-dim: #ffc7cb;
|
|
--md-sys-color-on-error: #5f001c;
|
|
--md-sys-color-error-container: #ff798c;
|
|
--md-sys-color-on-error-container: #000000;
|
|
--md-sys-color-success: #89fcbf;
|
|
--md-sys-color-on-success: #00341e;
|
|
--md-sys-color-success-container: #42b880;
|
|
--md-sys-color-on-success-container: #000000;
|
|
--md-sys-color-warning: #ffe2b1;
|
|
--md-sys-color-on-warning: #3c2900;
|
|
--md-sys-color-warning-container: #e4a604;
|
|
--md-sys-color-on-warning-container: #000000;
|
|
--md-sys-color-info: #dde5ff;
|
|
--md-sys-color-on-info: #002a62;
|
|
--md-sys-color-info-container: #74a2ff;
|
|
--md-sys-color-on-info-container: #000000;
|
|
--md-sys-color-inverse-error: #470013;
|
|
--md-sys-color-inverse-success: #002515;
|
|
--md-sys-color-inverse-warning: #2c1d00;
|
|
--md-sys-color-inverse-info: #001e4a;
|
|
}
|
|
|
|
[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: #006943;
|
|
--md-sys-color-on-success: #caffdd;
|
|
--md-sys-color-success-container: #86f9bc;
|
|
--md-sys-color-on-success-container: #00734a;
|
|
--md-sys-color-warning: #785500;
|
|
--md-sys-color-on-warning: #fff1dd;
|
|
--md-sys-color-warning-container: #fab925;
|
|
--md-sys-color-on-warning-container: #6a4b00;
|
|
--md-sys-color-info: #0057be;
|
|
--md-sys-color-on-info: #f0f2ff;
|
|
--md-sys-color-info-container: #1c7afc;
|
|
--md-sys-color-on-info-container: #001435;
|
|
--md-sys-color-inverse-error: #ff716c;
|
|
--md-sys-color-inverse-success: #3bb27b;
|
|
--md-sys-color-inverse-warning: #f3b31e;
|
|
--md-sys-color-inverse-info: #699cff;
|
|
}
|
|
|
|
[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: #3bb27b;
|
|
--md-sys-color-on-success: #002615;
|
|
--md-sys-color-success-container: #059460;
|
|
--md-sys-color-on-success-container: #001e10;
|
|
--md-sys-color-warning: #f3b31e;
|
|
--md-sys-color-on-warning: #4e3600;
|
|
--md-sys-color-warning-container: #e4a604;
|
|
--md-sys-color-on-warning-container: #593f00;
|
|
--md-sys-color-info: #699cff;
|
|
--md-sys-color-on-info: #001e4b;
|
|
--md-sys-color-info-container: #0c74f6;
|
|
--md-sys-color-on-info-container: #000a23;
|
|
--md-sys-color-inverse-error: #b31b25;
|
|
--md-sys-color-inverse-success: #006943;
|
|
--md-sys-color-inverse-warning: #785500;
|
|
--md-sys-color-inverse-info: #0057be;
|
|
}
|
|
|
|
[data-scheme='blue'][data-contrast='medium'],
|
|
[data-scheme='blue'][data-contrast='medium'][data-theme='light'],
|
|
[data-scheme='blue'][data-contrast='medium'] [data-theme='light'] {
|
|
color-scheme: light;
|
|
|
|
--md-sys-color-background: #f8f5ff;
|
|
--md-sys-color-on-background: #171c41;
|
|
--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: #171c41;
|
|
--md-sys-color-on-surface-variant: #373c63;
|
|
--md-sys-color-outline: #545981;
|
|
--md-sys-color-outline-variant: #6f749e;
|
|
--md-sys-color-inverse-surface: #05092f;
|
|
--md-sys-color-inverse-on-surface: #bdc2f0;
|
|
--md-sys-color-primary: #003991;
|
|
--md-sys-color-primary-dim: #002f7a;
|
|
--md-sys-color-on-primary: #c6d3ff;
|
|
--md-sys-color-primary-container: #076afe;
|
|
--md-sys-color-on-primary-container: #ffffff;
|
|
--md-sys-color-primary-fixed: #076afe;
|
|
--md-sys-color-primary-fixed-dim: #005fe6;
|
|
--md-sys-color-on-primary-fixed: #ffffff;
|
|
--md-sys-color-on-primary-fixed-variant: #ffffff;
|
|
--md-sys-color-inverse-primary: #7199ff;
|
|
--md-sys-color-secondary: #24329a;
|
|
--md-sys-color-secondary-dim: #15258f;
|
|
--md-sys-color-on-secondary: #cdd1ff;
|
|
--md-sys-color-secondary-container: #5d6bd3;
|
|
--md-sys-color-on-secondary-container: #ffffff;
|
|
--md-sys-color-secondary-fixed: #5d6bd3;
|
|
--md-sys-color-secondary-fixed-dim: #515ec5;
|
|
--md-sys-color-on-secondary-fixed: #ffffff;
|
|
--md-sys-color-on-secondary-fixed-variant: #ffffff;
|
|
--md-sys-color-tertiary: #6b1b6e;
|
|
--md-sys-color-tertiary-dim: #5e0a61;
|
|
--md-sys-color-on-tertiary: #ffc0f8;
|
|
--md-sys-color-tertiary-container: #a954a8;
|
|
--md-sys-color-on-tertiary-container: #ffffff;
|
|
--md-sys-color-tertiary-fixed: #a954a8;
|
|
--md-sys-color-tertiary-fixed-dim: #9b479a;
|
|
--md-sys-color-on-tertiary-fixed: #ffffff;
|
|
--md-sys-color-on-tertiary-fixed-variant: #ffffff;
|
|
--md-sys-color-error: #850012;
|
|
--md-sys-color-error-dim: #70000d;
|
|
--md-sys-color-on-error: #ffc7c2;
|
|
--md-sys-color-error-container: #d7383b;
|
|
--md-sys-color-on-error-container: #ffffff;
|
|
--md-sys-color-success: #00492d;
|
|
--md-sys-color-on-success: #77eaae;
|
|
--md-sys-color-success-container: #008656;
|
|
--md-sys-color-on-success-container: #ffffff;
|
|
--md-sys-color-warning: #543b00;
|
|
--md-sys-color-on-warning: #ffcd6d;
|
|
--md-sys-color-warning-container: #986d00;
|
|
--md-sys-color-on-warning-container: #ffffff;
|
|
--md-sys-color-info: #003c87;
|
|
--md-sys-color-on-info: #c3d4ff;
|
|
--md-sys-color-info-container: #006fef;
|
|
--md-sys-color-on-info-container: #ffffff;
|
|
--md-sys-color-inverse-error: #ff9f99;
|
|
--md-sys-color-inverse-success: #5ace94;
|
|
--md-sys-color-inverse-warning: #f3b31e;
|
|
--md-sys-color-inverse-info: #98b8ff;
|
|
}
|
|
|
|
[data-scheme='blue'][data-contrast='medium'][data-theme='dark'],
|
|
[data-scheme='blue'][data-contrast='medium'] [data-theme='dark'] {
|
|
color-scheme: dark;
|
|
|
|
--md-sys-color-background: #05092f;
|
|
--md-sys-color-on-background: #ffffff;
|
|
--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: #ffffff;
|
|
--md-sys-color-on-surface-variant: #b1b6e4;
|
|
--md-sys-color-outline: #8c90bc;
|
|
--md-sys-color-outline-variant: #6e739d;
|
|
--md-sys-color-inverse-surface: #fbf8ff;
|
|
--md-sys-color-inverse-on-surface: #30355b;
|
|
--md-sys-color-primary: #9db7ff;
|
|
--md-sys-color-primary-dim: #87a8ff;
|
|
--md-sys-color-on-primary: #00286a;
|
|
--md-sys-color-primary-container: #779dff;
|
|
--md-sys-color-on-primary-container: #001239;
|
|
--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: #000000;
|
|
--md-sys-color-inverse-primary: #004dbe;
|
|
--md-sys-color-secondary: #abb3ff;
|
|
--md-sys-color-secondary-dim: #98a4ff;
|
|
--md-sys-color-on-secondary: #071a87;
|
|
--md-sys-color-secondary-container: #5d6bd3;
|
|
--md-sys-color-on-secondary-container: #ffffff;
|
|
--md-sys-color-secondary-fixed: #caceff;
|
|
--md-sys-color-secondary-fixed-dim: #b9bfff;
|
|
--md-sys-color-on-secondary-fixed: #00043b;
|
|
--md-sys-color-on-secondary-fixed-variant: #15258f;
|
|
--md-sys-color-tertiary: #ffb3f8;
|
|
--md-sys-color-tertiary-dim: #fc9df7;
|
|
--md-sys-color-on-tertiary: #641368;
|
|
--md-sys-color-tertiary-container: #fc9df7;
|
|
--md-sys-color-on-tertiary-container: #59035d;
|
|
--md-sys-color-tertiary-fixed: #fc9df7;
|
|
--md-sys-color-tertiary-fixed-dim: #ed90e8;
|
|
--md-sys-color-on-tertiary-fixed: #000000;
|
|
--md-sys-color-on-tertiary-fixed-variant: #48004b;
|
|
--md-sys-color-error: #ff9f99;
|
|
--md-sys-color-error-dim: #ff8882;
|
|
--md-sys-color-on-error: #60000a;
|
|
--md-sys-color-error-container: #d7383b;
|
|
--md-sys-color-on-error-container: #ffffff;
|
|
--md-sys-color-success: #5ace94;
|
|
--md-sys-color-on-success: #00341e;
|
|
--md-sys-color-success-container: #008656;
|
|
--md-sys-color-on-success-container: #ffffff;
|
|
--md-sys-color-warning: #f3b31e;
|
|
--md-sys-color-on-warning: #412d00;
|
|
--md-sys-color-warning-container: #e4a604;
|
|
--md-sys-color-on-warning-container: #332200;
|
|
--md-sys-color-info: #98b8ff;
|
|
--md-sys-color-on-info: #002a62;
|
|
--md-sys-color-info-container: #006fef;
|
|
--md-sys-color-on-info-container: #ffffff;
|
|
--md-sys-color-inverse-error: #850012;
|
|
--md-sys-color-inverse-success: #00492d;
|
|
--md-sys-color-inverse-warning: #543b00;
|
|
--md-sys-color-inverse-info: #003c87;
|
|
}
|
|
|
|
[data-scheme='blue'][data-contrast='high'],
|
|
[data-scheme='blue'][data-contrast='high'][data-theme='light'],
|
|
[data-scheme='blue'][data-contrast='high'] [data-theme='light'] {
|
|
color-scheme: light;
|
|
|
|
--md-sys-color-background: #f8f5ff;
|
|
--md-sys-color-on-background: #000000;
|
|
--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: #000000;
|
|
--md-sys-color-on-surface-variant: #171c41;
|
|
--md-sys-color-outline: #373c63;
|
|
--md-sys-color-outline-variant: #474c73;
|
|
--md-sys-color-inverse-surface: #05092f;
|
|
--md-sys-color-inverse-on-surface: #ffffff;
|
|
--md-sys-color-primary: #001c4f;
|
|
--md-sys-color-primary-dim: #00133b;
|
|
--md-sys-color-on-primary: #c6d4ff;
|
|
--md-sys-color-primary-container: #0047b1;
|
|
--md-sys-color-on-primary-container: #ffffff;
|
|
--md-sys-color-primary-fixed: #0047b1;
|
|
--md-sys-color-primary-fixed-dim: #003d99;
|
|
--md-sys-color-on-primary-fixed: #ffffff;
|
|
--md-sys-color-on-primary-fixed-variant: #ffffff;
|
|
--md-sys-color-inverse-primary: #afc3ff;
|
|
--md-sys-color-secondary: #000e6c;
|
|
--md-sys-color-secondary-dim: #000851;
|
|
--md-sys-color-on-secondary: #ced1ff;
|
|
--md-sys-color-secondary-container: #3543aa;
|
|
--md-sys-color-on-secondary-container: #ffffff;
|
|
--md-sys-color-secondary-fixed: #3543aa;
|
|
--md-sys-color-secondary-fixed-dim: #28379d;
|
|
--md-sys-color-on-secondary-fixed: #ffffff;
|
|
--md-sys-color-on-secondary-fixed-variant: #ffffff;
|
|
--md-sys-color-tertiary: #3e0041;
|
|
--md-sys-color-tertiary-dim: #2d0030;
|
|
--md-sys-color-on-tertiary: #ffc1f8;
|
|
--md-sys-color-tertiary-container: #7d2c7f;
|
|
--md-sys-color-on-tertiary-container: #ffffff;
|
|
--md-sys-color-tertiary-fixed: #7d2c7f;
|
|
--md-sys-color-tertiary-fixed-dim: #6f1f72;
|
|
--md-sys-color-on-tertiary-fixed: #ffffff;
|
|
--md-sys-color-on-tertiary-fixed-variant: #ffffff;
|
|
--md-sys-color-error: #480005;
|
|
--md-sys-color-error-dim: #350003;
|
|
--md-sys-color-on-error: #ffc7c3;
|
|
--md-sys-color-error-container: #a0071a;
|
|
--md-sys-color-on-error-container: #ffffff;
|
|
--md-sys-color-success: #002515;
|
|
--md-sys-color-on-success: #78eaaf;
|
|
--md-sys-color-success-container: #005b39;
|
|
--md-sys-color-on-success-container: #ffffff;
|
|
--md-sys-color-warning: #2c1d00;
|
|
--md-sys-color-on-warning: #ffcd6f;
|
|
--md-sys-color-warning-container: #684900;
|
|
--md-sys-color-on-warning-container: #ffffff;
|
|
--md-sys-color-info: #001e4a;
|
|
--md-sys-color-on-info: #c3d4ff;
|
|
--md-sys-color-info-container: #004ba5;
|
|
--md-sys-color-on-info-container: #ffffff;
|
|
--md-sys-color-inverse-error: #ffdedb;
|
|
--md-sys-color-inverse-success: #89fcbf;
|
|
--md-sys-color-inverse-warning: #ffe2b1;
|
|
--md-sys-color-inverse-info: #dde5ff;
|
|
}
|
|
|
|
[data-scheme='blue'][data-contrast='high'][data-theme='dark'],
|
|
[data-scheme='blue'][data-contrast='high'] [data-theme='dark'] {
|
|
color-scheme: dark;
|
|
|
|
--md-sys-color-background: #05092f;
|
|
--md-sys-color-on-background: #ffffff;
|
|
--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: #ffffff;
|
|
--md-sys-color-on-surface-variant: #e3e3ff;
|
|
--md-sys-color-outline: #b1b6e4;
|
|
--md-sys-color-outline-variant: #9ca1ce;
|
|
--md-sys-color-inverse-surface: #fbf8ff;
|
|
--md-sys-color-inverse-on-surface: #000000;
|
|
--md-sys-color-primary: #dee5ff;
|
|
--md-sys-color-primary-dim: #c6d4ff;
|
|
--md-sys-color-on-primary: #002769;
|
|
--md-sys-color-primary-container: #7ca1ff;
|
|
--md-sys-color-on-primary-container: #000000;
|
|
--md-sys-color-primary-fixed: #7ca1ff;
|
|
--md-sys-color-primary-fixed-dim: #6692ff;
|
|
--md-sys-color-on-primary-fixed: #000000;
|
|
--md-sys-color-on-primary-fixed-variant: #000000;
|
|
--md-sys-color-inverse-primary: #003382;
|
|
--md-sys-color-secondary: #e3e3ff;
|
|
--md-sys-color-secondary-dim: #ced2ff;
|
|
--md-sys-color-on-secondary: #071987;
|
|
--md-sys-color-secondary-container: #8f9cff;
|
|
--md-sys-color-on-secondary-container: #000000;
|
|
--md-sys-color-secondary-fixed: #caceff;
|
|
--md-sys-color-secondary-fixed-dim: #b9bfff;
|
|
--md-sys-color-on-secondary-fixed: #000000;
|
|
--md-sys-color-on-secondary-fixed-variant: #00043b;
|
|
--md-sys-color-tertiary: #ffdbf8;
|
|
--md-sys-color-tertiary-dim: #ffc1f8;
|
|
--md-sys-color-on-tertiary: #530057;
|
|
--md-sys-color-tertiary-container: #fc9df7;
|
|
--md-sys-color-on-tertiary-container: #0b000c;
|
|
--md-sys-color-tertiary-fixed: #fc9df7;
|
|
--md-sys-color-tertiary-fixed-dim: #ed90e8;
|
|
--md-sys-color-on-tertiary-fixed: #000000;
|
|
--md-sys-color-on-tertiary-fixed-variant: #000000;
|
|
--md-sys-color-error: #ffdedb;
|
|
--md-sys-color-error-dim: #ffc7c3;
|
|
--md-sys-color-on-error: #60000a;
|
|
--md-sys-color-error-container: #ff7c76;
|
|
--md-sys-color-on-error-container: #000000;
|
|
--md-sys-color-success: #89fcbf;
|
|
--md-sys-color-on-success: #00341e;
|
|
--md-sys-color-success-container: #42b880;
|
|
--md-sys-color-on-success-container: #000000;
|
|
--md-sys-color-warning: #ffe2b1;
|
|
--md-sys-color-on-warning: #3c2900;
|
|
--md-sys-color-warning-container: #e4a604;
|
|
--md-sys-color-on-warning-container: #000000;
|
|
--md-sys-color-info: #dde5ff;
|
|
--md-sys-color-on-info: #002a62;
|
|
--md-sys-color-info-container: #74a2ff;
|
|
--md-sys-color-on-info-container: #000000;
|
|
--md-sys-color-inverse-error: #480005;
|
|
--md-sys-color-inverse-success: #002515;
|
|
--md-sys-color-inverse-warning: #2c1d00;
|
|
--md-sys-color-inverse-info: #001e4a;
|
|
}
|
|
|
|
[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: #006943;
|
|
--md-sys-color-on-success: #caffdd;
|
|
--md-sys-color-success-container: #86f9bc;
|
|
--md-sys-color-on-success-container: #00734a;
|
|
--md-sys-color-warning: #785500;
|
|
--md-sys-color-on-warning: #fff1dd;
|
|
--md-sys-color-warning-container: #fab925;
|
|
--md-sys-color-on-warning-container: #6a4b00;
|
|
--md-sys-color-info: #0057be;
|
|
--md-sys-color-on-info: #f0f2ff;
|
|
--md-sys-color-info-container: #1c7afc;
|
|
--md-sys-color-on-info-container: #001435;
|
|
--md-sys-color-inverse-error: #ff716c;
|
|
--md-sys-color-inverse-success: #3bb27b;
|
|
--md-sys-color-inverse-warning: #f3b31e;
|
|
--md-sys-color-inverse-info: #699cff;
|
|
}
|
|
|
|
[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: #3bb27b;
|
|
--md-sys-color-on-success: #002615;
|
|
--md-sys-color-success-container: #059460;
|
|
--md-sys-color-on-success-container: #001e10;
|
|
--md-sys-color-warning: #f3b31e;
|
|
--md-sys-color-on-warning: #4e3600;
|
|
--md-sys-color-warning-container: #e4a604;
|
|
--md-sys-color-on-warning-container: #593f00;
|
|
--md-sys-color-info: #699cff;
|
|
--md-sys-color-on-info: #001e4b;
|
|
--md-sys-color-info-container: #0c74f6;
|
|
--md-sys-color-on-info-container: #000a23;
|
|
--md-sys-color-inverse-error: #b31b25;
|
|
--md-sys-color-inverse-success: #006943;
|
|
--md-sys-color-inverse-warning: #785500;
|
|
--md-sys-color-inverse-info: #0057be;
|
|
}
|
|
|
|
[data-scheme='teal'][data-contrast='medium'],
|
|
[data-scheme='teal'][data-contrast='medium'][data-theme='light'],
|
|
[data-scheme='teal'][data-contrast='medium'] [data-theme='light'] {
|
|
color-scheme: light;
|
|
|
|
--md-sys-color-background: #d3fffd;
|
|
--md-sys-color-on-background: #002423;
|
|
--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: #002423;
|
|
--md-sys-color-on-surface-variant: #004746;
|
|
--md-sys-color-outline: #296463;
|
|
--md-sys-color-outline-variant: #46807e;
|
|
--md-sys-color-inverse-surface: #001111;
|
|
--md-sys-color-inverse-on-surface: #95cfcd;
|
|
--md-sys-color-primary: #004840;
|
|
--md-sys-color-primary-dim: #003c35;
|
|
--md-sys-color-on-primary: #00eed6;
|
|
--md-sys-color-primary-container: #008376;
|
|
--md-sys-color-on-primary-container: #ffffff;
|
|
--md-sys-color-primary-fixed: #008376;
|
|
--md-sys-color-primary-fixed-dim: #007569;
|
|
--md-sys-color-on-primary-fixed: #ffffff;
|
|
--md-sys-color-on-primary-fixed-variant: #ffffff;
|
|
--md-sys-color-inverse-primary: #00fee5;
|
|
--md-sys-color-secondary: #004746;
|
|
--md-sys-color-secondary-dim: #003b3a;
|
|
--md-sys-color-on-secondary: #0eece8;
|
|
--md-sys-color-secondary-container: #008280;
|
|
--md-sys-color-on-secondary-container: #ffffff;
|
|
--md-sys-color-secondary-fixed: #008280;
|
|
--md-sys-color-secondary-fixed-dim: #007573;
|
|
--md-sys-color-on-secondary-fixed: #ffffff;
|
|
--md-sys-color-on-secondary-fixed-variant: #ffffff;
|
|
--md-sys-color-tertiary: #00445e;
|
|
--md-sys-color-tertiary-dim: #00394f;
|
|
--md-sys-color-on-tertiary: #a1dcff;
|
|
--md-sys-color-tertiary-container: #007da9;
|
|
--md-sys-color-on-tertiary-container: #ffffff;
|
|
--md-sys-color-tertiary-fixed: #007da9;
|
|
--md-sys-color-tertiary-fixed-dim: #007098;
|
|
--md-sys-color-on-tertiary-fixed: #ffffff;
|
|
--md-sys-color-on-tertiary-fixed-variant: #ffffff;
|
|
--md-sys-color-error: #850012;
|
|
--md-sys-color-error-dim: #70000d;
|
|
--md-sys-color-on-error: #ffc7c2;
|
|
--md-sys-color-error-container: #d7383b;
|
|
--md-sys-color-on-error-container: #ffffff;
|
|
--md-sys-color-success: #00492d;
|
|
--md-sys-color-on-success: #77eaae;
|
|
--md-sys-color-success-container: #008656;
|
|
--md-sys-color-on-success-container: #ffffff;
|
|
--md-sys-color-warning: #543b00;
|
|
--md-sys-color-on-warning: #ffcd6d;
|
|
--md-sys-color-warning-container: #986d00;
|
|
--md-sys-color-on-warning-container: #ffffff;
|
|
--md-sys-color-info: #003c87;
|
|
--md-sys-color-on-info: #c3d4ff;
|
|
--md-sys-color-info-container: #006fef;
|
|
--md-sys-color-on-info-container: #ffffff;
|
|
--md-sys-color-inverse-error: #ff9f99;
|
|
--md-sys-color-inverse-success: #5ace94;
|
|
--md-sys-color-inverse-warning: #f3b31e;
|
|
--md-sys-color-inverse-info: #98b8ff;
|
|
}
|
|
|
|
[data-scheme='teal'][data-contrast='medium'][data-theme='dark'],
|
|
[data-scheme='teal'][data-contrast='medium'] [data-theme='dark'] {
|
|
color-scheme: dark;
|
|
|
|
--md-sys-color-background: #001111;
|
|
--md-sys-color-on-background: #ffffff;
|
|
--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: #ffffff;
|
|
--md-sys-color-on-surface-variant: #89c3c1;
|
|
--md-sys-color-outline: #649d9b;
|
|
--md-sys-color-outline-variant: #457f7d;
|
|
--md-sys-color-inverse-surface: #e3fffd;
|
|
--md-sys-color-inverse-on-surface: #003f3e;
|
|
--md-sys-color-primary: #b4fff1;
|
|
--md-sys-color-primary-dim: #00fee5;
|
|
--md-sys-color-on-primary: #005b51;
|
|
--md-sys-color-primary-container: #00fee5;
|
|
--md-sys-color-on-primary-container: #005249;
|
|
--md-sys-color-primary-fixed: #00f7df;
|
|
--md-sys-color-primary-fixed-dim: #00e8d1;
|
|
--md-sys-color-on-primary-fixed: #001f1b;
|
|
--md-sys-color-on-primary-fixed-variant: #00443c;
|
|
--md-sys-color-inverse-primary: #006056;
|
|
--md-sys-color-secondary: #38fbf7;
|
|
--md-sys-color-secondary-dim: #10ece8;
|
|
--md-sys-color-on-secondary: #005150;
|
|
--md-sys-color-secondary-container: #008280;
|
|
--md-sys-color-on-secondary-container: #ffffff;
|
|
--md-sys-color-secondary-fixed: #38fbf7;
|
|
--md-sys-color-secondary-fixed-dim: #10ece8;
|
|
--md-sys-color-on-secondary-fixed: #002423;
|
|
--md-sys-color-on-secondary-fixed-variant: #004746;
|
|
--md-sys-color-tertiary: #68ccff;
|
|
--md-sys-color-tertiary-dim: #20c0ff;
|
|
--md-sys-color-on-tertiary: #00374c;
|
|
--md-sys-color-tertiary-container: #20c0ff;
|
|
--md-sys-color-on-tertiary-container: #002b3d;
|
|
--md-sys-color-tertiary-fixed: #20c0ff;
|
|
--md-sys-color-tertiary-fixed-dim: #00b2ee;
|
|
--md-sys-color-on-tertiary-fixed: #000000;
|
|
--md-sys-color-on-tertiary-fixed-variant: #001e2b;
|
|
--md-sys-color-error: #ff9f99;
|
|
--md-sys-color-error-dim: #ff8882;
|
|
--md-sys-color-on-error: #60000a;
|
|
--md-sys-color-error-container: #d7383b;
|
|
--md-sys-color-on-error-container: #ffffff;
|
|
--md-sys-color-success: #5ace94;
|
|
--md-sys-color-on-success: #00341e;
|
|
--md-sys-color-success-container: #008656;
|
|
--md-sys-color-on-success-container: #ffffff;
|
|
--md-sys-color-warning: #f3b31e;
|
|
--md-sys-color-on-warning: #412d00;
|
|
--md-sys-color-warning-container: #e4a604;
|
|
--md-sys-color-on-warning-container: #332200;
|
|
--md-sys-color-info: #98b8ff;
|
|
--md-sys-color-on-info: #002a62;
|
|
--md-sys-color-info-container: #006fef;
|
|
--md-sys-color-on-info-container: #ffffff;
|
|
--md-sys-color-inverse-error: #850012;
|
|
--md-sys-color-inverse-success: #00492d;
|
|
--md-sys-color-inverse-warning: #543b00;
|
|
--md-sys-color-inverse-info: #003c87;
|
|
}
|
|
|
|
[data-scheme='teal'][data-contrast='high'],
|
|
[data-scheme='teal'][data-contrast='high'][data-theme='light'],
|
|
[data-scheme='teal'][data-contrast='high'] [data-theme='light'] {
|
|
color-scheme: light;
|
|
|
|
--md-sys-color-background: #d3fffd;
|
|
--md-sys-color-on-background: #000000;
|
|
--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: #000000;
|
|
--md-sys-color-on-surface-variant: #002423;
|
|
--md-sys-color-outline: #004746;
|
|
--md-sys-color-outline-variant: #185756;
|
|
--md-sys-color-inverse-surface: #001111;
|
|
--md-sys-color-inverse-on-surface: #ffffff;
|
|
--md-sys-color-primary: #002420;
|
|
--md-sys-color-primary-dim: #001916;
|
|
--md-sys-color-on-primary: #00eed7;
|
|
--md-sys-color-primary-container: #00594f;
|
|
--md-sys-color-on-primary-container: #ffffff;
|
|
--md-sys-color-primary-fixed: #00594f;
|
|
--md-sys-color-primary-fixed-dim: #004c44;
|
|
--md-sys-color-on-primary-fixed: #ffffff;
|
|
--md-sys-color-on-primary-fixed-variant: #ffffff;
|
|
--md-sys-color-inverse-primary: #00fee5;
|
|
--md-sys-color-secondary: #002423;
|
|
--md-sys-color-secondary-dim: #001918;
|
|
--md-sys-color-on-secondary: #11ece9;
|
|
--md-sys-color-secondary-container: #005857;
|
|
--md-sys-color-on-secondary-container: #ffffff;
|
|
--md-sys-color-secondary-fixed: #005857;
|
|
--md-sys-color-secondary-fixed-dim: #004c4a;
|
|
--md-sys-color-on-secondary-fixed: #ffffff;
|
|
--md-sys-color-on-secondary-fixed-variant: #ffffff;
|
|
--md-sys-color-tertiary: #002232;
|
|
--md-sys-color-tertiary-dim: #001824;
|
|
--md-sys-color-on-tertiary: #a2dcff;
|
|
--md-sys-color-tertiary-container: #005574;
|
|
--md-sys-color-on-tertiary-container: #ffffff;
|
|
--md-sys-color-tertiary-fixed: #005574;
|
|
--md-sys-color-tertiary-fixed-dim: #004864;
|
|
--md-sys-color-on-tertiary-fixed: #ffffff;
|
|
--md-sys-color-on-tertiary-fixed-variant: #ffffff;
|
|
--md-sys-color-error: #480005;
|
|
--md-sys-color-error-dim: #350003;
|
|
--md-sys-color-on-error: #ffc7c3;
|
|
--md-sys-color-error-container: #a0071a;
|
|
--md-sys-color-on-error-container: #ffffff;
|
|
--md-sys-color-success: #002515;
|
|
--md-sys-color-on-success: #78eaaf;
|
|
--md-sys-color-success-container: #005b39;
|
|
--md-sys-color-on-success-container: #ffffff;
|
|
--md-sys-color-warning: #2c1d00;
|
|
--md-sys-color-on-warning: #ffcd6f;
|
|
--md-sys-color-warning-container: #684900;
|
|
--md-sys-color-on-warning-container: #ffffff;
|
|
--md-sys-color-info: #001e4a;
|
|
--md-sys-color-on-info: #c3d4ff;
|
|
--md-sys-color-info-container: #004ba5;
|
|
--md-sys-color-on-info-container: #ffffff;
|
|
--md-sys-color-inverse-error: #ffdedb;
|
|
--md-sys-color-inverse-success: #89fcbf;
|
|
--md-sys-color-inverse-warning: #ffe2b1;
|
|
--md-sys-color-inverse-info: #dde5ff;
|
|
}
|
|
|
|
[data-scheme='teal'][data-contrast='high'][data-theme='dark'],
|
|
[data-scheme='teal'][data-contrast='high'] [data-theme='dark'] {
|
|
color-scheme: dark;
|
|
|
|
--md-sys-color-background: #001111;
|
|
--md-sys-color-on-background: #ffffff;
|
|
--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: #ffffff;
|
|
--md-sys-color-on-surface-variant: #b5f0ee;
|
|
--md-sys-color-outline: #89c3c1;
|
|
--md-sys-color-outline-variant: #74aeac;
|
|
--md-sys-color-inverse-surface: #e3fffd;
|
|
--md-sys-color-inverse-on-surface: #000000;
|
|
--md-sys-color-primary: #b4fff1;
|
|
--md-sys-color-primary-dim: #00fee5;
|
|
--md-sys-color-on-primary: #003a34;
|
|
--md-sys-color-primary-container: #00fee5;
|
|
--md-sys-color-on-primary-container: #00302a;
|
|
--md-sys-color-primary-fixed: #00f7df;
|
|
--md-sys-color-primary-fixed-dim: #00e8d1;
|
|
--md-sys-color-on-primary-fixed: #000000;
|
|
--md-sys-color-on-primary-fixed-variant: #001f1b;
|
|
--md-sys-color-inverse-primary: #004039;
|
|
--md-sys-color-secondary: #3efefa;
|
|
--md-sys-color-secondary-dim: #1cefeb;
|
|
--md-sys-color-on-secondary: #003231;
|
|
--md-sys-color-secondary-container: #00b6b3;
|
|
--md-sys-color-on-secondary-container: #000000;
|
|
--md-sys-color-secondary-fixed: #38fbf7;
|
|
--md-sys-color-secondary-fixed-dim: #10ece8;
|
|
--md-sys-color-on-secondary-fixed: #000000;
|
|
--md-sys-color-on-secondary-fixed-variant: #002423;
|
|
--md-sys-color-tertiary: #caeaff;
|
|
--md-sys-color-tertiary-dim: #a3dcff;
|
|
--md-sys-color-on-tertiary: #003043;
|
|
--md-sys-color-tertiary-container: #20c0ff;
|
|
--md-sys-color-on-tertiary-container: #000000;
|
|
--md-sys-color-tertiary-fixed: #20c0ff;
|
|
--md-sys-color-tertiary-fixed-dim: #00b2ee;
|
|
--md-sys-color-on-tertiary-fixed: #000000;
|
|
--md-sys-color-on-tertiary-fixed-variant: #000000;
|
|
--md-sys-color-error: #ffdedb;
|
|
--md-sys-color-error-dim: #ffc7c3;
|
|
--md-sys-color-on-error: #60000a;
|
|
--md-sys-color-error-container: #ff7c76;
|
|
--md-sys-color-on-error-container: #000000;
|
|
--md-sys-color-success: #89fcbf;
|
|
--md-sys-color-on-success: #00341e;
|
|
--md-sys-color-success-container: #42b880;
|
|
--md-sys-color-on-success-container: #000000;
|
|
--md-sys-color-warning: #ffe2b1;
|
|
--md-sys-color-on-warning: #3c2900;
|
|
--md-sys-color-warning-container: #e4a604;
|
|
--md-sys-color-on-warning-container: #000000;
|
|
--md-sys-color-info: #dde5ff;
|
|
--md-sys-color-on-info: #002a62;
|
|
--md-sys-color-info-container: #74a2ff;
|
|
--md-sys-color-on-info-container: #000000;
|
|
--md-sys-color-inverse-error: #480005;
|
|
--md-sys-color-inverse-success: #002515;
|
|
--md-sys-color-inverse-warning: #2c1d00;
|
|
--md-sys-color-inverse-info: #001e4a;
|
|
}
|
|
|
|
[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: #006943;
|
|
--md-sys-color-on-success: #caffdd;
|
|
--md-sys-color-success-container: #86f9bc;
|
|
--md-sys-color-on-success-container: #00734a;
|
|
--md-sys-color-warning: #785500;
|
|
--md-sys-color-on-warning: #fff1dd;
|
|
--md-sys-color-warning-container: #fab925;
|
|
--md-sys-color-on-warning-container: #6a4b00;
|
|
--md-sys-color-info: #0057be;
|
|
--md-sys-color-on-info: #f0f2ff;
|
|
--md-sys-color-info-container: #1c7afc;
|
|
--md-sys-color-on-info-container: #001435;
|
|
--md-sys-color-inverse-error: #ff7351;
|
|
--md-sys-color-inverse-success: #3bb27b;
|
|
--md-sys-color-inverse-warning: #f3b31e;
|
|
--md-sys-color-inverse-info: #699cff;
|
|
}
|
|
|
|
[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: #3bb27b;
|
|
--md-sys-color-on-success: #002615;
|
|
--md-sys-color-success-container: #059460;
|
|
--md-sys-color-on-success-container: #001e10;
|
|
--md-sys-color-warning: #f3b31e;
|
|
--md-sys-color-on-warning: #4e3600;
|
|
--md-sys-color-warning-container: #e4a604;
|
|
--md-sys-color-on-warning-container: #593f00;
|
|
--md-sys-color-info: #699cff;
|
|
--md-sys-color-on-info: #001e4b;
|
|
--md-sys-color-info-container: #0c74f6;
|
|
--md-sys-color-on-info-container: #000a23;
|
|
--md-sys-color-inverse-error: #b02500;
|
|
--md-sys-color-inverse-success: #006943;
|
|
--md-sys-color-inverse-warning: #785500;
|
|
--md-sys-color-inverse-info: #0057be;
|
|
}
|
|
|
|
[data-scheme='green'][data-contrast='medium'],
|
|
[data-scheme='green'][data-contrast='medium'][data-theme='light'],
|
|
[data-scheme='green'][data-contrast='medium'] [data-theme='light'] {
|
|
color-scheme: light;
|
|
|
|
--md-sys-color-background: #ddffe2;
|
|
--md-sys-color-on-background: #002610;
|
|
--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: #002610;
|
|
--md-sys-color-on-surface-variant: #1f472c;
|
|
--md-sys-color-outline: #3b6447;
|
|
--md-sys-color-outline-variant: #568061;
|
|
--md-sys-color-inverse-surface: #001205;
|
|
--md-sys-color-inverse-on-surface: #a3cfab;
|
|
--md-sys-color-primary: #004b0f;
|
|
--md-sys-color-primary-dim: #003e0b;
|
|
--md-sys-color-on-primary: #6cef6f;
|
|
--md-sys-color-primary-container: #008823;
|
|
--md-sys-color-on-primary-container: #ffffff;
|
|
--md-sys-color-primary-fixed: #008823;
|
|
--md-sys-color-primary-fixed-dim: #00791f;
|
|
--md-sys-color-on-primary-fixed: #ffffff;
|
|
--md-sys-color-on-primary-fixed-variant: #ffffff;
|
|
--md-sys-color-inverse-primary: #7afe7c;
|
|
--md-sys-color-secondary: #004a25;
|
|
--md-sys-color-secondary-dim: #003d1e;
|
|
--md-sys-color-on-secondary: #78eb9e;
|
|
--md-sys-color-secondary-container: #008648;
|
|
--md-sys-color-on-secondary-container: #ffffff;
|
|
--md-sys-color-secondary-fixed: #008648;
|
|
--md-sys-color-secondary-fixed-dim: #007840;
|
|
--md-sys-color-on-secondary-fixed: #ffffff;
|
|
--md-sys-color-on-secondary-fixed-variant: #ffffff;
|
|
--md-sys-color-tertiary: #00474e;
|
|
--md-sys-color-tertiary-dim: #003a40;
|
|
--md-sys-color-on-tertiary: #0ee9fe;
|
|
--md-sys-color-tertiary-container: #00818d;
|
|
--md-sys-color-on-tertiary-container: #ffffff;
|
|
--md-sys-color-tertiary-fixed: #00818d;
|
|
--md-sys-color-tertiary-fixed-dim: #00737e;
|
|
--md-sys-color-on-tertiary-fixed: #ffffff;
|
|
--md-sys-color-on-tertiary-fixed-variant: #ffffff;
|
|
--md-sys-color-error: #7d1800;
|
|
--md-sys-color-error-dim: #691200;
|
|
--md-sys-color-on-error: #ffc7ba;
|
|
--md-sys-color-error-container: #d53d18;
|
|
--md-sys-color-on-error-container: #ffffff;
|
|
--md-sys-color-success: #00492d;
|
|
--md-sys-color-on-success: #77eaae;
|
|
--md-sys-color-success-container: #008656;
|
|
--md-sys-color-on-success-container: #ffffff;
|
|
--md-sys-color-warning: #543b00;
|
|
--md-sys-color-on-warning: #ffcd6d;
|
|
--md-sys-color-warning-container: #986d00;
|
|
--md-sys-color-on-warning-container: #ffffff;
|
|
--md-sys-color-info: #003c87;
|
|
--md-sys-color-on-info: #c3d4ff;
|
|
--md-sys-color-info-container: #006fef;
|
|
--md-sys-color-on-info-container: #ffffff;
|
|
--md-sys-color-inverse-error: #ffa089;
|
|
--md-sys-color-inverse-success: #5ace94;
|
|
--md-sys-color-inverse-warning: #f3b31e;
|
|
--md-sys-color-inverse-info: #98b8ff;
|
|
}
|
|
|
|
[data-scheme='green'][data-contrast='medium'][data-theme='dark'],
|
|
[data-scheme='green'][data-contrast='medium'] [data-theme='dark'] {
|
|
color-scheme: dark;
|
|
|
|
--md-sys-color-background: #001205;
|
|
--md-sys-color-on-background: #ffffff;
|
|
--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: #ffffff;
|
|
--md-sys-color-on-surface-variant: #97c3a0;
|
|
--md-sys-color-outline: #729d7c;
|
|
--md-sys-color-outline-variant: #557f60;
|
|
--md-sys-color-inverse-surface: #eaffea;
|
|
--md-sys-color-inverse-on-surface: #174026;
|
|
--md-sys-color-primary: #7afe7c;
|
|
--md-sys-color-primary-dim: #6cef6f;
|
|
--md-sys-color-on-primary: #005412;
|
|
--md-sys-color-primary-container: #30b840;
|
|
--md-sys-color-on-primary-container: #001902;
|
|
--md-sys-color-primary-fixed: #7afe7c;
|
|
--md-sys-color-primary-fixed-dim: #6cef6f;
|
|
--md-sys-color-on-primary-fixed: #002604;
|
|
--md-sys-color-on-primary-fixed-variant: #004b0f;
|
|
--md-sys-color-inverse-primary: #006317;
|
|
--md-sys-color-secondary: #86faac;
|
|
--md-sys-color-secondary-dim: #78eb9e;
|
|
--md-sys-color-on-secondary: #00542b;
|
|
--md-sys-color-secondary-container: #008648;
|
|
--md-sys-color-on-secondary-container: #ffffff;
|
|
--md-sys-color-secondary-fixed: #86faac;
|
|
--md-sys-color-secondary-fixed-dim: #78eb9e;
|
|
--md-sys-color-on-secondary-fixed: #002610;
|
|
--md-sys-color-on-secondary-fixed-variant: #004a25;
|
|
--md-sys-color-tertiary: #8ff2ff;
|
|
--md-sys-color-tertiary-dim: #10eafe;
|
|
--md-sys-color-on-tertiary: #005058;
|
|
--md-sys-color-tertiary-container: #10eafe;
|
|
--md-sys-color-on-tertiary-container: #00474e;
|
|
--md-sys-color-tertiary-fixed: #10eafe;
|
|
--md-sys-color-tertiary-fixed-dim: #00dbee;
|
|
--md-sys-color-on-tertiary-fixed: #001417;
|
|
--md-sys-color-on-tertiary-fixed-variant: #003d43;
|
|
--md-sys-color-error: #ffa089;
|
|
--md-sys-color-error-dim: #ff8a6d;
|
|
--md-sys-color-on-error: #5a0e00;
|
|
--md-sys-color-error-container: #d53d18;
|
|
--md-sys-color-on-error-container: #ffffff;
|
|
--md-sys-color-success: #5ace94;
|
|
--md-sys-color-on-success: #00341e;
|
|
--md-sys-color-success-container: #008656;
|
|
--md-sys-color-on-success-container: #ffffff;
|
|
--md-sys-color-warning: #f3b31e;
|
|
--md-sys-color-on-warning: #412d00;
|
|
--md-sys-color-warning-container: #e4a604;
|
|
--md-sys-color-on-warning-container: #332200;
|
|
--md-sys-color-info: #98b8ff;
|
|
--md-sys-color-on-info: #002a62;
|
|
--md-sys-color-info-container: #006fef;
|
|
--md-sys-color-on-info-container: #ffffff;
|
|
--md-sys-color-inverse-error: #7d1800;
|
|
--md-sys-color-inverse-success: #00492d;
|
|
--md-sys-color-inverse-warning: #543b00;
|
|
--md-sys-color-inverse-info: #003c87;
|
|
}
|
|
|
|
[data-scheme='green'][data-contrast='high'],
|
|
[data-scheme='green'][data-contrast='high'][data-theme='light'],
|
|
[data-scheme='green'][data-contrast='high'] [data-theme='light'] {
|
|
color-scheme: light;
|
|
|
|
--md-sys-color-background: #ddffe2;
|
|
--md-sys-color-on-background: #000000;
|
|
--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: #000000;
|
|
--md-sys-color-on-surface-variant: #002610;
|
|
--md-sys-color-outline: #1f472c;
|
|
--md-sys-color-outline-variant: #2f573b;
|
|
--md-sys-color-inverse-surface: #001205;
|
|
--md-sys-color-inverse-on-surface: #ffffff;
|
|
--md-sys-color-primary: #002604;
|
|
--md-sys-color-primary-dim: #001a02;
|
|
--md-sys-color-on-primary: #6cef6f;
|
|
--md-sys-color-primary-container: #005c15;
|
|
--md-sys-color-on-primary-container: #ffffff;
|
|
--md-sys-color-primary-fixed: #005c15;
|
|
--md-sys-color-primary-fixed-dim: #004f10;
|
|
--md-sys-color-on-primary-fixed: #ffffff;
|
|
--md-sys-color-on-primary-fixed-variant: #ffffff;
|
|
--md-sys-color-inverse-primary: #7afe7c;
|
|
--md-sys-color-secondary: #002610;
|
|
--md-sys-color-secondary-dim: #001a09;
|
|
--md-sys-color-on-secondary: #78eb9f;
|
|
--md-sys-color-secondary-container: #005b2f;
|
|
--md-sys-color-on-secondary-container: #ffffff;
|
|
--md-sys-color-secondary-fixed: #005b2f;
|
|
--md-sys-color-secondary-fixed-dim: #004e28;
|
|
--md-sys-color-on-secondary-fixed: #ffffff;
|
|
--md-sys-color-on-secondary-fixed-variant: #ffffff;
|
|
--md-sys-color-tertiary: #002428;
|
|
--md-sys-color-tertiary-dim: #00191c;
|
|
--md-sys-color-on-tertiary: #11eafe;
|
|
--md-sys-color-tertiary-container: #005760;
|
|
--md-sys-color-on-tertiary-container: #ffffff;
|
|
--md-sys-color-tertiary-fixed: #005760;
|
|
--md-sys-color-tertiary-fixed-dim: #004b52;
|
|
--md-sys-color-on-tertiary-fixed: #ffffff;
|
|
--md-sys-color-on-tertiary-fixed-variant: #ffffff;
|
|
--md-sys-color-error: #440800;
|
|
--md-sys-color-error-dim: #320500;
|
|
--md-sys-color-on-error: #ffc8bb;
|
|
--md-sys-color-error-container: #991f00;
|
|
--md-sys-color-on-error-container: #ffffff;
|
|
--md-sys-color-success: #002515;
|
|
--md-sys-color-on-success: #78eaaf;
|
|
--md-sys-color-success-container: #005b39;
|
|
--md-sys-color-on-success-container: #ffffff;
|
|
--md-sys-color-warning: #2c1d00;
|
|
--md-sys-color-on-warning: #ffcd6f;
|
|
--md-sys-color-warning-container: #684900;
|
|
--md-sys-color-on-warning-container: #ffffff;
|
|
--md-sys-color-info: #001e4a;
|
|
--md-sys-color-on-info: #c3d4ff;
|
|
--md-sys-color-info-container: #004ba5;
|
|
--md-sys-color-on-info-container: #ffffff;
|
|
--md-sys-color-inverse-error: #ffded7;
|
|
--md-sys-color-inverse-success: #89fcbf;
|
|
--md-sys-color-inverse-warning: #ffe2b1;
|
|
--md-sys-color-inverse-info: #dde5ff;
|
|
}
|
|
|
|
[data-scheme='green'][data-contrast='high'][data-theme='dark'],
|
|
[data-scheme='green'][data-contrast='high'] [data-theme='dark'] {
|
|
color-scheme: dark;
|
|
|
|
--md-sys-color-background: #001205;
|
|
--md-sys-color-on-background: #ffffff;
|
|
--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: #ffffff;
|
|
--md-sys-color-on-surface-variant: #c3f1cb;
|
|
--md-sys-color-outline: #97c3a0;
|
|
--md-sys-color-outline-variant: #82ae8c;
|
|
--md-sys-color-inverse-surface: #eaffea;
|
|
--md-sys-color-inverse-on-surface: #000000;
|
|
--md-sys-color-primary: #89ff87;
|
|
--md-sys-color-primary-dim: #6ff272;
|
|
--md-sys-color-on-primary: #003408;
|
|
--md-sys-color-primary-container: #34bb43;
|
|
--md-sys-color-on-primary-container: #000000;
|
|
--md-sys-color-primary-fixed: #7afe7c;
|
|
--md-sys-color-primary-fixed-dim: #6cef6f;
|
|
--md-sys-color-on-primary-fixed: #000000;
|
|
--md-sys-color-on-primary-fixed-variant: #002604;
|
|
--md-sys-color-inverse-primary: #00420c;
|
|
--md-sys-color-secondary: #89fdae;
|
|
--md-sys-color-secondary-dim: #7beea1;
|
|
--md-sys-color-on-secondary: #003418;
|
|
--md-sys-color-secondary-container: #43b871;
|
|
--md-sys-color-on-secondary-container: #000000;
|
|
--md-sys-color-secondary-fixed: #86faac;
|
|
--md-sys-color-secondary-fixed-dim: #78eb9e;
|
|
--md-sys-color-on-secondary-fixed: #000000;
|
|
--md-sys-color-on-secondary-fixed-variant: #002610;
|
|
--md-sys-color-tertiary: #9df3ff;
|
|
--md-sys-color-tertiary-dim: #10eafe;
|
|
--md-sys-color-on-tertiary: #003137;
|
|
--md-sys-color-tertiary-container: #10eafe;
|
|
--md-sys-color-on-tertiary-container: #002428;
|
|
--md-sys-color-tertiary-fixed: #10eafe;
|
|
--md-sys-color-tertiary-fixed-dim: #00dbee;
|
|
--md-sys-color-on-tertiary-fixed: #000000;
|
|
--md-sys-color-on-tertiary-fixed-variant: #001417;
|
|
--md-sys-color-error: #ffded7;
|
|
--md-sys-color-error-dim: #ffc8bb;
|
|
--md-sys-color-on-error: #5a0e00;
|
|
--md-sys-color-error-container: #ff7e5e;
|
|
--md-sys-color-on-error-container: #000000;
|
|
--md-sys-color-success: #89fcbf;
|
|
--md-sys-color-on-success: #00341e;
|
|
--md-sys-color-success-container: #42b880;
|
|
--md-sys-color-on-success-container: #000000;
|
|
--md-sys-color-warning: #ffe2b1;
|
|
--md-sys-color-on-warning: #3c2900;
|
|
--md-sys-color-warning-container: #e4a604;
|
|
--md-sys-color-on-warning-container: #000000;
|
|
--md-sys-color-info: #dde5ff;
|
|
--md-sys-color-on-info: #002a62;
|
|
--md-sys-color-info-container: #74a2ff;
|
|
--md-sys-color-on-info-container: #000000;
|
|
--md-sys-color-inverse-error: #440800;
|
|
--md-sys-color-inverse-success: #002515;
|
|
--md-sys-color-inverse-warning: #2c1d00;
|
|
--md-sys-color-inverse-info: #001e4a;
|
|
}
|
|
|
|
[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: #006943;
|
|
--md-sys-color-on-success: #caffdd;
|
|
--md-sys-color-success-container: #86f9bc;
|
|
--md-sys-color-on-success-container: #00734a;
|
|
--md-sys-color-warning: #785500;
|
|
--md-sys-color-on-warning: #fff1dd;
|
|
--md-sys-color-warning-container: #fab925;
|
|
--md-sys-color-on-warning-container: #6a4b00;
|
|
--md-sys-color-info: #0057be;
|
|
--md-sys-color-on-info: #f0f2ff;
|
|
--md-sys-color-info-container: #1c7afc;
|
|
--md-sys-color-on-info-container: #001435;
|
|
--md-sys-color-inverse-error: #ff7351;
|
|
--md-sys-color-inverse-success: #3bb27b;
|
|
--md-sys-color-inverse-warning: #f3b31e;
|
|
--md-sys-color-inverse-info: #699cff;
|
|
}
|
|
|
|
[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: #3bb27b;
|
|
--md-sys-color-on-success: #002615;
|
|
--md-sys-color-success-container: #059460;
|
|
--md-sys-color-on-success-container: #001e10;
|
|
--md-sys-color-warning: #f3b31e;
|
|
--md-sys-color-on-warning: #4e3600;
|
|
--md-sys-color-warning-container: #e4a604;
|
|
--md-sys-color-on-warning-container: #593f00;
|
|
--md-sys-color-info: #699cff;
|
|
--md-sys-color-on-info: #001e4b;
|
|
--md-sys-color-info-container: #0c74f6;
|
|
--md-sys-color-on-info-container: #000a23;
|
|
--md-sys-color-inverse-error: #b02500;
|
|
--md-sys-color-inverse-success: #006943;
|
|
--md-sys-color-inverse-warning: #785500;
|
|
--md-sys-color-inverse-info: #0057be;
|
|
}
|
|
|
|
[data-scheme='amber'][data-contrast='medium'],
|
|
[data-scheme='amber'][data-contrast='medium'][data-theme='light'],
|
|
[data-scheme='amber'][data-contrast='medium'] [data-theme='light'] {
|
|
color-scheme: light;
|
|
|
|
--md-sys-color-background: #fff4ef;
|
|
--md-sys-color-on-background: #331900;
|
|
--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: #331900;
|
|
--md-sys-color-on-surface-variant: #5c3611;
|
|
--md-sys-color-outline: #7d522a;
|
|
--md-sys-color-outline-variant: #9c6d43;
|
|
--md-sys-color-inverse-surface: #1b0a00;
|
|
--md-sys-color-inverse-on-surface: #f2b989;
|
|
--md-sys-color-primary: #692f00;
|
|
--md-sys-color-primary-dim: #582600;
|
|
--md-sys-color-on-primary: #ffc9a9;
|
|
--md-sys-color-primary-container: #bb5800;
|
|
--md-sys-color-on-primary-container: #ffffff;
|
|
--md-sys-color-primary-fixed: #bb5800;
|
|
--md-sys-color-primary-fixed-dim: #a84f00;
|
|
--md-sys-color-on-primary-fixed: #ffffff;
|
|
--md-sys-color-on-primary-fixed-variant: #ffffff;
|
|
--md-sys-color-inverse-primary: #ff7b00;
|
|
--md-sys-color-secondary: #613400;
|
|
--md-sys-color-secondary-dim: #512a00;
|
|
--md-sys-color-on-secondary: #ffca9e;
|
|
--md-sys-color-secondary-container: #ae6100;
|
|
--md-sys-color-on-secondary-container: #ffffff;
|
|
--md-sys-color-secondary-fixed: #ae6100;
|
|
--md-sys-color-secondary-fixed-dim: #9c5600;
|
|
--md-sys-color-on-secondary-fixed: #ffffff;
|
|
--md-sys-color-on-secondary-fixed-variant: #ffffff;
|
|
--md-sys-color-tertiary: #523c00;
|
|
--md-sys-color-tertiary-dim: #453100;
|
|
--md-sys-color-on-tertiary: #ffcd60;
|
|
--md-sys-color-tertiary-container: #956e00;
|
|
--md-sys-color-on-tertiary-container: #ffffff;
|
|
--md-sys-color-tertiary-fixed: #956e00;
|
|
--md-sys-color-tertiary-fixed-dim: #856200;
|
|
--md-sys-color-on-tertiary-fixed: #ffffff;
|
|
--md-sys-color-on-tertiary-fixed-variant: #ffffff;
|
|
--md-sys-color-error: #7d1800;
|
|
--md-sys-color-error-dim: #691200;
|
|
--md-sys-color-on-error: #ffc7ba;
|
|
--md-sys-color-error-container: #d53d18;
|
|
--md-sys-color-on-error-container: #ffffff;
|
|
--md-sys-color-success: #00492d;
|
|
--md-sys-color-on-success: #77eaae;
|
|
--md-sys-color-success-container: #008656;
|
|
--md-sys-color-on-success-container: #ffffff;
|
|
--md-sys-color-warning: #543b00;
|
|
--md-sys-color-on-warning: #ffcd6d;
|
|
--md-sys-color-warning-container: #986d00;
|
|
--md-sys-color-on-warning-container: #ffffff;
|
|
--md-sys-color-info: #003c87;
|
|
--md-sys-color-on-info: #c3d4ff;
|
|
--md-sys-color-info-container: #006fef;
|
|
--md-sys-color-on-info-container: #ffffff;
|
|
--md-sys-color-inverse-error: #ffa089;
|
|
--md-sys-color-inverse-success: #5ace94;
|
|
--md-sys-color-inverse-warning: #f3b31e;
|
|
--md-sys-color-inverse-info: #98b8ff;
|
|
}
|
|
|
|
[data-scheme='amber'][data-contrast='medium'][data-theme='dark'],
|
|
[data-scheme='amber'][data-contrast='medium'] [data-theme='dark'] {
|
|
color-scheme: dark;
|
|
|
|
--md-sys-color-background: #1b0a00;
|
|
--md-sys-color-on-background: #ffffff;
|
|
--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: #ffffff;
|
|
--md-sys-color-on-surface-variant: #e5ad7e;
|
|
--md-sys-color-outline: #bc895c;
|
|
--md-sys-color-outline-variant: #9a6b41;
|
|
--md-sys-color-inverse-surface: #fff8f5;
|
|
--md-sys-color-inverse-on-surface: #542f0a;
|
|
--md-sys-color-primary: #ffa267;
|
|
--md-sys-color-primary-dim: #ff8c3c;
|
|
--md-sys-color-on-primary: #4b2000;
|
|
--md-sys-color-primary-container: #ff7b00;
|
|
--md-sys-color-on-primary-container: #270d00;
|
|
--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: #000000;
|
|
--md-sys-color-inverse-primary: #8a4000;
|
|
--md-sys-color-secondary: #ffa44d;
|
|
--md-sys-color-secondary-dim: #f6932c;
|
|
--md-sys-color-on-secondary: #462300;
|
|
--md-sys-color-secondary-container: #ae6100;
|
|
--md-sys-color-on-secondary-container: #ffffff;
|
|
--md-sys-color-secondary-fixed: #ffc697;
|
|
--md-sys-color-secondary-fixed-dim: #ffb471;
|
|
--md-sys-color-on-secondary-fixed: #190900;
|
|
--md-sys-color-on-secondary-fixed-variant: #512a00;
|
|
--md-sys-color-tertiary: #ffd47c;
|
|
--md-sys-color-tertiary-dim: #ffc32d;
|
|
--md-sys-color-on-tertiary: #573f00;
|
|
--md-sys-color-tertiary-container: #ffc32d;
|
|
--md-sys-color-on-tertiary-container: #4c3600;
|
|
--md-sys-color-tertiary-fixed: #ffc32d;
|
|
--md-sys-color-tertiary-fixed-dim: #efb51c;
|
|
--md-sys-color-on-tertiary-fixed: #050300;
|
|
--md-sys-color-on-tertiary-fixed-variant: #402d00;
|
|
--md-sys-color-error: #ffa089;
|
|
--md-sys-color-error-dim: #ff8a6d;
|
|
--md-sys-color-on-error: #5a0e00;
|
|
--md-sys-color-error-container: #d53d18;
|
|
--md-sys-color-on-error-container: #ffffff;
|
|
--md-sys-color-success: #5ace94;
|
|
--md-sys-color-on-success: #00341e;
|
|
--md-sys-color-success-container: #008656;
|
|
--md-sys-color-on-success-container: #ffffff;
|
|
--md-sys-color-warning: #f3b31e;
|
|
--md-sys-color-on-warning: #412d00;
|
|
--md-sys-color-warning-container: #e4a604;
|
|
--md-sys-color-on-warning-container: #332200;
|
|
--md-sys-color-info: #98b8ff;
|
|
--md-sys-color-on-info: #002a62;
|
|
--md-sys-color-info-container: #006fef;
|
|
--md-sys-color-on-info-container: #ffffff;
|
|
--md-sys-color-inverse-error: #7d1800;
|
|
--md-sys-color-inverse-success: #00492d;
|
|
--md-sys-color-inverse-warning: #543b00;
|
|
--md-sys-color-inverse-info: #003c87;
|
|
}
|
|
|
|
[data-scheme='amber'][data-contrast='high'],
|
|
[data-scheme='amber'][data-contrast='high'][data-theme='light'],
|
|
[data-scheme='amber'][data-contrast='high'] [data-theme='light'] {
|
|
color-scheme: light;
|
|
|
|
--md-sys-color-background: #fff4ef;
|
|
--md-sys-color-on-background: #000000;
|
|
--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: #000000;
|
|
--md-sys-color-on-surface-variant: #331900;
|
|
--md-sys-color-outline: #5c3611;
|
|
--md-sys-color-outline-variant: #6e451f;
|
|
--md-sys-color-inverse-surface: #1b0a00;
|
|
--md-sys-color-inverse-on-surface: #ffffff;
|
|
--md-sys-color-primary: #381600;
|
|
--md-sys-color-primary-dim: #280e00;
|
|
--md-sys-color-on-primary: #ffc9ab;
|
|
--md-sys-color-primary-container: #803b00;
|
|
--md-sys-color-on-primary-container: #ffffff;
|
|
--md-sys-color-primary-fixed: #803b00;
|
|
--md-sys-color-primary-fixed-dim: #6f3200;
|
|
--md-sys-color-on-primary-fixed: #ffffff;
|
|
--md-sys-color-on-primary-fixed-variant: #ffffff;
|
|
--md-sys-color-inverse-primary: #ffb486;
|
|
--md-sys-color-secondary: #331900;
|
|
--md-sys-color-secondary-dim: #251000;
|
|
--md-sys-color-on-secondary: #ffca9f;
|
|
--md-sys-color-secondary-container: #784100;
|
|
--md-sys-color-on-secondary-container: #ffffff;
|
|
--md-sys-color-secondary-fixed: #784100;
|
|
--md-sys-color-secondary-fixed-dim: #673700;
|
|
--md-sys-color-on-secondary-fixed: #ffffff;
|
|
--md-sys-color-on-secondary-fixed-variant: #ffffff;
|
|
--md-sys-color-tertiary: #2b1d00;
|
|
--md-sys-color-tertiary-dim: #1e1400;
|
|
--md-sys-color-on-tertiary: #ffce62;
|
|
--md-sys-color-tertiary-container: #664a00;
|
|
--md-sys-color-on-tertiary-container: #ffffff;
|
|
--md-sys-color-tertiary-fixed: #664a00;
|
|
--md-sys-color-tertiary-fixed-dim: #573f00;
|
|
--md-sys-color-on-tertiary-fixed: #ffffff;
|
|
--md-sys-color-on-tertiary-fixed-variant: #ffffff;
|
|
--md-sys-color-error: #440800;
|
|
--md-sys-color-error-dim: #320500;
|
|
--md-sys-color-on-error: #ffc8bb;
|
|
--md-sys-color-error-container: #991f00;
|
|
--md-sys-color-on-error-container: #ffffff;
|
|
--md-sys-color-success: #002515;
|
|
--md-sys-color-on-success: #78eaaf;
|
|
--md-sys-color-success-container: #005b39;
|
|
--md-sys-color-on-success-container: #ffffff;
|
|
--md-sys-color-warning: #2c1d00;
|
|
--md-sys-color-on-warning: #ffcd6f;
|
|
--md-sys-color-warning-container: #684900;
|
|
--md-sys-color-on-warning-container: #ffffff;
|
|
--md-sys-color-info: #001e4a;
|
|
--md-sys-color-on-info: #c3d4ff;
|
|
--md-sys-color-info-container: #004ba5;
|
|
--md-sys-color-on-info-container: #ffffff;
|
|
--md-sys-color-inverse-error: #ffded7;
|
|
--md-sys-color-inverse-success: #89fcbf;
|
|
--md-sys-color-inverse-warning: #ffe2b1;
|
|
--md-sys-color-inverse-info: #dde5ff;
|
|
}
|
|
|
|
[data-scheme='amber'][data-contrast='high'][data-theme='dark'],
|
|
[data-scheme='amber'][data-contrast='high'] [data-theme='dark'] {
|
|
color-scheme: dark;
|
|
|
|
--md-sys-color-background: #1b0a00;
|
|
--md-sys-color-on-background: #ffffff;
|
|
--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: #ffffff;
|
|
--md-sys-color-on-surface-variant: #ffe0c8;
|
|
--md-sys-color-outline: #e5ad7e;
|
|
--md-sys-color-outline-variant: #ce996b;
|
|
--md-sys-color-inverse-surface: #fff8f5;
|
|
--md-sys-color-inverse-on-surface: #000000;
|
|
--md-sys-color-primary: #ffdfce;
|
|
--md-sys-color-primary-dim: #ffcaab;
|
|
--md-sys-color-on-primary: #4b2000;
|
|
--md-sys-color-primary-container: #ff801c;
|
|
--md-sys-color-on-primary-container: #000000;
|
|
--md-sys-color-primary-fixed: #ff801c;
|
|
--md-sys-color-primary-fixed-dim: #ef7300;
|
|
--md-sys-color-on-primary-fixed: #000000;
|
|
--md-sys-color-on-primary-fixed-variant: #000000;
|
|
--md-sys-color-inverse-primary: #5e2900;
|
|
--md-sys-color-secondary: #ffe0c8;
|
|
--md-sys-color-secondary-dim: #ffcb9f;
|
|
--md-sys-color-on-secondary: #462300;
|
|
--md-sys-color-secondary-container: #ed8c24;
|
|
--md-sys-color-on-secondary-container: #000000;
|
|
--md-sys-color-secondary-fixed: #ffc697;
|
|
--md-sys-color-secondary-fixed-dim: #ffb471;
|
|
--md-sys-color-on-secondary-fixed: #000000;
|
|
--md-sys-color-on-secondary-fixed-variant: #190900;
|
|
--md-sys-color-tertiary: #ffe2ab;
|
|
--md-sys-color-tertiary-dim: #ffce63;
|
|
--md-sys-color-on-tertiary: #3a2900;
|
|
--md-sys-color-tertiary-container: #ffc32d;
|
|
--md-sys-color-on-tertiary-container: #211600;
|
|
--md-sys-color-tertiary-fixed: #ffc32d;
|
|
--md-sys-color-tertiary-fixed-dim: #efb51c;
|
|
--md-sys-color-on-tertiary-fixed: #000000;
|
|
--md-sys-color-on-tertiary-fixed-variant: #050300;
|
|
--md-sys-color-error: #ffded7;
|
|
--md-sys-color-error-dim: #ffc8bb;
|
|
--md-sys-color-on-error: #5a0e00;
|
|
--md-sys-color-error-container: #ff7e5e;
|
|
--md-sys-color-on-error-container: #000000;
|
|
--md-sys-color-success: #89fcbf;
|
|
--md-sys-color-on-success: #00341e;
|
|
--md-sys-color-success-container: #42b880;
|
|
--md-sys-color-on-success-container: #000000;
|
|
--md-sys-color-warning: #ffe2b1;
|
|
--md-sys-color-on-warning: #3c2900;
|
|
--md-sys-color-warning-container: #e4a604;
|
|
--md-sys-color-on-warning-container: #000000;
|
|
--md-sys-color-info: #dde5ff;
|
|
--md-sys-color-on-info: #002a62;
|
|
--md-sys-color-info-container: #74a2ff;
|
|
--md-sys-color-on-info-container: #000000;
|
|
--md-sys-color-inverse-error: #440800;
|
|
--md-sys-color-inverse-success: #002515;
|
|
--md-sys-color-inverse-warning: #2c1d00;
|
|
--md-sys-color-inverse-info: #001e4a;
|
|
}
|
|
|
|
[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: #006943;
|
|
--md-sys-color-on-success: #caffdd;
|
|
--md-sys-color-success-container: #86f9bc;
|
|
--md-sys-color-on-success-container: #00734a;
|
|
--md-sys-color-warning: #785500;
|
|
--md-sys-color-on-warning: #fff1dd;
|
|
--md-sys-color-warning-container: #fab925;
|
|
--md-sys-color-on-warning-container: #6a4b00;
|
|
--md-sys-color-info: #0057be;
|
|
--md-sys-color-on-info: #f0f2ff;
|
|
--md-sys-color-info-container: #1c7afc;
|
|
--md-sys-color-on-info-container: #001435;
|
|
--md-sys-color-inverse-error: #ff716c;
|
|
--md-sys-color-inverse-success: #3bb27b;
|
|
--md-sys-color-inverse-warning: #f3b31e;
|
|
--md-sys-color-inverse-info: #699cff;
|
|
}
|
|
|
|
[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: #3bb27b;
|
|
--md-sys-color-on-success: #002615;
|
|
--md-sys-color-success-container: #059460;
|
|
--md-sys-color-on-success-container: #001e10;
|
|
--md-sys-color-warning: #f3b31e;
|
|
--md-sys-color-on-warning: #4e3600;
|
|
--md-sys-color-warning-container: #e4a604;
|
|
--md-sys-color-on-warning-container: #593f00;
|
|
--md-sys-color-info: #699cff;
|
|
--md-sys-color-on-info: #001e4b;
|
|
--md-sys-color-info-container: #0c74f6;
|
|
--md-sys-color-on-info-container: #000a23;
|
|
--md-sys-color-inverse-error: #b31b25;
|
|
--md-sys-color-inverse-success: #006943;
|
|
--md-sys-color-inverse-warning: #785500;
|
|
--md-sys-color-inverse-info: #0057be;
|
|
}
|
|
|
|
[data-scheme='rose'][data-contrast='medium'],
|
|
[data-scheme='rose'][data-contrast='medium'][data-theme='light'],
|
|
[data-scheme='rose'][data-contrast='medium'] [data-theme='light'] {
|
|
color-scheme: light;
|
|
|
|
--md-sys-color-background: #fff4f6;
|
|
--md-sys-color-on-background: #371226;
|
|
--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: #371226;
|
|
--md-sys-color-on-surface-variant: #5d3247;
|
|
--md-sys-color-outline: #7c4d64;
|
|
--md-sys-color-outline-variant: #9b6880;
|
|
--md-sys-color-inverse-surface: #220215;
|
|
--md-sys-color-inverse-on-surface: #f0b4ce;
|
|
--md-sys-color-primary: #820038;
|
|
--md-sys-color-primary-dim: #6d002e;
|
|
--md-sys-color-on-primary: #ffc5d0;
|
|
--md-sys-color-primary-container: #d03a6c;
|
|
--md-sys-color-on-primary-container: #ffffff;
|
|
--md-sys-color-primary-fixed: #d03a6c;
|
|
--md-sys-color-primary-fixed-dim: #c02d5f;
|
|
--md-sys-color-on-primary-fixed: #ffffff;
|
|
--md-sys-color-on-primary-fixed-variant: #ffffff;
|
|
--md-sys-color-inverse-primary: #ff6994;
|
|
--md-sys-color-secondary: #751751;
|
|
--md-sys-color-secondary-dim: #660845;
|
|
--md-sys-color-on-secondary: #ffc4dd;
|
|
--md-sys-color-secondary-container: #b85088;
|
|
--md-sys-color-on-secondary-container: #ffffff;
|
|
--md-sys-color-secondary-fixed: #b85088;
|
|
--md-sys-color-secondary-fixed-dim: #a8437b;
|
|
--md-sys-color-on-secondary-fixed: #ffffff;
|
|
--md-sys-color-on-secondary-fixed-variant: #ffffff;
|
|
--md-sys-color-tertiary: #3f2b96;
|
|
--md-sys-color-tertiary-dim: #341d8a;
|
|
--md-sys-color-on-tertiary: #d7ceff;
|
|
--md-sys-color-tertiary-container: #7565cf;
|
|
--md-sys-color-on-tertiary-container: #ffffff;
|
|
--md-sys-color-tertiary-fixed: #7565cf;
|
|
--md-sys-color-tertiary-fixed-dim: #6958c2;
|
|
--md-sys-color-on-tertiary-fixed: #ffffff;
|
|
--md-sys-color-on-tertiary-fixed-variant: #ffffff;
|
|
--md-sys-color-error: #850012;
|
|
--md-sys-color-error-dim: #70000d;
|
|
--md-sys-color-on-error: #ffc7c2;
|
|
--md-sys-color-error-container: #d7383b;
|
|
--md-sys-color-on-error-container: #ffffff;
|
|
--md-sys-color-success: #00492d;
|
|
--md-sys-color-on-success: #77eaae;
|
|
--md-sys-color-success-container: #008656;
|
|
--md-sys-color-on-success-container: #ffffff;
|
|
--md-sys-color-warning: #543b00;
|
|
--md-sys-color-on-warning: #ffcd6d;
|
|
--md-sys-color-warning-container: #986d00;
|
|
--md-sys-color-on-warning-container: #ffffff;
|
|
--md-sys-color-info: #003c87;
|
|
--md-sys-color-on-info: #c3d4ff;
|
|
--md-sys-color-info-container: #006fef;
|
|
--md-sys-color-on-info-container: #ffffff;
|
|
--md-sys-color-inverse-error: #ff9f99;
|
|
--md-sys-color-inverse-success: #5ace94;
|
|
--md-sys-color-inverse-warning: #f3b31e;
|
|
--md-sys-color-inverse-info: #98b8ff;
|
|
}
|
|
|
|
[data-scheme='rose'][data-contrast='medium'][data-theme='dark'],
|
|
[data-scheme='rose'][data-contrast='medium'] [data-theme='dark'] {
|
|
color-scheme: dark;
|
|
|
|
--md-sys-color-background: #220215;
|
|
--md-sys-color-on-background: #ffffff;
|
|
--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: #ffffff;
|
|
--md-sys-color-on-surface-variant: #e3a8c2;
|
|
--md-sys-color-outline: #ba849d;
|
|
--md-sys-color-outline-variant: #99667e;
|
|
--md-sys-color-inverse-surface: #fff8f8;
|
|
--md-sys-color-inverse-on-surface: #542b40;
|
|
--md-sys-color-primary: #ff9cb3;
|
|
--md-sys-color-primary-dim: #ff84a3;
|
|
--md-sys-color-on-primary: #5e0027;
|
|
--md-sys-color-primary-container: #ff7198;
|
|
--md-sys-color-on-primary-container: #320011;
|
|
--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: #000000;
|
|
--md-sys-color-inverse-primary: #a5144d;
|
|
--md-sys-color-secondary: #ff99cb;
|
|
--md-sys-color-secondary-dim: #f985c1;
|
|
--md-sys-color-on-secondary: #5a003c;
|
|
--md-sys-color-secondary-container: #b85088;
|
|
--md-sys-color-on-secondary-container: #ffffff;
|
|
--md-sys-color-secondary-fixed: #ffc0dc;
|
|
--md-sys-color-secondary-fixed-dim: #ffabd2;
|
|
--md-sys-color-on-secondary-fixed: #230014;
|
|
--md-sys-color-on-secondary-fixed-variant: #670845;
|
|
--md-sys-color-tertiary: #bbafff;
|
|
--md-sys-color-tertiary-dim: #ac9eff;
|
|
--md-sys-color-on-tertiary: #2b1082;
|
|
--md-sys-color-tertiary-container: #9f8ffc;
|
|
--md-sys-color-on-tertiary-container: #100045;
|
|
--md-sys-color-tertiary-fixed: #b3a5ff;
|
|
--md-sys-color-tertiary-fixed-dim: #a595ff;
|
|
--md-sys-color-on-tertiary-fixed: #000000;
|
|
--md-sys-color-on-tertiary-fixed-variant: #170059;
|
|
--md-sys-color-error: #ff9f99;
|
|
--md-sys-color-error-dim: #ff8882;
|
|
--md-sys-color-on-error: #60000a;
|
|
--md-sys-color-error-container: #d7383b;
|
|
--md-sys-color-on-error-container: #ffffff;
|
|
--md-sys-color-success: #5ace94;
|
|
--md-sys-color-on-success: #00341e;
|
|
--md-sys-color-success-container: #008656;
|
|
--md-sys-color-on-success-container: #ffffff;
|
|
--md-sys-color-warning: #f3b31e;
|
|
--md-sys-color-on-warning: #412d00;
|
|
--md-sys-color-warning-container: #e4a604;
|
|
--md-sys-color-on-warning-container: #332200;
|
|
--md-sys-color-info: #98b8ff;
|
|
--md-sys-color-on-info: #002a62;
|
|
--md-sys-color-info-container: #006fef;
|
|
--md-sys-color-on-info-container: #ffffff;
|
|
--md-sys-color-inverse-error: #850012;
|
|
--md-sys-color-inverse-success: #00492d;
|
|
--md-sys-color-inverse-warning: #543b00;
|
|
--md-sys-color-inverse-info: #003c87;
|
|
}
|
|
|
|
[data-scheme='rose'][data-contrast='high'],
|
|
[data-scheme='rose'][data-contrast='high'][data-theme='light'],
|
|
[data-scheme='rose'][data-contrast='high'] [data-theme='light'] {
|
|
color-scheme: light;
|
|
|
|
--md-sys-color-background: #fff4f6;
|
|
--md-sys-color-on-background: #000000;
|
|
--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: #000000;
|
|
--md-sys-color-on-surface-variant: #371226;
|
|
--md-sys-color-outline: #5d3247;
|
|
--md-sys-color-outline-variant: #6e4057;
|
|
--md-sys-color-inverse-surface: #220215;
|
|
--md-sys-color-inverse-on-surface: #ffffff;
|
|
--md-sys-color-primary: #46001b;
|
|
--md-sys-color-primary-dim: #340012;
|
|
--md-sys-color-on-primary: #ffc6d1;
|
|
--md-sys-color-primary-container: #9c0947;
|
|
--md-sys-color-on-primary-container: #ffffff;
|
|
--md-sys-color-primary-fixed: #9c0947;
|
|
--md-sys-color-primary-fixed-dim: #89003c;
|
|
--md-sys-color-on-primary-fixed: #ffffff;
|
|
--md-sys-color-on-primary-fixed-variant: #ffffff;
|
|
--md-sys-color-inverse-primary: #ffafc0;
|
|
--md-sys-color-secondary: #44002c;
|
|
--md-sys-color-secondary-dim: #32001f;
|
|
--md-sys-color-on-secondary: #ffc4de;
|
|
--md-sys-color-secondary-container: #892961;
|
|
--md-sys-color-on-secondary-container: #ffffff;
|
|
--md-sys-color-secondary-fixed: #892961;
|
|
--md-sys-color-secondary-fixed-dim: #7a1c55;
|
|
--md-sys-color-on-secondary-fixed: #ffffff;
|
|
--md-sys-color-on-secondary-fixed-variant: #ffffff;
|
|
--md-sys-color-tertiary: #1e006d;
|
|
--md-sys-color-tertiary-dim: #150052;
|
|
--md-sys-color-on-tertiary: #d7cfff;
|
|
--md-sys-color-tertiary-container: #4f3da6;
|
|
--md-sys-color-on-tertiary-container: #ffffff;
|
|
--md-sys-color-tertiary-fixed: #4f3da6;
|
|
--md-sys-color-tertiary-fixed-dim: #43309a;
|
|
--md-sys-color-on-tertiary-fixed: #ffffff;
|
|
--md-sys-color-on-tertiary-fixed-variant: #ffffff;
|
|
--md-sys-color-error: #480005;
|
|
--md-sys-color-error-dim: #350003;
|
|
--md-sys-color-on-error: #ffc7c3;
|
|
--md-sys-color-error-container: #a0071a;
|
|
--md-sys-color-on-error-container: #ffffff;
|
|
--md-sys-color-success: #002515;
|
|
--md-sys-color-on-success: #78eaaf;
|
|
--md-sys-color-success-container: #005b39;
|
|
--md-sys-color-on-success-container: #ffffff;
|
|
--md-sys-color-warning: #2c1d00;
|
|
--md-sys-color-on-warning: #ffcd6f;
|
|
--md-sys-color-warning-container: #684900;
|
|
--md-sys-color-on-warning-container: #ffffff;
|
|
--md-sys-color-info: #001e4a;
|
|
--md-sys-color-on-info: #c3d4ff;
|
|
--md-sys-color-info-container: #004ba5;
|
|
--md-sys-color-on-info-container: #ffffff;
|
|
--md-sys-color-inverse-error: #ffdedb;
|
|
--md-sys-color-inverse-success: #89fcbf;
|
|
--md-sys-color-inverse-warning: #ffe2b1;
|
|
--md-sys-color-inverse-info: #dde5ff;
|
|
}
|
|
|
|
[data-scheme='rose'][data-contrast='high'][data-theme='dark'],
|
|
[data-scheme='rose'][data-contrast='high'] [data-theme='dark'] {
|
|
color-scheme: dark;
|
|
|
|
--md-sys-color-background: #220215;
|
|
--md-sys-color-on-background: #ffffff;
|
|
--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: #ffffff;
|
|
--md-sys-color-on-surface-variant: #ffdcea;
|
|
--md-sys-color-outline: #e3a8c2;
|
|
--md-sys-color-outline-variant: #cc94ad;
|
|
--md-sys-color-inverse-surface: #fff8f8;
|
|
--md-sys-color-inverse-on-surface: #000000;
|
|
--md-sys-color-primary: #ffdde2;
|
|
--md-sys-color-primary-dim: #ffc6d1;
|
|
--md-sys-color-on-primary: #5e0027;
|
|
--md-sys-color-primary-container: #ff779c;
|
|
--md-sys-color-on-primary-container: #000000;
|
|
--md-sys-color-primary-fixed: #ff779c;
|
|
--md-sys-color-primary-fixed-dim: #fd5d8d;
|
|
--md-sys-color-on-primary-fixed: #000000;
|
|
--md-sys-color-on-primary-fixed-variant: #000000;
|
|
--md-sys-color-inverse-primary: #740032;
|
|
--md-sys-color-secondary: #ffdcea;
|
|
--md-sys-color-secondary-dim: #ffc5de;
|
|
--md-sys-color-on-secondary: #5a003c;
|
|
--md-sys-color-secondary-container: #f07eb9;
|
|
--md-sys-color-on-secondary-container: #000000;
|
|
--md-sys-color-secondary-fixed: #ffc0dc;
|
|
--md-sys-color-secondary-fixed-dim: #ffabd2;
|
|
--md-sys-color-on-secondary-fixed: #000000;
|
|
--md-sys-color-on-secondary-fixed-variant: #230014;
|
|
--md-sys-color-tertiary: #e8e2ff;
|
|
--md-sys-color-tertiary-dim: #d7cfff;
|
|
--md-sys-color-on-tertiary: #2b1082;
|
|
--md-sys-color-tertiary-container: #a595ff;
|
|
--md-sys-color-on-tertiary-container: #000000;
|
|
--md-sys-color-tertiary-fixed: #b3a5ff;
|
|
--md-sys-color-tertiary-fixed-dim: #a595ff;
|
|
--md-sys-color-on-tertiary-fixed: #000000;
|
|
--md-sys-color-on-tertiary-fixed-variant: #000000;
|
|
--md-sys-color-error: #ffdedb;
|
|
--md-sys-color-error-dim: #ffc7c3;
|
|
--md-sys-color-on-error: #60000a;
|
|
--md-sys-color-error-container: #ff7c76;
|
|
--md-sys-color-on-error-container: #000000;
|
|
--md-sys-color-success: #89fcbf;
|
|
--md-sys-color-on-success: #00341e;
|
|
--md-sys-color-success-container: #42b880;
|
|
--md-sys-color-on-success-container: #000000;
|
|
--md-sys-color-warning: #ffe2b1;
|
|
--md-sys-color-on-warning: #3c2900;
|
|
--md-sys-color-warning-container: #e4a604;
|
|
--md-sys-color-on-warning-container: #000000;
|
|
--md-sys-color-info: #dde5ff;
|
|
--md-sys-color-on-info: #002a62;
|
|
--md-sys-color-info-container: #74a2ff;
|
|
--md-sys-color-on-info-container: #000000;
|
|
--md-sys-color-inverse-error: #480005;
|
|
--md-sys-color-inverse-success: #002515;
|
|
--md-sys-color-inverse-warning: #2c1d00;
|
|
--md-sys-color-inverse-info: #001e4a;
|
|
}
|
|
|
|
[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: #006943;
|
|
--md-sys-color-on-success: #caffdd;
|
|
--md-sys-color-success-container: #86f9bc;
|
|
--md-sys-color-on-success-container: #00734a;
|
|
--md-sys-color-warning: #785500;
|
|
--md-sys-color-on-warning: #fff1dd;
|
|
--md-sys-color-warning-container: #fab925;
|
|
--md-sys-color-on-warning-container: #6a4b00;
|
|
--md-sys-color-info: #0057be;
|
|
--md-sys-color-on-info: #f0f2ff;
|
|
--md-sys-color-info-container: #1c7afc;
|
|
--md-sys-color-on-info-container: #001435;
|
|
--md-sys-color-inverse-error: #ff6e84;
|
|
--md-sys-color-inverse-success: #3bb27b;
|
|
--md-sys-color-inverse-warning: #f3b31e;
|
|
--md-sys-color-inverse-info: #699cff;
|
|
}
|
|
|
|
[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: #3bb27b;
|
|
--md-sys-color-on-success: #002615;
|
|
--md-sys-color-success-container: #059460;
|
|
--md-sys-color-on-success-container: #001e10;
|
|
--md-sys-color-warning: #f3b31e;
|
|
--md-sys-color-on-warning: #4e3600;
|
|
--md-sys-color-warning-container: #e4a604;
|
|
--md-sys-color-on-warning-container: #593f00;
|
|
--md-sys-color-info: #699cff;
|
|
--md-sys-color-on-info: #001e4b;
|
|
--md-sys-color-info-container: #0c74f6;
|
|
--md-sys-color-on-info-container: #000a23;
|
|
--md-sys-color-inverse-error: #b41340;
|
|
--md-sys-color-inverse-success: #006943;
|
|
--md-sys-color-inverse-warning: #785500;
|
|
--md-sys-color-inverse-info: #0057be;
|
|
}
|
|
|
|
[data-scheme='violet'][data-contrast='medium'],
|
|
[data-scheme='violet'][data-contrast='medium'][data-theme='light'],
|
|
[data-scheme='violet'][data-contrast='medium'] [data-theme='light'] {
|
|
color-scheme: light;
|
|
|
|
--md-sys-color-background: #fdf3ff;
|
|
--md-sys-color-on-background: #28173c;
|
|
--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: #28173c;
|
|
--md-sys-color-on-surface-variant: #4a375e;
|
|
--md-sys-color-outline: #67537c;
|
|
--md-sys-color-outline-variant: #836e99;
|
|
--md-sys-color-inverse-surface: #16052a;
|
|
--md-sys-color-inverse-on-surface: #d4bbeb;
|
|
--md-sys-color-primary: #4b00b9;
|
|
--md-sys-color-primary-dim: #3f009c;
|
|
--md-sys-color-on-primary: #dcccff;
|
|
--md-sys-color-primary-container: #8354f4;
|
|
--md-sys-color-on-primary-container: #ffffff;
|
|
--md-sys-color-primary-fixed: #8354f4;
|
|
--md-sys-color-primary-fixed-dim: #7645e6;
|
|
--md-sys-color-on-primary-fixed: #ffffff;
|
|
--md-sys-color-on-primary-fixed-variant: #ffffff;
|
|
--md-sys-color-inverse-primary: #a989ff;
|
|
--md-sys-color-secondary: #55238a;
|
|
--md-sys-color-secondary-dim: #4a147e;
|
|
--md-sys-color-on-secondary: #e5c9ff;
|
|
--md-sys-color-secondary-container: #8e5dc4;
|
|
--md-sys-color-on-secondary-container: #ffffff;
|
|
--md-sys-color-secondary-fixed: #8e5dc4;
|
|
--md-sys-color-secondary-fixed-dim: #8150b7;
|
|
--md-sys-color-on-secondary-fixed: #ffffff;
|
|
--md-sys-color-on-secondary-fixed-variant: #ffffff;
|
|
--md-sys-color-tertiary: #781740;
|
|
--md-sys-color-tertiary-dim: #690935;
|
|
--md-sys-color-on-tertiary: #ffc5d4;
|
|
--md-sys-color-tertiary-container: #bd4f76;
|
|
--md-sys-color-on-tertiary-container: #ffffff;
|
|
--md-sys-color-tertiary-fixed: #bd4f76;
|
|
--md-sys-color-tertiary-fixed-dim: #ad4269;
|
|
--md-sys-color-on-tertiary-fixed: #ffffff;
|
|
--md-sys-color-on-tertiary-fixed-variant: #ffffff;
|
|
--md-sys-color-error: #83002a;
|
|
--md-sys-color-error-dim: #6e0022;
|
|
--md-sys-color-on-error: #ffc6ca;
|
|
--md-sys-color-error-container: #d73357;
|
|
--md-sys-color-on-error-container: #ffffff;
|
|
--md-sys-color-success: #00492d;
|
|
--md-sys-color-on-success: #77eaae;
|
|
--md-sys-color-success-container: #008656;
|
|
--md-sys-color-on-success-container: #ffffff;
|
|
--md-sys-color-warning: #543b00;
|
|
--md-sys-color-on-warning: #ffcd6d;
|
|
--md-sys-color-warning-container: #986d00;
|
|
--md-sys-color-on-warning-container: #ffffff;
|
|
--md-sys-color-info: #003c87;
|
|
--md-sys-color-on-info: #c3d4ff;
|
|
--md-sys-color-info-container: #006fef;
|
|
--md-sys-color-on-info-container: #ffffff;
|
|
--md-sys-color-inverse-error: #ff9da8;
|
|
--md-sys-color-inverse-success: #5ace94;
|
|
--md-sys-color-inverse-warning: #f3b31e;
|
|
--md-sys-color-inverse-info: #98b8ff;
|
|
}
|
|
|
|
[data-scheme='violet'][data-contrast='medium'][data-theme='dark'],
|
|
[data-scheme='violet'][data-contrast='medium'] [data-theme='dark'] {
|
|
color-scheme: dark;
|
|
|
|
--md-sys-color-background: #16052a;
|
|
--md-sys-color-on-background: #ffffff;
|
|
--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: #ffffff;
|
|
--md-sys-color-on-surface-variant: #c7afde;
|
|
--md-sys-color-outline: #a18ab7;
|
|
--md-sys-color-outline-variant: #826d97;
|
|
--md-sys-color-inverse-surface: #fff7ff;
|
|
--md-sys-color-inverse-on-surface: #423056;
|
|
--md-sys-color-primary: #c3acff;
|
|
--md-sys-color-primary-dim: #b69bff;
|
|
--md-sys-color-on-primary: #350087;
|
|
--md-sys-color-primary-container: #ac8eff;
|
|
--md-sys-color-on-primary-container: #1a004a;
|
|
--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: #000000;
|
|
--md-sys-color-inverse-primary: #622cd2;
|
|
--md-sys-color-secondary: #d1a7ff;
|
|
--md-sys-color-secondary-dim: #c694ff;
|
|
--md-sys-color-on-secondary: #410576;
|
|
--md-sys-color-secondary-container: #8e5dc4;
|
|
--md-sys-color-on-secondary-container: #ffffff;
|
|
--md-sys-color-secondary-fixed: #e3c6ff;
|
|
--md-sys-color-secondary-fixed-dim: #d9b5ff;
|
|
--md-sys-color-on-secondary-fixed: #170031;
|
|
--md-sys-color-on-secondary-fixed-variant: #4a147e;
|
|
--md-sys-color-tertiary: #ff9bb9;
|
|
--md-sys-color-tertiary-dim: #ff83ac;
|
|
--md-sys-color-on-tertiary: #5d002d;
|
|
--md-sys-color-tertiary-container: #fc81aa;
|
|
--md-sys-color-on-tertiary-container: #43001e;
|
|
--md-sys-color-tertiary-fixed: #ff8eb2;
|
|
--md-sys-color-tertiary-fixed-dim: #f67ca4;
|
|
--md-sys-color-on-tertiary-fixed: #000000;
|
|
--md-sys-color-on-tertiary-fixed-variant: #380018;
|
|
--md-sys-color-error: #ff9da8;
|
|
--md-sys-color-error-dim: #ff8695;
|
|
--md-sys-color-on-error: #5f001c;
|
|
--md-sys-color-error-container: #d73357;
|
|
--md-sys-color-on-error-container: #ffffff;
|
|
--md-sys-color-success: #5ace94;
|
|
--md-sys-color-on-success: #00341e;
|
|
--md-sys-color-success-container: #008656;
|
|
--md-sys-color-on-success-container: #ffffff;
|
|
--md-sys-color-warning: #f3b31e;
|
|
--md-sys-color-on-warning: #412d00;
|
|
--md-sys-color-warning-container: #e4a604;
|
|
--md-sys-color-on-warning-container: #332200;
|
|
--md-sys-color-info: #98b8ff;
|
|
--md-sys-color-on-info: #002a62;
|
|
--md-sys-color-info-container: #006fef;
|
|
--md-sys-color-on-info-container: #ffffff;
|
|
--md-sys-color-inverse-error: #83002a;
|
|
--md-sys-color-inverse-success: #00492d;
|
|
--md-sys-color-inverse-warning: #543b00;
|
|
--md-sys-color-inverse-info: #003c87;
|
|
}
|
|
|
|
[data-scheme='violet'][data-contrast='high'],
|
|
[data-scheme='violet'][data-contrast='high'][data-theme='light'],
|
|
[data-scheme='violet'][data-contrast='high'] [data-theme='light'] {
|
|
color-scheme: light;
|
|
|
|
--md-sys-color-background: #fdf3ff;
|
|
--md-sys-color-on-background: #000000;
|
|
--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: #000000;
|
|
--md-sys-color-on-surface-variant: #28173c;
|
|
--md-sys-color-outline: #4a375e;
|
|
--md-sys-color-outline-variant: #5a466e;
|
|
--md-sys-color-inverse-surface: #16052a;
|
|
--md-sys-color-inverse-on-surface: #ffffff;
|
|
--md-sys-color-primary: #270067;
|
|
--md-sys-color-primary-dim: #1b004d;
|
|
--md-sys-color-on-primary: #dccdff;
|
|
--md-sys-color-primary-container: #5c22cb;
|
|
--md-sys-color-on-primary-container: #ffffff;
|
|
--md-sys-color-primary-fixed: #5c22cb;
|
|
--md-sys-color-primary-fixed-dim: #5005c0;
|
|
--md-sys-color-on-primary-fixed: #ffffff;
|
|
--md-sys-color-on-primary-fixed-variant: #ffffff;
|
|
--md-sys-color-inverse-primary: #cebaff;
|
|
--md-sys-color-secondary: #30005b;
|
|
--md-sys-color-secondary-dim: #220044;
|
|
--md-sys-color-on-secondary: #e5caff;
|
|
--md-sys-color-secondary-container: #66359b;
|
|
--md-sys-color-on-secondary-container: #ffffff;
|
|
--md-sys-color-secondary-fixed: #66359b;
|
|
--md-sys-color-secondary-fixed-dim: #59288e;
|
|
--md-sys-color-on-secondary-fixed: #ffffff;
|
|
--md-sys-color-on-secondary-fixed-variant: #ffffff;
|
|
--md-sys-color-tertiary: #460020;
|
|
--md-sys-color-tertiary-dim: #330016;
|
|
--md-sys-color-on-tertiary: #ffc5d4;
|
|
--md-sys-color-tertiary-container: #8c2850;
|
|
--md-sys-color-on-tertiary-container: #ffffff;
|
|
--md-sys-color-tertiary-fixed: #8c2850;
|
|
--md-sys-color-tertiary-fixed-dim: #7d1c44;
|
|
--md-sys-color-on-tertiary-fixed: #ffffff;
|
|
--md-sys-color-on-tertiary-fixed-variant: #ffffff;
|
|
--md-sys-color-error: #470013;
|
|
--md-sys-color-error-dim: #34000c;
|
|
--md-sys-color-on-error: #ffc6cb;
|
|
--md-sys-color-error-container: #a00035;
|
|
--md-sys-color-on-error-container: #ffffff;
|
|
--md-sys-color-success: #002515;
|
|
--md-sys-color-on-success: #78eaaf;
|
|
--md-sys-color-success-container: #005b39;
|
|
--md-sys-color-on-success-container: #ffffff;
|
|
--md-sys-color-warning: #2c1d00;
|
|
--md-sys-color-on-warning: #ffcd6f;
|
|
--md-sys-color-warning-container: #684900;
|
|
--md-sys-color-on-warning-container: #ffffff;
|
|
--md-sys-color-info: #001e4a;
|
|
--md-sys-color-on-info: #c3d4ff;
|
|
--md-sys-color-info-container: #004ba5;
|
|
--md-sys-color-on-info-container: #ffffff;
|
|
--md-sys-color-inverse-error: #ffdddf;
|
|
--md-sys-color-inverse-success: #89fcbf;
|
|
--md-sys-color-inverse-warning: #ffe2b1;
|
|
--md-sys-color-inverse-info: #dde5ff;
|
|
}
|
|
|
|
[data-scheme='violet'][data-contrast='high'][data-theme='dark'],
|
|
[data-scheme='violet'][data-contrast='high'] [data-theme='dark'] {
|
|
color-scheme: dark;
|
|
|
|
--md-sys-color-background: #16052a;
|
|
--md-sys-color-on-background: #ffffff;
|
|
--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: #ffffff;
|
|
--md-sys-color-on-surface-variant: #f1dfff;
|
|
--md-sys-color-outline: #c7afde;
|
|
--md-sys-color-outline-variant: #b19bc8;
|
|
--md-sys-color-inverse-surface: #fff7ff;
|
|
--md-sys-color-inverse-on-surface: #000000;
|
|
--md-sys-color-primary: #ebe1ff;
|
|
--md-sys-color-primary-dim: #dccdff;
|
|
--md-sys-color-on-primary: #350087;
|
|
--md-sys-color-primary-container: #af92ff;
|
|
--md-sys-color-on-primary-container: #000000;
|
|
--md-sys-color-primary-fixed: #af92ff;
|
|
--md-sys-color-primary-fixed-dim: #a381ff;
|
|
--md-sys-color-on-primary-fixed: #000000;
|
|
--md-sys-color-on-primary-fixed-variant: #000000;
|
|
--md-sys-color-inverse-primary: #4300a6;
|
|
--md-sys-color-secondary: #f1dfff;
|
|
--md-sys-color-secondary-dim: #e5caff;
|
|
--md-sys-color-on-secondary: #410476;
|
|
--md-sys-color-secondary-container: #bf8df8;
|
|
--md-sys-color-on-secondary-container: #000000;
|
|
--md-sys-color-secondary-fixed: #e3c6ff;
|
|
--md-sys-color-secondary-fixed-dim: #d9b5ff;
|
|
--md-sys-color-on-secondary-fixed: #000000;
|
|
--md-sys-color-on-secondary-fixed-variant: #170031;
|
|
--md-sys-color-tertiary: #ffdde4;
|
|
--md-sys-color-tertiary-dim: #ffc6d4;
|
|
--md-sys-color-on-tertiary: #5d002d;
|
|
--md-sys-color-tertiary-container: #fc81aa;
|
|
--md-sys-color-on-tertiary-container: #000000;
|
|
--md-sys-color-tertiary-fixed: #ff8eb2;
|
|
--md-sys-color-tertiary-fixed-dim: #f67ca4;
|
|
--md-sys-color-on-tertiary-fixed: #000000;
|
|
--md-sys-color-on-tertiary-fixed-variant: #000000;
|
|
--md-sys-color-error: #ffdddf;
|
|
--md-sys-color-error-dim: #ffc7cb;
|
|
--md-sys-color-on-error: #5f001c;
|
|
--md-sys-color-error-container: #ff798c;
|
|
--md-sys-color-on-error-container: #000000;
|
|
--md-sys-color-success: #89fcbf;
|
|
--md-sys-color-on-success: #00341e;
|
|
--md-sys-color-success-container: #42b880;
|
|
--md-sys-color-on-success-container: #000000;
|
|
--md-sys-color-warning: #ffe2b1;
|
|
--md-sys-color-on-warning: #3c2900;
|
|
--md-sys-color-warning-container: #e4a604;
|
|
--md-sys-color-on-warning-container: #000000;
|
|
--md-sys-color-info: #dde5ff;
|
|
--md-sys-color-on-info: #002a62;
|
|
--md-sys-color-info-container: #74a2ff;
|
|
--md-sys-color-on-info-container: #000000;
|
|
--md-sys-color-inverse-error: #470013;
|
|
--md-sys-color-inverse-success: #002515;
|
|
--md-sys-color-inverse-warning: #2c1d00;
|
|
--md-sys-color-inverse-info: #001e4a;
|
|
}
|
|
|
|
[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: #006d46;
|
|
--md-sys-color-on-success: #e7ffed;
|
|
--md-sys-color-success-container: #86f9bc;
|
|
--md-sys-color-on-success-container: #00734a;
|
|
--md-sys-color-warning: #7c5900;
|
|
--md-sys-color-on-warning: #fff8f1;
|
|
--md-sys-color-warning-container: #fab925;
|
|
--md-sys-color-on-warning-container: #6a4b00;
|
|
--md-sys-color-info: #005bc5;
|
|
--md-sys-color-on-info: #f9f8ff;
|
|
--md-sys-color-info-container: #1c7afc;
|
|
--md-sys-color-on-info-container: #001435;
|
|
--md-sys-color-inverse-error: #ee7d77;
|
|
--md-sys-color-inverse-success: #3bb27b;
|
|
--md-sys-color-inverse-warning: #f3b31e;
|
|
--md-sys-color-inverse-info: #699cff;
|
|
}
|
|
|
|
[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: #3bb27b;
|
|
--md-sys-color-on-success: #002615;
|
|
--md-sys-color-success-container: #059460;
|
|
--md-sys-color-on-success-container: #001e10;
|
|
--md-sys-color-warning: #f3b31e;
|
|
--md-sys-color-on-warning: #4e3600;
|
|
--md-sys-color-warning-container: #e4a604;
|
|
--md-sys-color-on-warning-container: #593f00;
|
|
--md-sys-color-info: #699cff;
|
|
--md-sys-color-on-info: #001e4b;
|
|
--md-sys-color-info-container: #0c74f6;
|
|
--md-sys-color-on-info-container: #000a23;
|
|
--md-sys-color-inverse-error: #9f403d;
|
|
--md-sys-color-inverse-success: #006d46;
|
|
--md-sys-color-inverse-warning: #7c5900;
|
|
--md-sys-color-inverse-info: #005bc5;
|
|
}
|
|
|
|
[data-scheme='graphite'][data-contrast='medium'],
|
|
[data-scheme='graphite'][data-contrast='medium'][data-theme='light'],
|
|
[data-scheme='graphite'][data-contrast='medium'] [data-theme='light'] {
|
|
color-scheme: light;
|
|
|
|
--md-sys-color-background: #fcf9f9;
|
|
--md-sys-color-on-background: #232426;
|
|
--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: #232426;
|
|
--md-sys-color-on-surface-variant: #424345;
|
|
--md-sys-color-outline: #5e5f61;
|
|
--md-sys-color-outline-variant: #7a7a7d;
|
|
--md-sys-color-inverse-surface: #0e0e0f;
|
|
--md-sys-color-inverse-on-surface: #c6c4c5;
|
|
--md-sys-color-primary: #3e434a;
|
|
--md-sys-color-primary-dim: #32383e;
|
|
--md-sys-color-on-primary: #d5dae2;
|
|
--md-sys-color-primary-container: #6f757c;
|
|
--md-sys-color-on-primary-container: #ffffff;
|
|
--md-sys-color-primary-fixed: #6f757c;
|
|
--md-sys-color-primary-fixed-dim: #63696f;
|
|
--md-sys-color-on-primary-fixed: #ffffff;
|
|
--md-sys-color-on-primary-fixed-variant: #ffffff;
|
|
--md-sys-color-inverse-primary: #f2f7ff;
|
|
--md-sys-color-secondary: #414346;
|
|
--md-sys-color-secondary-dim: #36383a;
|
|
--md-sys-color-on-secondary: #d9d9dc;
|
|
--md-sys-color-secondary-container: #737477;
|
|
--md-sys-color-on-secondary-container: #ffffff;
|
|
--md-sys-color-secondary-fixed: #737477;
|
|
--md-sys-color-secondary-fixed-dim: #67686b;
|
|
--md-sys-color-on-secondary-fixed: #ffffff;
|
|
--md-sys-color-on-secondary-fixed-variant: #ffffff;
|
|
--md-sys-color-tertiary: #39425a;
|
|
--md-sys-color-tertiary-dim: #2e374f;
|
|
--md-sys-color-on-tertiary: #d0d9f7;
|
|
--md-sys-color-tertiary-container: #6b748e;
|
|
--md-sys-color-on-tertiary-container: #ffffff;
|
|
--md-sys-color-tertiary-fixed: #6b748e;
|
|
--md-sys-color-tertiary-fixed-dim: #5f6881;
|
|
--md-sys-color-on-tertiary-fixed: #ffffff;
|
|
--md-sys-color-on-tertiary-fixed-variant: #ffffff;
|
|
--md-sys-color-error: #7a2524;
|
|
--md-sys-color-error-dim: #4e0309;
|
|
--md-sys-color-on-error: #ffceca;
|
|
--md-sys-color-error-container: #bb5551;
|
|
--md-sys-color-on-error-container: #ffffff;
|
|
--md-sys-color-success: #004d30;
|
|
--md-sys-color-on-success: #7df0b3;
|
|
--md-sys-color-success-container: #008656;
|
|
--md-sys-color-on-success-container: #ffffff;
|
|
--md-sys-color-warning: #593e00;
|
|
--md-sys-color-on-warning: #ffd385;
|
|
--md-sys-color-warning-container: #986d00;
|
|
--md-sys-color-on-warning-container: #ffffff;
|
|
--md-sys-color-info: #003f8e;
|
|
--md-sys-color-on-info: #cbd9ff;
|
|
--md-sys-color-info-container: #006fef;
|
|
--md-sys-color-on-info-container: #ffffff;
|
|
--md-sys-color-inverse-error: #ff9f99;
|
|
--md-sys-color-inverse-success: #5ace94;
|
|
--md-sys-color-inverse-warning: #f3b31e;
|
|
--md-sys-color-inverse-info: #98b8ff;
|
|
}
|
|
|
|
[data-scheme='graphite'][data-contrast='medium'][data-theme='dark'],
|
|
[data-scheme='graphite'][data-contrast='medium'] [data-theme='dark'] {
|
|
color-scheme: dark;
|
|
|
|
--md-sys-color-background: #0e0e0f;
|
|
--md-sys-color-on-background: #ffffff;
|
|
--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: #ffffff;
|
|
--md-sys-color-on-surface-variant: #b9b8ba;
|
|
--md-sys-color-outline: #939395;
|
|
--md-sys-color-outline-variant: #757577;
|
|
--md-sys-color-inverse-surface: #fcf9f9;
|
|
--md-sys-color-inverse-on-surface: #383839;
|
|
--md-sys-color-primary: #c2c7ce;
|
|
--md-sys-color-primary-dim: #b4b9c1;
|
|
--md-sys-color-on-primary: #31373d;
|
|
--md-sys-color-primary-container: #6f757c;
|
|
--md-sys-color-on-primary-container: #ffffff;
|
|
--md-sys-color-primary-fixed: #dee3eb;
|
|
--md-sys-color-primary-fixed-dim: #d0d5dc;
|
|
--md-sys-color-on-primary-fixed: #1a2026;
|
|
--md-sys-color-on-primary-fixed-variant: #3a4046;
|
|
--md-sys-color-inverse-primary: #50565c;
|
|
--md-sys-color-secondary: #b8b8bc;
|
|
--md-sys-color-secondary-dim: #aaabae;
|
|
--md-sys-color-on-secondary: #2a2c2f;
|
|
--md-sys-color-secondary-container: #737477;
|
|
--md-sys-color-on-secondary-container: #ffffff;
|
|
--md-sys-color-secondary-fixed: #e2e2e5;
|
|
--md-sys-color-secondary-fixed-dim: #d4d4d7;
|
|
--md-sys-color-on-secondary-fixed: #1e2022;
|
|
--md-sys-color-on-secondary-fixed-variant: #3e3f42;
|
|
--md-sys-color-tertiary: #e1e7ff;
|
|
--md-sys-color-tertiary-dim: #d0d9f7;
|
|
--md-sys-color-on-tertiary: #424b63;
|
|
--md-sys-color-tertiary-container: #d0d9f7;
|
|
--md-sys-color-on-tertiary-container: #39425a;
|
|
--md-sys-color-tertiary-fixed: #d0d9f7;
|
|
--md-sys-color-tertiary-fixed-dim: #c2cbe9;
|
|
--md-sys-color-on-tertiary-fixed: #0d172d;
|
|
--md-sys-color-on-tertiary-fixed-variant: #303951;
|
|
--md-sys-color-error: #ff9f99;
|
|
--md-sys-color-error-dim: #fd8983;
|
|
--md-sys-color-on-error: #5b0d10;
|
|
--md-sys-color-error-container: #bb5551;
|
|
--md-sys-color-on-error-container: #ffffff;
|
|
--md-sys-color-success: #5ace94;
|
|
--md-sys-color-on-success: #00341e;
|
|
--md-sys-color-success-container: #008656;
|
|
--md-sys-color-on-success-container: #ffffff;
|
|
--md-sys-color-warning: #f3b31e;
|
|
--md-sys-color-on-warning: #412d00;
|
|
--md-sys-color-warning-container: #e4a604;
|
|
--md-sys-color-on-warning-container: #332200;
|
|
--md-sys-color-info: #98b8ff;
|
|
--md-sys-color-on-info: #002a62;
|
|
--md-sys-color-info-container: #006fef;
|
|
--md-sys-color-on-info-container: #ffffff;
|
|
--md-sys-color-inverse-error: #7a2524;
|
|
--md-sys-color-inverse-success: #004d30;
|
|
--md-sys-color-inverse-warning: #593e00;
|
|
--md-sys-color-inverse-info: #003f8e;
|
|
}
|
|
|
|
[data-scheme='graphite'][data-contrast='high'],
|
|
[data-scheme='graphite'][data-contrast='high'][data-theme='light'],
|
|
[data-scheme='graphite'][data-contrast='high'] [data-theme='light'] {
|
|
color-scheme: light;
|
|
|
|
--md-sys-color-background: #fcf9f9;
|
|
--md-sys-color-on-background: #000000;
|
|
--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: #000000;
|
|
--md-sys-color-on-surface-variant: #232426;
|
|
--md-sys-color-outline: #424345;
|
|
--md-sys-color-outline-variant: #515254;
|
|
--md-sys-color-inverse-surface: #0e0e0f;
|
|
--md-sys-color-inverse-on-surface: #ffffff;
|
|
--md-sys-color-primary: #1f252a;
|
|
--md-sys-color-primary-dim: #151a20;
|
|
--md-sys-color-on-primary: #d5dae2;
|
|
--md-sys-color-primary-container: #4d5359;
|
|
--md-sys-color-on-primary-container: #ffffff;
|
|
--md-sys-color-primary-fixed: #4d5359;
|
|
--md-sys-color-primary-fixed-dim: #41474d;
|
|
--md-sys-color-on-primary-fixed: #ffffff;
|
|
--md-sys-color-on-primary-fixed-variant: #ffffff;
|
|
--md-sys-color-inverse-primary: #f2f7ff;
|
|
--md-sys-color-secondary: #222427;
|
|
--md-sys-color-secondary-dim: #181a1c;
|
|
--md-sys-color-on-secondary: #d9dadd;
|
|
--md-sys-color-secondary-container: #505255;
|
|
--md-sys-color-on-secondary-container: #ffffff;
|
|
--md-sys-color-secondary-fixed: #505255;
|
|
--md-sys-color-secondary-fixed-dim: #454749;
|
|
--md-sys-color-on-secondary-fixed: #ffffff;
|
|
--md-sys-color-on-secondary-fixed-variant: #ffffff;
|
|
--md-sys-color-tertiary: #1a233a;
|
|
--md-sys-color-tertiary-dim: #10192f;
|
|
--md-sys-color-on-tertiary: #d0d9f7;
|
|
--md-sys-color-tertiary-container: #49526a;
|
|
--md-sys-color-on-tertiary-container: #ffffff;
|
|
--md-sys-color-tertiary-fixed: #49526a;
|
|
--md-sys-color-tertiary-fixed-dim: #3d465e;
|
|
--md-sys-color-on-tertiary-fixed: #ffffff;
|
|
--md-sys-color-on-tertiary-fixed-variant: #ffffff;
|
|
--md-sys-color-error: #4f0409;
|
|
--md-sys-color-error-dim: #3d0004;
|
|
--md-sys-color-on-error: #ffcfcb;
|
|
--md-sys-color-error-container: #8e3432;
|
|
--md-sys-color-on-error-container: #ffffff;
|
|
--md-sys-color-success: #002a18;
|
|
--md-sys-color-on-success: #7df0b4;
|
|
--md-sys-color-success-container: #005f3c;
|
|
--md-sys-color-on-success-container: #ffffff;
|
|
--md-sys-color-warning: #312100;
|
|
--md-sys-color-on-warning: #ffd486;
|
|
--md-sys-color-warning-container: #6c4d00;
|
|
--md-sys-color-on-warning-container: #ffffff;
|
|
--md-sys-color-info: #002252;
|
|
--md-sys-color-on-info: #ccdaff;
|
|
--md-sys-color-info-container: #004eac;
|
|
--md-sys-color-on-info-container: #ffffff;
|
|
--md-sys-color-inverse-error: #ffdedb;
|
|
--md-sys-color-inverse-success: #89fcbf;
|
|
--md-sys-color-inverse-warning: #ffe2b1;
|
|
--md-sys-color-inverse-info: #dde5ff;
|
|
}
|
|
|
|
[data-scheme='graphite'][data-contrast='high'][data-theme='dark'],
|
|
[data-scheme='graphite'][data-contrast='high'] [data-theme='dark'] {
|
|
color-scheme: dark;
|
|
|
|
--md-sys-color-background: #0e0e0f;
|
|
--md-sys-color-on-background: #ffffff;
|
|
--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: #ffffff;
|
|
--md-sys-color-on-surface-variant: #e6e5e7;
|
|
--md-sys-color-outline: #b9b8ba;
|
|
--md-sys-color-outline-variant: #a3a3a5;
|
|
--md-sys-color-inverse-surface: #fcf9f9;
|
|
--md-sys-color-inverse-on-surface: #000000;
|
|
--md-sys-color-primary: #e1e6ed;
|
|
--md-sys-color-primary-dim: #d0d5dc;
|
|
--md-sys-color-on-primary: #272d32;
|
|
--md-sys-color-primary-container: #9fa4ab;
|
|
--md-sys-color-on-primary-container: #000000;
|
|
--md-sys-color-primary-fixed: #dee3eb;
|
|
--md-sys-color-primary-fixed-dim: #d0d5dc;
|
|
--md-sys-color-on-primary-fixed: #000000;
|
|
--md-sys-color-on-primary-fixed-variant: #1a2026;
|
|
--md-sys-color-inverse-primary: #33393f;
|
|
--md-sys-color-secondary: #e5e5e8;
|
|
--md-sys-color-secondary-dim: #d4d4d7;
|
|
--md-sys-color-on-secondary: #2a2c2f;
|
|
--md-sys-color-secondary-container: #a3a3a6;
|
|
--md-sys-color-on-secondary-container: #000000;
|
|
--md-sys-color-secondary-fixed: #e2e2e5;
|
|
--md-sys-color-secondary-fixed-dim: #d4d4d7;
|
|
--md-sys-color-on-secondary-fixed: #000000;
|
|
--md-sys-color-on-secondary-fixed-variant: #1e2022;
|
|
--md-sys-color-tertiary: #e1e7ff;
|
|
--md-sys-color-tertiary-dim: #d0d9f7;
|
|
--md-sys-color-on-tertiary: #242d44;
|
|
--md-sys-color-tertiary-container: #d0d9f7;
|
|
--md-sys-color-on-tertiary-container: #1a233a;
|
|
--md-sys-color-tertiary-fixed: #d0d9f7;
|
|
--md-sys-color-tertiary-fixed-dim: #c2cbe9;
|
|
--md-sys-color-on-tertiary-fixed: #000000;
|
|
--md-sys-color-on-tertiary-fixed-variant: #0d172d;
|
|
--md-sys-color-error: #ffdedb;
|
|
--md-sys-color-error-dim: #ffc7c3;
|
|
--md-sys-color-on-error: #5a0d10;
|
|
--md-sys-color-error-container: #f5827c;
|
|
--md-sys-color-on-error-container: #000000;
|
|
--md-sys-color-success: #89fcbf;
|
|
--md-sys-color-on-success: #00341e;
|
|
--md-sys-color-success-container: #42b880;
|
|
--md-sys-color-on-success-container: #000000;
|
|
--md-sys-color-warning: #ffe2b1;
|
|
--md-sys-color-on-warning: #3c2900;
|
|
--md-sys-color-warning-container: #e4a604;
|
|
--md-sys-color-on-warning-container: #000000;
|
|
--md-sys-color-info: #dde5ff;
|
|
--md-sys-color-on-info: #002a62;
|
|
--md-sys-color-info-container: #74a2ff;
|
|
--md-sys-color-on-info-container: #000000;
|
|
--md-sys-color-inverse-error: #4f0409;
|
|
--md-sys-color-inverse-success: #002a18;
|
|
--md-sys-color-inverse-warning: #312100;
|
|
--md-sys-color-inverse-info: #002252;
|
|
}
|