Andreas Reinhold / reiniandClaude Fable 5.1
4263982369
The three state colours are DynamicColors on their own tonal palette now, built exactly as Google builds error/on-error/error-container/on-error-container in both specs, so the scheme's contrast level, dark tones, spec version and platform reach them as they reach every other role; --harmonize (and a profile's harmonize) pulls each source towards the seed, off by default. material:scheme also writes M3's medium (0.5) and high (1.0) levels for both themes and every profile, keyed on data-contrast and never on a media query, and --contrast now moves the standard block alone. Scheme::load() takes the level; the mail theme stays on standard. Plan: docs/plans/material-3-alignment.md, steps 6 and 7 (core C1, C2, C15). Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9
1731 lines
72 KiB
CSS
1731 lines
72 KiB
CSS
/*
|
|
* Material 3 colour profiles, generated by Google's material-color-utilities (spec 2025).
|
|
*
|
|
* php artisan material:scheme
|
|
*
|
|
* From livewire-material.profiles. "baseline" is the default, and also stands without a
|
|
* data-scheme attribute:
|
|
*
|
|
* baseline #6750a4, tonal-spot
|
|
* teal #00897b, vibrant
|
|
* rose #c2185b, vibrant
|
|
*
|
|
* 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: #fdf7fe;
|
|
--md-sys-color-on-background: #34313a;
|
|
--md-sys-color-surface: #fdf7fe;
|
|
--md-sys-color-surface-dim: #ded8e4;
|
|
--md-sys-color-surface-bright: #fdf7fe;
|
|
--md-sys-color-surface-container-lowest: #ffffff;
|
|
--md-sys-color-surface-container-low: #f8f1fa;
|
|
--md-sys-color-surface-container: #f2ecf5;
|
|
--md-sys-color-surface-container-high: #ece6f0;
|
|
--md-sys-color-surface-container-highest: #e7e0ec;
|
|
--md-sys-color-on-surface: #34313a;
|
|
--md-sys-color-on-surface-variant: #615d68;
|
|
--md-sys-color-outline: #7d7983;
|
|
--md-sys-color-outline-variant: #b5b0bb;
|
|
--md-sys-color-inverse-surface: #0f0d12;
|
|
--md-sys-color-inverse-on-surface: #a09ba1;
|
|
--md-sys-color-primary: #655789;
|
|
--md-sys-color-primary-dim: #594b7c;
|
|
--md-sys-color-on-primary: #fdf7ff;
|
|
--md-sys-color-primary-container: #d4c3fd;
|
|
--md-sys-color-on-primary-container: #493c6c;
|
|
--md-sys-color-primary-fixed: #d4c3fd;
|
|
--md-sys-color-primary-fixed-dim: #c6b6ee;
|
|
--md-sys-color-on-primary-fixed: #352857;
|
|
--md-sys-color-on-primary-fixed-variant: #524576;
|
|
--md-sys-color-inverse-primary: #d4c3fd;
|
|
--md-sys-color-secondary: #625c71;
|
|
--md-sys-color-secondary-dim: #565065;
|
|
--md-sys-color-on-secondary: #fdf7ff;
|
|
--md-sys-color-secondary-container: #e8def8;
|
|
--md-sys-color-on-secondary-container: #554f63;
|
|
--md-sys-color-secondary-fixed: #e8def8;
|
|
--md-sys-color-secondary-fixed-dim: #dad0ea;
|
|
--md-sys-color-on-secondary-fixed: #423c50;
|
|
--md-sys-color-on-secondary-fixed-variant: #5f586e;
|
|
--md-sys-color-tertiary: #7b5270;
|
|
--md-sys-color-tertiary-dim: #6e4664;
|
|
--md-sys-color-on-tertiary: #fff7f9;
|
|
--md-sys-color-tertiary-container: #f4bfe3;
|
|
--md-sys-color-on-tertiary-container: #5f3956;
|
|
--md-sys-color-tertiary-fixed: #f4bfe3;
|
|
--md-sys-color-tertiary-fixed-dim: #e5b2d5;
|
|
--md-sys-color-on-tertiary-fixed: #4a2642;
|
|
--md-sys-color-on-tertiary-fixed-variant: #694260;
|
|
--md-sys-color-error: #a8364b;
|
|
--md-sys-color-error-dim: #6b0221;
|
|
--md-sys-color-on-error: #fff7f7;
|
|
--md-sys-color-error-container: #f97386;
|
|
--md-sys-color-on-error-container: #6e0523;
|
|
--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: #f97386;
|
|
--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: #0f0d12;
|
|
--md-sys-color-on-background: #eae3ef;
|
|
--md-sys-color-surface: #0f0d12;
|
|
--md-sys-color-surface-dim: #0f0d12;
|
|
--md-sys-color-surface-bright: #2e2b34;
|
|
--md-sys-color-surface-container-lowest: #000000;
|
|
--md-sys-color-surface-container-low: #141218;
|
|
--md-sys-color-surface-container: #1b181f;
|
|
--md-sys-color-surface-container-high: #211e26;
|
|
--md-sys-color-surface-container-highest: #27242d;
|
|
--md-sys-color-on-surface: #eae3ef;
|
|
--md-sys-color-on-surface-variant: #aea9b4;
|
|
--md-sys-color-outline: #78737e;
|
|
--md-sys-color-outline-variant: #4a4650;
|
|
--md-sys-color-inverse-surface: #fdf7fe;
|
|
--md-sys-color-inverse-on-surface: #575459;
|
|
--md-sys-color-primary: #cdc0ec;
|
|
--md-sys-color-primary-dim: #bfb2de;
|
|
--md-sys-color-on-primary: #443a5f;
|
|
--md-sys-color-primary-container: #574d72;
|
|
--md-sys-color-on-primary-container: #e9deff;
|
|
--md-sys-color-primary-fixed: #ded0fe;
|
|
--md-sys-color-primary-fixed-dim: #d0c3ef;
|
|
--md-sys-color-on-primary-fixed: #3c3256;
|
|
--md-sys-color-on-primary-fixed-variant: #594e74;
|
|
--md-sys-color-inverse-primary: #645980;
|
|
--md-sys-color-secondary: #cbc2db;
|
|
--md-sys-color-secondary-dim: #beb5cd;
|
|
--md-sys-color-on-secondary: #433d51;
|
|
--md-sys-color-secondary-container: #3e384c;
|
|
--md-sys-color-on-secondary-container: #c4bbd4;
|
|
--md-sys-color-secondary-fixed: #e8def8;
|
|
--md-sys-color-secondary-fixed-dim: #dad0ea;
|
|
--md-sys-color-on-secondary-fixed: #423c50;
|
|
--md-sys-color-on-secondary-fixed-variant: #5f586e;
|
|
--md-sys-color-tertiary: #ffcfef;
|
|
--md-sys-color-tertiary-dim: #f4bfe3;
|
|
--md-sys-color-on-tertiary: #69415f;
|
|
--md-sys-color-tertiary-container: #f4bfe3;
|
|
--md-sys-color-on-tertiary-container: #5f3956;
|
|
--md-sys-color-tertiary-fixed: #f4bfe3;
|
|
--md-sys-color-tertiary-fixed-dim: #e5b2d5;
|
|
--md-sys-color-on-tertiary-fixed: #4a2642;
|
|
--md-sys-color-on-tertiary-fixed-variant: #694260;
|
|
--md-sys-color-error: #f97386;
|
|
--md-sys-color-error-dim: #c44b5f;
|
|
--md-sys-color-on-error: #490013;
|
|
--md-sys-color-error-container: #871c34;
|
|
--md-sys-color-on-error-container: #ff97a3;
|
|
--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: #a8364b;
|
|
--md-sys-color-inverse-success: #006d46;
|
|
--md-sys-color-inverse-warning: #7c5900;
|
|
--md-sys-color-inverse-info: #005bc5;
|
|
}
|
|
|
|
[data-contrast='medium'],
|
|
[data-contrast='medium'][data-theme='light'],
|
|
[data-contrast='medium'] [data-theme='light'] {
|
|
color-scheme: light;
|
|
|
|
--md-sys-color-background: #fdf7fe;
|
|
--md-sys-color-on-background: #25232b;
|
|
--md-sys-color-surface: #fdf7fe;
|
|
--md-sys-color-surface-dim: #ded8e4;
|
|
--md-sys-color-surface-bright: #fdf7fe;
|
|
--md-sys-color-surface-container-lowest: #ffffff;
|
|
--md-sys-color-surface-container-low: #f8f1fa;
|
|
--md-sys-color-surface-container: #f2ecf5;
|
|
--md-sys-color-surface-container-high: #ece6f0;
|
|
--md-sys-color-surface-container-highest: #e7e0ec;
|
|
--md-sys-color-on-surface: #25232b;
|
|
--md-sys-color-on-surface-variant: #45414b;
|
|
--md-sys-color-outline: #615d68;
|
|
--md-sys-color-outline-variant: #7d7983;
|
|
--md-sys-color-inverse-surface: #0f0d12;
|
|
--md-sys-color-inverse-on-surface: #c8c3c9;
|
|
--md-sys-color-primary: #483b6b;
|
|
--md-sys-color-primary-dim: #3c305f;
|
|
--md-sys-color-on-primary: #e1d3ff;
|
|
--md-sys-color-primary-container: #7b6da0;
|
|
--md-sys-color-on-primary-container: #ffffff;
|
|
--md-sys-color-primary-fixed: #7b6da0;
|
|
--md-sys-color-primary-fixed-dim: #6e6093;
|
|
--md-sys-color-on-primary-fixed: #ffffff;
|
|
--md-sys-color-on-primary-fixed-variant: #ffffff;
|
|
--md-sys-color-inverse-primary: #d4c3fd;
|
|
--md-sys-color-secondary: #464054;
|
|
--md-sys-color-secondary-dim: #3a3548;
|
|
--md-sys-color-on-secondary: #dfd5ef;
|
|
--md-sys-color-secondary-container: #787187;
|
|
--md-sys-color-on-secondary-container: #ffffff;
|
|
--md-sys-color-secondary-fixed: #787187;
|
|
--md-sys-color-secondary-fixed-dim: #6c657b;
|
|
--md-sys-color-on-secondary-fixed: #ffffff;
|
|
--md-sys-color-on-secondary-fixed-variant: #ffffff;
|
|
--md-sys-color-tertiary: #5c3653;
|
|
--md-sys-color-tertiary-dim: #502b47;
|
|
--md-sys-color-on-tertiary: #ffcaee;
|
|
--md-sys-color-tertiary-container: #936787;
|
|
--md-sys-color-on-tertiary-container: #ffffff;
|
|
--md-sys-color-tertiary-fixed: #936787;
|
|
--md-sys-color-tertiary-fixed-dim: #855b7a;
|
|
--md-sys-color-on-tertiary-fixed: #ffffff;
|
|
--md-sys-color-on-tertiary-fixed-variant: #ffffff;
|
|
--md-sys-color-error: #821830;
|
|
--md-sys-color-error-dim: #6b0221;
|
|
--md-sys-color-on-error: #ffcdd1;
|
|
--md-sys-color-error-container: #c44b5f;
|
|
--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: #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: #0f0d12;
|
|
--md-sys-color-on-background: #ffffff;
|
|
--md-sys-color-surface: #0f0d12;
|
|
--md-sys-color-surface-dim: #0f0d12;
|
|
--md-sys-color-surface-bright: #2e2b34;
|
|
--md-sys-color-surface-container-lowest: #000000;
|
|
--md-sys-color-surface-container-low: #141218;
|
|
--md-sys-color-surface-container: #1b181f;
|
|
--md-sys-color-surface-container-high: #211e26;
|
|
--md-sys-color-surface-container-highest: #27242d;
|
|
--md-sys-color-on-surface: #ffffff;
|
|
--md-sys-color-on-surface-variant: #bcb6c2;
|
|
--md-sys-color-outline: #96919c;
|
|
--md-sys-color-outline-variant: #78737e;
|
|
--md-sys-color-inverse-surface: #fdf7fe;
|
|
--md-sys-color-inverse-on-surface: #39373c;
|
|
--md-sys-color-primary: #cdc0ec;
|
|
--md-sys-color-primary-dim: #bfb2de;
|
|
--md-sys-color-on-primary: #3a3054;
|
|
--md-sys-color-primary-container: #7a6f96;
|
|
--md-sys-color-on-primary-container: #ffffff;
|
|
--md-sys-color-primary-fixed: #ded0fe;
|
|
--md-sys-color-primary-fixed-dim: #d0c3ef;
|
|
--md-sys-color-on-primary-fixed: #180e30;
|
|
--md-sys-color-on-primary-fixed-variant: #3c3256;
|
|
--md-sys-color-inverse-primary: #5a4f75;
|
|
--md-sys-color-secondary: #cbc2db;
|
|
--md-sys-color-secondary-dim: #beb5cd;
|
|
--md-sys-color-on-secondary: #393347;
|
|
--md-sys-color-secondary-container: #787187;
|
|
--md-sys-color-on-secondary-container: #ffffff;
|
|
--md-sys-color-secondary-fixed: #e8def8;
|
|
--md-sys-color-secondary-fixed-dim: #dad0ea;
|
|
--md-sys-color-on-secondary-fixed: #221d2f;
|
|
--md-sys-color-on-secondary-fixed-variant: #423c50;
|
|
--md-sys-color-tertiary: #ffcfef;
|
|
--md-sys-color-tertiary-dim: #f4bfe3;
|
|
--md-sys-color-on-tertiary: #5e3855;
|
|
--md-sys-color-tertiary-container: #f4bfe3;
|
|
--md-sys-color-on-tertiary-container: #542f4c;
|
|
--md-sys-color-tertiary-fixed: #f4bfe3;
|
|
--md-sys-color-tertiary-fixed-dim: #e5b2d5;
|
|
--md-sys-color-on-tertiary-fixed: #180015;
|
|
--md-sys-color-on-tertiary-fixed-variant: #4a2642;
|
|
--md-sys-color-error: #ff9da8;
|
|
--md-sys-color-error-dim: #ff8695;
|
|
--md-sys-color-on-error: #5f001c;
|
|
--md-sys-color-error-container: #c44b5f;
|
|
--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: #821830;
|
|
--md-sys-color-inverse-success: #004d30;
|
|
--md-sys-color-inverse-warning: #593e00;
|
|
--md-sys-color-inverse-info: #003f8e;
|
|
}
|
|
|
|
[data-contrast='high'],
|
|
[data-contrast='high'][data-theme='light'],
|
|
[data-contrast='high'] [data-theme='light'] {
|
|
color-scheme: light;
|
|
|
|
--md-sys-color-background: #fdf7fe;
|
|
--md-sys-color-on-background: #000000;
|
|
--md-sys-color-surface: #fdf7fe;
|
|
--md-sys-color-surface-dim: #ded8e4;
|
|
--md-sys-color-surface-bright: #fdf7fe;
|
|
--md-sys-color-surface-container-lowest: #ffffff;
|
|
--md-sys-color-surface-container-low: #f8f1fa;
|
|
--md-sys-color-surface-container: #f2ecf5;
|
|
--md-sys-color-surface-container-high: #ece6f0;
|
|
--md-sys-color-surface-container-highest: #e7e0ec;
|
|
--md-sys-color-on-surface: #000000;
|
|
--md-sys-color-on-surface-variant: #25232b;
|
|
--md-sys-color-outline: #45414b;
|
|
--md-sys-color-outline-variant: #54505a;
|
|
--md-sys-color-inverse-surface: #0f0d12;
|
|
--md-sys-color-inverse-on-surface: #ffffff;
|
|
--md-sys-color-primary: #281b49;
|
|
--md-sys-color-primary-dim: #1e103f;
|
|
--md-sys-color-on-primary: #e1d3ff;
|
|
--md-sys-color-primary-container: #584a7b;
|
|
--md-sys-color-on-primary-container: #ffffff;
|
|
--md-sys-color-primary-fixed: #584a7b;
|
|
--md-sys-color-primary-fixed-dim: #4c3f6f;
|
|
--md-sys-color-on-primary-fixed: #ffffff;
|
|
--md-sys-color-on-primary-fixed-variant: #ffffff;
|
|
--md-sys-color-inverse-primary: #d4c3fd;
|
|
--md-sys-color-secondary: #262134;
|
|
--md-sys-color-secondary-dim: #1c1729;
|
|
--md-sys-color-on-secondary: #dfd6ef;
|
|
--md-sys-color-secondary-container: #554f64;
|
|
--md-sys-color-on-secondary-container: #ffffff;
|
|
--md-sys-color-secondary-fixed: #554f64;
|
|
--md-sys-color-secondary-fixed-dim: #494358;
|
|
--md-sys-color-on-secondary-fixed: #ffffff;
|
|
--md-sys-color-on-secondary-fixed-variant: #ffffff;
|
|
--md-sys-color-tertiary: #391733;
|
|
--md-sys-color-tertiary-dim: #2e0d28;
|
|
--md-sys-color-on-tertiary: #ffcbee;
|
|
--md-sys-color-tertiary-container: #6d4563;
|
|
--md-sys-color-on-tertiary-container: #ffffff;
|
|
--md-sys-color-tertiary-fixed: #6d4563;
|
|
--md-sys-color-tertiary-fixed-dim: #603a57;
|
|
--md-sys-color-on-tertiary-fixed: #ffffff;
|
|
--md-sys-color-on-tertiary-fixed-variant: #ffffff;
|
|
--md-sys-color-error: #500016;
|
|
--md-sys-color-error-dim: #3d000f;
|
|
--md-sys-color-on-error: #ffced2;
|
|
--md-sys-color-error-container: #97283e;
|
|
--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: #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: #0f0d12;
|
|
--md-sys-color-on-background: #ffffff;
|
|
--md-sys-color-surface: #0f0d12;
|
|
--md-sys-color-surface-dim: #0f0d12;
|
|
--md-sys-color-surface-bright: #2e2b34;
|
|
--md-sys-color-surface-container-lowest: #000000;
|
|
--md-sys-color-surface-container-low: #141218;
|
|
--md-sys-color-surface-container: #1b181f;
|
|
--md-sys-color-surface-container-high: #211e26;
|
|
--md-sys-color-surface-container-highest: #27242d;
|
|
--md-sys-color-on-surface: #ffffff;
|
|
--md-sys-color-on-surface-variant: #eae3ef;
|
|
--md-sys-color-outline: #bcb6c2;
|
|
--md-sys-color-outline-variant: #a7a1ad;
|
|
--md-sys-color-inverse-surface: #fdf7fe;
|
|
--md-sys-color-inverse-on-surface: #000000;
|
|
--md-sys-color-primary: #ebe1ff;
|
|
--md-sys-color-primary-dim: #ded0fe;
|
|
--md-sys-color-on-primary: #302649;
|
|
--md-sys-color-primary-container: #aa9dc8;
|
|
--md-sys-color-on-primary-container: #000000;
|
|
--md-sys-color-primary-fixed: #ded0fe;
|
|
--md-sys-color-primary-fixed-dim: #d0c3ef;
|
|
--md-sys-color-on-primary-fixed: #000000;
|
|
--md-sys-color-on-primary-fixed-variant: #180e30;
|
|
--md-sys-color-inverse-primary: #3c3256;
|
|
--md-sys-color-secondary: #ebe1fb;
|
|
--md-sys-color-secondary-dim: #ddd3ed;
|
|
--md-sys-color-on-secondary: #2e293c;
|
|
--md-sys-color-secondary-container: #a8a0b8;
|
|
--md-sys-color-on-secondary-container: #000000;
|
|
--md-sys-color-secondary-fixed: #e8def8;
|
|
--md-sys-color-secondary-fixed-dim: #dad0ea;
|
|
--md-sys-color-on-secondary-fixed: #000000;
|
|
--md-sys-color-on-secondary-fixed-variant: #221d2f;
|
|
--md-sys-color-tertiary: #ffdbf2;
|
|
--md-sys-color-tertiary-dim: #fac5e9;
|
|
--md-sys-color-on-tertiary: #43203b;
|
|
--md-sys-color-tertiary-container: #f4bfe3;
|
|
--md-sys-color-on-tertiary-container: #2e0e29;
|
|
--md-sys-color-tertiary-fixed: #f4bfe3;
|
|
--md-sys-color-tertiary-fixed-dim: #e5b2d5;
|
|
--md-sys-color-on-tertiary-fixed: #000000;
|
|
--md-sys-color-on-tertiary-fixed-variant: #180015;
|
|
--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: #500016;
|
|
--md-sys-color-inverse-success: #002a18;
|
|
--md-sys-color-inverse-warning: #312100;
|
|
--md-sys-color-inverse-info: #002252;
|
|
}
|
|
|
|
[data-scheme='baseline'],
|
|
[data-scheme='baseline'][data-theme='light'],
|
|
[data-scheme='baseline'] [data-theme='light'] {
|
|
color-scheme: light;
|
|
|
|
--md-sys-color-background: #fdf7fe;
|
|
--md-sys-color-on-background: #34313a;
|
|
--md-sys-color-surface: #fdf7fe;
|
|
--md-sys-color-surface-dim: #ded8e4;
|
|
--md-sys-color-surface-bright: #fdf7fe;
|
|
--md-sys-color-surface-container-lowest: #ffffff;
|
|
--md-sys-color-surface-container-low: #f8f1fa;
|
|
--md-sys-color-surface-container: #f2ecf5;
|
|
--md-sys-color-surface-container-high: #ece6f0;
|
|
--md-sys-color-surface-container-highest: #e7e0ec;
|
|
--md-sys-color-on-surface: #34313a;
|
|
--md-sys-color-on-surface-variant: #615d68;
|
|
--md-sys-color-outline: #7d7983;
|
|
--md-sys-color-outline-variant: #b5b0bb;
|
|
--md-sys-color-inverse-surface: #0f0d12;
|
|
--md-sys-color-inverse-on-surface: #a09ba1;
|
|
--md-sys-color-primary: #655789;
|
|
--md-sys-color-primary-dim: #594b7c;
|
|
--md-sys-color-on-primary: #fdf7ff;
|
|
--md-sys-color-primary-container: #d4c3fd;
|
|
--md-sys-color-on-primary-container: #493c6c;
|
|
--md-sys-color-primary-fixed: #d4c3fd;
|
|
--md-sys-color-primary-fixed-dim: #c6b6ee;
|
|
--md-sys-color-on-primary-fixed: #352857;
|
|
--md-sys-color-on-primary-fixed-variant: #524576;
|
|
--md-sys-color-inverse-primary: #d4c3fd;
|
|
--md-sys-color-secondary: #625c71;
|
|
--md-sys-color-secondary-dim: #565065;
|
|
--md-sys-color-on-secondary: #fdf7ff;
|
|
--md-sys-color-secondary-container: #e8def8;
|
|
--md-sys-color-on-secondary-container: #554f63;
|
|
--md-sys-color-secondary-fixed: #e8def8;
|
|
--md-sys-color-secondary-fixed-dim: #dad0ea;
|
|
--md-sys-color-on-secondary-fixed: #423c50;
|
|
--md-sys-color-on-secondary-fixed-variant: #5f586e;
|
|
--md-sys-color-tertiary: #7b5270;
|
|
--md-sys-color-tertiary-dim: #6e4664;
|
|
--md-sys-color-on-tertiary: #fff7f9;
|
|
--md-sys-color-tertiary-container: #f4bfe3;
|
|
--md-sys-color-on-tertiary-container: #5f3956;
|
|
--md-sys-color-tertiary-fixed: #f4bfe3;
|
|
--md-sys-color-tertiary-fixed-dim: #e5b2d5;
|
|
--md-sys-color-on-tertiary-fixed: #4a2642;
|
|
--md-sys-color-on-tertiary-fixed-variant: #694260;
|
|
--md-sys-color-error: #a8364b;
|
|
--md-sys-color-error-dim: #6b0221;
|
|
--md-sys-color-on-error: #fff7f7;
|
|
--md-sys-color-error-container: #f97386;
|
|
--md-sys-color-on-error-container: #6e0523;
|
|
--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: #f97386;
|
|
--md-sys-color-inverse-success: #3bb27b;
|
|
--md-sys-color-inverse-warning: #f3b31e;
|
|
--md-sys-color-inverse-info: #699cff;
|
|
}
|
|
|
|
[data-scheme='baseline'][data-theme='dark'],
|
|
[data-scheme='baseline'] [data-theme='dark'] {
|
|
color-scheme: dark;
|
|
|
|
--md-sys-color-background: #0f0d12;
|
|
--md-sys-color-on-background: #eae3ef;
|
|
--md-sys-color-surface: #0f0d12;
|
|
--md-sys-color-surface-dim: #0f0d12;
|
|
--md-sys-color-surface-bright: #2e2b34;
|
|
--md-sys-color-surface-container-lowest: #000000;
|
|
--md-sys-color-surface-container-low: #141218;
|
|
--md-sys-color-surface-container: #1b181f;
|
|
--md-sys-color-surface-container-high: #211e26;
|
|
--md-sys-color-surface-container-highest: #27242d;
|
|
--md-sys-color-on-surface: #eae3ef;
|
|
--md-sys-color-on-surface-variant: #aea9b4;
|
|
--md-sys-color-outline: #78737e;
|
|
--md-sys-color-outline-variant: #4a4650;
|
|
--md-sys-color-inverse-surface: #fdf7fe;
|
|
--md-sys-color-inverse-on-surface: #575459;
|
|
--md-sys-color-primary: #cdc0ec;
|
|
--md-sys-color-primary-dim: #bfb2de;
|
|
--md-sys-color-on-primary: #443a5f;
|
|
--md-sys-color-primary-container: #574d72;
|
|
--md-sys-color-on-primary-container: #e9deff;
|
|
--md-sys-color-primary-fixed: #ded0fe;
|
|
--md-sys-color-primary-fixed-dim: #d0c3ef;
|
|
--md-sys-color-on-primary-fixed: #3c3256;
|
|
--md-sys-color-on-primary-fixed-variant: #594e74;
|
|
--md-sys-color-inverse-primary: #645980;
|
|
--md-sys-color-secondary: #cbc2db;
|
|
--md-sys-color-secondary-dim: #beb5cd;
|
|
--md-sys-color-on-secondary: #433d51;
|
|
--md-sys-color-secondary-container: #3e384c;
|
|
--md-sys-color-on-secondary-container: #c4bbd4;
|
|
--md-sys-color-secondary-fixed: #e8def8;
|
|
--md-sys-color-secondary-fixed-dim: #dad0ea;
|
|
--md-sys-color-on-secondary-fixed: #423c50;
|
|
--md-sys-color-on-secondary-fixed-variant: #5f586e;
|
|
--md-sys-color-tertiary: #ffcfef;
|
|
--md-sys-color-tertiary-dim: #f4bfe3;
|
|
--md-sys-color-on-tertiary: #69415f;
|
|
--md-sys-color-tertiary-container: #f4bfe3;
|
|
--md-sys-color-on-tertiary-container: #5f3956;
|
|
--md-sys-color-tertiary-fixed: #f4bfe3;
|
|
--md-sys-color-tertiary-fixed-dim: #e5b2d5;
|
|
--md-sys-color-on-tertiary-fixed: #4a2642;
|
|
--md-sys-color-on-tertiary-fixed-variant: #694260;
|
|
--md-sys-color-error: #f97386;
|
|
--md-sys-color-error-dim: #c44b5f;
|
|
--md-sys-color-on-error: #490013;
|
|
--md-sys-color-error-container: #871c34;
|
|
--md-sys-color-on-error-container: #ff97a3;
|
|
--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: #a8364b;
|
|
--md-sys-color-inverse-success: #006d46;
|
|
--md-sys-color-inverse-warning: #7c5900;
|
|
--md-sys-color-inverse-info: #005bc5;
|
|
}
|
|
|
|
[data-scheme='baseline'][data-contrast='medium'],
|
|
[data-scheme='baseline'][data-contrast='medium'][data-theme='light'],
|
|
[data-scheme='baseline'][data-contrast='medium'] [data-theme='light'] {
|
|
color-scheme: light;
|
|
|
|
--md-sys-color-background: #fdf7fe;
|
|
--md-sys-color-on-background: #25232b;
|
|
--md-sys-color-surface: #fdf7fe;
|
|
--md-sys-color-surface-dim: #ded8e4;
|
|
--md-sys-color-surface-bright: #fdf7fe;
|
|
--md-sys-color-surface-container-lowest: #ffffff;
|
|
--md-sys-color-surface-container-low: #f8f1fa;
|
|
--md-sys-color-surface-container: #f2ecf5;
|
|
--md-sys-color-surface-container-high: #ece6f0;
|
|
--md-sys-color-surface-container-highest: #e7e0ec;
|
|
--md-sys-color-on-surface: #25232b;
|
|
--md-sys-color-on-surface-variant: #45414b;
|
|
--md-sys-color-outline: #615d68;
|
|
--md-sys-color-outline-variant: #7d7983;
|
|
--md-sys-color-inverse-surface: #0f0d12;
|
|
--md-sys-color-inverse-on-surface: #c8c3c9;
|
|
--md-sys-color-primary: #483b6b;
|
|
--md-sys-color-primary-dim: #3c305f;
|
|
--md-sys-color-on-primary: #e1d3ff;
|
|
--md-sys-color-primary-container: #7b6da0;
|
|
--md-sys-color-on-primary-container: #ffffff;
|
|
--md-sys-color-primary-fixed: #7b6da0;
|
|
--md-sys-color-primary-fixed-dim: #6e6093;
|
|
--md-sys-color-on-primary-fixed: #ffffff;
|
|
--md-sys-color-on-primary-fixed-variant: #ffffff;
|
|
--md-sys-color-inverse-primary: #d4c3fd;
|
|
--md-sys-color-secondary: #464054;
|
|
--md-sys-color-secondary-dim: #3a3548;
|
|
--md-sys-color-on-secondary: #dfd5ef;
|
|
--md-sys-color-secondary-container: #787187;
|
|
--md-sys-color-on-secondary-container: #ffffff;
|
|
--md-sys-color-secondary-fixed: #787187;
|
|
--md-sys-color-secondary-fixed-dim: #6c657b;
|
|
--md-sys-color-on-secondary-fixed: #ffffff;
|
|
--md-sys-color-on-secondary-fixed-variant: #ffffff;
|
|
--md-sys-color-tertiary: #5c3653;
|
|
--md-sys-color-tertiary-dim: #502b47;
|
|
--md-sys-color-on-tertiary: #ffcaee;
|
|
--md-sys-color-tertiary-container: #936787;
|
|
--md-sys-color-on-tertiary-container: #ffffff;
|
|
--md-sys-color-tertiary-fixed: #936787;
|
|
--md-sys-color-tertiary-fixed-dim: #855b7a;
|
|
--md-sys-color-on-tertiary-fixed: #ffffff;
|
|
--md-sys-color-on-tertiary-fixed-variant: #ffffff;
|
|
--md-sys-color-error: #821830;
|
|
--md-sys-color-error-dim: #6b0221;
|
|
--md-sys-color-on-error: #ffcdd1;
|
|
--md-sys-color-error-container: #c44b5f;
|
|
--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: #ff9da8;
|
|
--md-sys-color-inverse-success: #5ace94;
|
|
--md-sys-color-inverse-warning: #f3b31e;
|
|
--md-sys-color-inverse-info: #98b8ff;
|
|
}
|
|
|
|
[data-scheme='baseline'][data-contrast='medium'][data-theme='dark'],
|
|
[data-scheme='baseline'][data-contrast='medium'] [data-theme='dark'] {
|
|
color-scheme: dark;
|
|
|
|
--md-sys-color-background: #0f0d12;
|
|
--md-sys-color-on-background: #ffffff;
|
|
--md-sys-color-surface: #0f0d12;
|
|
--md-sys-color-surface-dim: #0f0d12;
|
|
--md-sys-color-surface-bright: #2e2b34;
|
|
--md-sys-color-surface-container-lowest: #000000;
|
|
--md-sys-color-surface-container-low: #141218;
|
|
--md-sys-color-surface-container: #1b181f;
|
|
--md-sys-color-surface-container-high: #211e26;
|
|
--md-sys-color-surface-container-highest: #27242d;
|
|
--md-sys-color-on-surface: #ffffff;
|
|
--md-sys-color-on-surface-variant: #bcb6c2;
|
|
--md-sys-color-outline: #96919c;
|
|
--md-sys-color-outline-variant: #78737e;
|
|
--md-sys-color-inverse-surface: #fdf7fe;
|
|
--md-sys-color-inverse-on-surface: #39373c;
|
|
--md-sys-color-primary: #cdc0ec;
|
|
--md-sys-color-primary-dim: #bfb2de;
|
|
--md-sys-color-on-primary: #3a3054;
|
|
--md-sys-color-primary-container: #7a6f96;
|
|
--md-sys-color-on-primary-container: #ffffff;
|
|
--md-sys-color-primary-fixed: #ded0fe;
|
|
--md-sys-color-primary-fixed-dim: #d0c3ef;
|
|
--md-sys-color-on-primary-fixed: #180e30;
|
|
--md-sys-color-on-primary-fixed-variant: #3c3256;
|
|
--md-sys-color-inverse-primary: #5a4f75;
|
|
--md-sys-color-secondary: #cbc2db;
|
|
--md-sys-color-secondary-dim: #beb5cd;
|
|
--md-sys-color-on-secondary: #393347;
|
|
--md-sys-color-secondary-container: #787187;
|
|
--md-sys-color-on-secondary-container: #ffffff;
|
|
--md-sys-color-secondary-fixed: #e8def8;
|
|
--md-sys-color-secondary-fixed-dim: #dad0ea;
|
|
--md-sys-color-on-secondary-fixed: #221d2f;
|
|
--md-sys-color-on-secondary-fixed-variant: #423c50;
|
|
--md-sys-color-tertiary: #ffcfef;
|
|
--md-sys-color-tertiary-dim: #f4bfe3;
|
|
--md-sys-color-on-tertiary: #5e3855;
|
|
--md-sys-color-tertiary-container: #f4bfe3;
|
|
--md-sys-color-on-tertiary-container: #542f4c;
|
|
--md-sys-color-tertiary-fixed: #f4bfe3;
|
|
--md-sys-color-tertiary-fixed-dim: #e5b2d5;
|
|
--md-sys-color-on-tertiary-fixed: #180015;
|
|
--md-sys-color-on-tertiary-fixed-variant: #4a2642;
|
|
--md-sys-color-error: #ff9da8;
|
|
--md-sys-color-error-dim: #ff8695;
|
|
--md-sys-color-on-error: #5f001c;
|
|
--md-sys-color-error-container: #c44b5f;
|
|
--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: #821830;
|
|
--md-sys-color-inverse-success: #004d30;
|
|
--md-sys-color-inverse-warning: #593e00;
|
|
--md-sys-color-inverse-info: #003f8e;
|
|
}
|
|
|
|
[data-scheme='baseline'][data-contrast='high'],
|
|
[data-scheme='baseline'][data-contrast='high'][data-theme='light'],
|
|
[data-scheme='baseline'][data-contrast='high'] [data-theme='light'] {
|
|
color-scheme: light;
|
|
|
|
--md-sys-color-background: #fdf7fe;
|
|
--md-sys-color-on-background: #000000;
|
|
--md-sys-color-surface: #fdf7fe;
|
|
--md-sys-color-surface-dim: #ded8e4;
|
|
--md-sys-color-surface-bright: #fdf7fe;
|
|
--md-sys-color-surface-container-lowest: #ffffff;
|
|
--md-sys-color-surface-container-low: #f8f1fa;
|
|
--md-sys-color-surface-container: #f2ecf5;
|
|
--md-sys-color-surface-container-high: #ece6f0;
|
|
--md-sys-color-surface-container-highest: #e7e0ec;
|
|
--md-sys-color-on-surface: #000000;
|
|
--md-sys-color-on-surface-variant: #25232b;
|
|
--md-sys-color-outline: #45414b;
|
|
--md-sys-color-outline-variant: #54505a;
|
|
--md-sys-color-inverse-surface: #0f0d12;
|
|
--md-sys-color-inverse-on-surface: #ffffff;
|
|
--md-sys-color-primary: #281b49;
|
|
--md-sys-color-primary-dim: #1e103f;
|
|
--md-sys-color-on-primary: #e1d3ff;
|
|
--md-sys-color-primary-container: #584a7b;
|
|
--md-sys-color-on-primary-container: #ffffff;
|
|
--md-sys-color-primary-fixed: #584a7b;
|
|
--md-sys-color-primary-fixed-dim: #4c3f6f;
|
|
--md-sys-color-on-primary-fixed: #ffffff;
|
|
--md-sys-color-on-primary-fixed-variant: #ffffff;
|
|
--md-sys-color-inverse-primary: #d4c3fd;
|
|
--md-sys-color-secondary: #262134;
|
|
--md-sys-color-secondary-dim: #1c1729;
|
|
--md-sys-color-on-secondary: #dfd6ef;
|
|
--md-sys-color-secondary-container: #554f64;
|
|
--md-sys-color-on-secondary-container: #ffffff;
|
|
--md-sys-color-secondary-fixed: #554f64;
|
|
--md-sys-color-secondary-fixed-dim: #494358;
|
|
--md-sys-color-on-secondary-fixed: #ffffff;
|
|
--md-sys-color-on-secondary-fixed-variant: #ffffff;
|
|
--md-sys-color-tertiary: #391733;
|
|
--md-sys-color-tertiary-dim: #2e0d28;
|
|
--md-sys-color-on-tertiary: #ffcbee;
|
|
--md-sys-color-tertiary-container: #6d4563;
|
|
--md-sys-color-on-tertiary-container: #ffffff;
|
|
--md-sys-color-tertiary-fixed: #6d4563;
|
|
--md-sys-color-tertiary-fixed-dim: #603a57;
|
|
--md-sys-color-on-tertiary-fixed: #ffffff;
|
|
--md-sys-color-on-tertiary-fixed-variant: #ffffff;
|
|
--md-sys-color-error: #500016;
|
|
--md-sys-color-error-dim: #3d000f;
|
|
--md-sys-color-on-error: #ffced2;
|
|
--md-sys-color-error-container: #97283e;
|
|
--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: #ffdddf;
|
|
--md-sys-color-inverse-success: #89fcbf;
|
|
--md-sys-color-inverse-warning: #ffe2b1;
|
|
--md-sys-color-inverse-info: #dde5ff;
|
|
}
|
|
|
|
[data-scheme='baseline'][data-contrast='high'][data-theme='dark'],
|
|
[data-scheme='baseline'][data-contrast='high'] [data-theme='dark'] {
|
|
color-scheme: dark;
|
|
|
|
--md-sys-color-background: #0f0d12;
|
|
--md-sys-color-on-background: #ffffff;
|
|
--md-sys-color-surface: #0f0d12;
|
|
--md-sys-color-surface-dim: #0f0d12;
|
|
--md-sys-color-surface-bright: #2e2b34;
|
|
--md-sys-color-surface-container-lowest: #000000;
|
|
--md-sys-color-surface-container-low: #141218;
|
|
--md-sys-color-surface-container: #1b181f;
|
|
--md-sys-color-surface-container-high: #211e26;
|
|
--md-sys-color-surface-container-highest: #27242d;
|
|
--md-sys-color-on-surface: #ffffff;
|
|
--md-sys-color-on-surface-variant: #eae3ef;
|
|
--md-sys-color-outline: #bcb6c2;
|
|
--md-sys-color-outline-variant: #a7a1ad;
|
|
--md-sys-color-inverse-surface: #fdf7fe;
|
|
--md-sys-color-inverse-on-surface: #000000;
|
|
--md-sys-color-primary: #ebe1ff;
|
|
--md-sys-color-primary-dim: #ded0fe;
|
|
--md-sys-color-on-primary: #302649;
|
|
--md-sys-color-primary-container: #aa9dc8;
|
|
--md-sys-color-on-primary-container: #000000;
|
|
--md-sys-color-primary-fixed: #ded0fe;
|
|
--md-sys-color-primary-fixed-dim: #d0c3ef;
|
|
--md-sys-color-on-primary-fixed: #000000;
|
|
--md-sys-color-on-primary-fixed-variant: #180e30;
|
|
--md-sys-color-inverse-primary: #3c3256;
|
|
--md-sys-color-secondary: #ebe1fb;
|
|
--md-sys-color-secondary-dim: #ddd3ed;
|
|
--md-sys-color-on-secondary: #2e293c;
|
|
--md-sys-color-secondary-container: #a8a0b8;
|
|
--md-sys-color-on-secondary-container: #000000;
|
|
--md-sys-color-secondary-fixed: #e8def8;
|
|
--md-sys-color-secondary-fixed-dim: #dad0ea;
|
|
--md-sys-color-on-secondary-fixed: #000000;
|
|
--md-sys-color-on-secondary-fixed-variant: #221d2f;
|
|
--md-sys-color-tertiary: #ffdbf2;
|
|
--md-sys-color-tertiary-dim: #fac5e9;
|
|
--md-sys-color-on-tertiary: #43203b;
|
|
--md-sys-color-tertiary-container: #f4bfe3;
|
|
--md-sys-color-on-tertiary-container: #2e0e29;
|
|
--md-sys-color-tertiary-fixed: #f4bfe3;
|
|
--md-sys-color-tertiary-fixed-dim: #e5b2d5;
|
|
--md-sys-color-on-tertiary-fixed: #000000;
|
|
--md-sys-color-on-tertiary-fixed-variant: #180015;
|
|
--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: #500016;
|
|
--md-sys-color-inverse-success: #002a18;
|
|
--md-sys-color-inverse-warning: #312100;
|
|
--md-sys-color-inverse-info: #002252;
|
|
}
|
|
|
|
[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='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;
|
|
}
|