103 lines
3.8 KiB
CSS
103 lines
3.8 KiB
CSS
:root {
|
|
--hy-theme-bg: #fbf8ff;
|
|
--hy-theme-surface: rgba(255, 255, 255, 0.96);
|
|
--hy-theme-surface-soft: #fdfaff;
|
|
--hy-theme-text: #282333;
|
|
--hy-theme-muted: #8d879a;
|
|
--hy-theme-line: #f0e8fb;
|
|
--hy-theme-primary: #dbc8ff;
|
|
--hy-theme-primary-strong: #c5a6f6;
|
|
--hy-theme-primary-deep: #7d57c7;
|
|
--hy-theme-primary-soft: #f4ebff;
|
|
--hy-theme-accent: #cfb8fb;
|
|
--hy-theme-success: #31c6a8;
|
|
--hy-theme-danger: #d95d72;
|
|
--hy-theme-shadow: 0 10px 24px rgba(132, 90, 212, 0.075);
|
|
--hy-theme-button: #7d57c7;
|
|
--hy-theme-button-disabled: #eadffc;
|
|
--hy-theme-button-disabled-text: #9a8faa;
|
|
--hy-theme-button-shadow: 0 8px 18px rgba(125, 87, 199, 0.18);
|
|
--hy-theme-button-disabled-shadow: none;
|
|
--hy-theme-focus-ring: rgba(197, 166, 246, 0.18);
|
|
--hy-theme-role-shadow: 0 6px 16px rgba(91, 62, 142, 0.08);
|
|
--hy-theme-modal-shadow: 0 22px 54px rgba(40, 25, 72, 0.26);
|
|
--hy-theme-checkout-shadow: 0 -10px 28px rgba(40, 25, 72, 0.12);
|
|
--hy-theme-radius-tiny: 3px;
|
|
--hy-theme-radius-icon: 11px;
|
|
--hy-theme-radius-small: 12px;
|
|
--hy-theme-radius-control: 14px;
|
|
--hy-theme-radius-card: 16px;
|
|
--hy-theme-radius-language: 17px;
|
|
--hy-theme-radius-modal: 22px;
|
|
--hy-theme-radius-pill: 999px;
|
|
--hy-theme-radius-circle: 50%;
|
|
--hy-theme-hero: linear-gradient(
|
|
151deg,
|
|
#f0e6ff 0%,
|
|
#fffbff 58%,
|
|
rgba(251, 248, 255, 0.88) 100%
|
|
);
|
|
}
|
|
|
|
:root[data-hy-app-code='yumi'] {
|
|
--hy-theme-bg: #f6fff8;
|
|
--hy-theme-surface: rgba(255, 255, 255, 0.97);
|
|
--hy-theme-surface-soft: #fbfffc;
|
|
--hy-theme-line: #d7efdf;
|
|
--hy-theme-primary: #bceccc;
|
|
--hy-theme-primary-strong: #6fd58f;
|
|
--hy-theme-primary-deep: #148846;
|
|
--hy-theme-primary-soft: #e8f8ee;
|
|
--hy-theme-accent: #8de0a8;
|
|
--hy-theme-success: #20b977;
|
|
--hy-theme-shadow: 0 10px 24px rgba(20, 136, 70, 0.075);
|
|
--hy-theme-button: #148846;
|
|
--hy-theme-button-disabled: #ccefd8;
|
|
--hy-theme-button-disabled-text: #6c9378;
|
|
--hy-theme-button-shadow: 0 8px 18px rgba(20, 136, 70, 0.18);
|
|
--hy-theme-focus-ring: rgba(20, 136, 70, 0.16);
|
|
--hy-theme-role-shadow: 0 6px 16px rgba(20, 136, 70, 0.08);
|
|
--hy-theme-modal-shadow: 0 22px 54px rgba(20, 84, 42, 0.22);
|
|
--hy-theme-checkout-shadow: 0 -10px 28px rgba(20, 84, 42, 0.1);
|
|
--hy-theme-radius-tiny: 50%;
|
|
--hy-theme-radius-icon: 50%;
|
|
--hy-theme-radius-small: 50%;
|
|
--hy-theme-radius-control: 50%;
|
|
--hy-theme-radius-card: 50%;
|
|
--hy-theme-radius-language: 50%;
|
|
--hy-theme-radius-modal: 50%;
|
|
--hy-theme-radius-pill: 50%;
|
|
--hy-theme-radius-circle: 50%;
|
|
}
|
|
|
|
:root[data-hy-app-code='aslan'] {
|
|
--hy-theme-bg: #fffdf3;
|
|
--hy-theme-surface: rgba(255, 255, 255, 0.98);
|
|
--hy-theme-surface-soft: #fffbf0;
|
|
--hy-theme-line: #efdc9f;
|
|
--hy-theme-primary: #ffe071;
|
|
--hy-theme-primary-strong: #f1bd2d;
|
|
--hy-theme-primary-deep: #8a5a00;
|
|
--hy-theme-primary-soft: #fff2bd;
|
|
--hy-theme-accent: #f6c43c;
|
|
--hy-theme-success: #2aa875;
|
|
--hy-theme-shadow: 0 10px 24px rgba(138, 90, 0, 0.08);
|
|
--hy-theme-button: #9b6500;
|
|
--hy-theme-button-disabled: #f0dfa9;
|
|
--hy-theme-button-disabled-text: #8f7b4c;
|
|
--hy-theme-button-shadow: 0 8px 18px rgba(138, 90, 0, 0.18);
|
|
--hy-theme-focus-ring: rgba(155, 101, 0, 0.18);
|
|
--hy-theme-role-shadow: 0 6px 16px rgba(138, 90, 0, 0.08);
|
|
--hy-theme-modal-shadow: 0 22px 54px rgba(92, 60, 0, 0.22);
|
|
--hy-theme-checkout-shadow: 0 -10px 28px rgba(92, 60, 0, 0.1);
|
|
--hy-theme-radius-tiny: 0;
|
|
--hy-theme-radius-icon: 0;
|
|
--hy-theme-radius-small: 0;
|
|
--hy-theme-radius-control: 0;
|
|
--hy-theme-radius-card: 0;
|
|
--hy-theme-radius-language: 0;
|
|
--hy-theme-radius-modal: 0;
|
|
--hy-theme-radius-pill: 0;
|
|
--hy-theme-radius-circle: 0;
|
|
}
|