@spark-ui/theme-utils/dist/themes.css

package for managing Spark theme configuration

[data-theme=light]{--color-focus:#00f;--color-basic:#094171;--color-on-basic:#fff;--color-basic-hovered:#0c5291;--color-basic-container:#e6f2fd;--color-on-basic-container:#152233;--color-basic-container-hovered:#f4f9fe;--color-accent:#8526d9;--color-on-accent:#fff;--color-accent-hovered:#9f47eb;--color-accent-container:#e9d6fa;--color-on-accent-container:#362555;--color-accent-container-hovered:#f5edfd;--color-accent-variant:#501782;--color-on-accent-variant:#fff;--color-accent-variant-hovered:#6b1fad;--color-main:#ec5a13;--color-on-main:#fff;--color-main-hovered:#f07b42;--color-main-container:#ffe9de;--color-on-main-container:#89380f;--color-main-container-hovered:#fff2eb;--color-main-variant:#b84a14;--color-on-main-variant:#fff;--color-main-variant-hovered:#ec5a13;--color-support:#094171;--color-on-support:#fff;--color-support-hovered:#0c5291;--color-support-container:#e6f2fd;--color-on-support-container:#152233;--color-support-container-hovered:#f4f9fe;--color-support-variant:#0c5291;--color-on-support-variant:#fff;--color-support-variant-hovered:#0f69b9;--color-success:#1d6340;--color-on-success:#fff;--color-success-hovered:#278456;--color-success-container:#e0f2e9;--color-on-success-container:#1d6340;--color-success-container-hovered:#f5fbf8;--color-alert:#fa0;--color-on-alert:#202730;--color-alert-hovered:#fb3;--color-alert-container:#fec;--color-on-alert-container:#640;--color-alert-container-hovered:#fff6e5;--color-error:#ad291f;--color-on-error:#fff;--color-error-hovered:#d93426;--color-error-container:#f7d7d4;--color-on-error-container:#822017;--color-error-container-hovered:#fbeceb;--color-info:#0c5291;--color-on-info:#fff;--color-info-hovered:#0f69b9;--color-info-container:#c2e0fa;--color-on-info-container:#0c5291;--color-info-container-hovered:#e6f2fd;--color-neutral:#3a4757;--color-on-neutral:#fff;--color-neutral-hovered:#4f6076;--color-neutral-container:#f0f2f5;--color-on-neutral-container:#3a4757;--color-neutral-container-hovered:#f6f8f9;--color-background:#fff;--color-on-background:#152233;--color-background-variant:#f4f9fe;--color-on-background-variant:#152233;--color-surface:#fff;--color-on-surface:#152233;--color-surface-hovered:#f6f8f9;--color-surface-inverse:#2b3441;--color-on-surface-inverse:#fff;--color-surface-inverse-hovered:#3a4757;--color-surface-dark:#2b3441;--color-on-surface-dark:#fff;--color-surface-dark-hovered:#3a4757;--color-outline:#acb8c7;--color-outline-high:#202730;--color-overlay:#202730;--color-on-overlay:#fff;--color-shadow:#6c819d80}[data-theme=dark]{--color-focus:#d1d1ff;--color-basic:#c2e0fa;--color-on-basic:#152233;--color-basic-hovered:#9fcef7;--color-basic-container:#094171;--color-on-basic-container:#f4f9fe;--color-basic-container-hovered:#152233;--color-accent:#cfa3f5;--color-on-accent:#1b052e;--color-accent-hovered:#ac7ddd;--color-accent-container:#501782;--color-on-accent-container:#f5edfd;--color-accent-container-hovered:#360f57;--color-accent-variant:#b775f0;--color-on-accent-variant:#1b052e;--color-accent-variant-hovered:#b775f0;--color-main:#f07b42;--color-on-main:#2f1305;--color-main-hovered:#ec5a13;--color-main-container:#89380f;--color-on-main-container:#fff2eb;--color-main-container-hovered:#5c250a;--color-main-variant:#f49d71;--color-on-main-variant:#2f1305;--color-main-variant-hovered:#f07b42;--color-support:#c2e0fa;--color-on-support:#152233;--color-support-hovered:#9fcef7;--color-support-container:#094171;--color-on-support-container:#f4f9fe;--color-support-container-hovered:#152233;--color-support-variant:#e6f2fd;--color-on-support-variant:#152233;--color-support-variant-hovered:#c2e0fa;--color-success:#8ecdae;--color-on-success:#0c291b;--color-success-hovered:#64bc90;--color-success-container:#1d6340;--color-on-success-container:#f5fbf8;--color-success-container-hovered:#14422b;--color-alert:#fc6;--color-on-alert:#320;--color-alert-hovered:#fb3;--color-alert-container:#640;--color-on-alert-container:#fff6e5;--color-alert-container-hovered:#320;--color-error:#e8867d;--color-on-error:#2b0b08;--color-error-hovered:#e05d52;--color-error-container:#822017;--color-on-error-container:#fbeceb;--color-error-container-hovered:#57150f;--color-info:#9fcef7;--color-on-info:#152233;--color-info-hovered:#69b2f3;--color-info-container:#0c5291;--color-on-info-container:#f4f9fe;--color-info-container-hovered:#094171;--color-neutral:#d0d7df;--color-on-neutral:#202730;--color-neutral-hovered:#acb8c7;--color-neutral-container:#3a4757;--color-on-neutral-container:#f6f8f9;--color-neutral-container-hovered:#2b3441;--color-background:#202730;--color-on-background:#f6f8f9;--color-background-variant:#13171d;--color-on-background-variant:#f6f8f9;--color-surface:#202730;--color-on-surface:#f6f8f9;--color-surface-hovered:#2b3441;--color-surface-inverse:#f6f8f9;--color-on-surface-inverse:#2b3441;--color-surface-inverse-hovered:#f0f2f5;--color-surface-dark:#2b3441;--color-on-surface-dark:#fff;--color-surface-dark-hovered:#3a4757;--color-outline:#6c819d;--color-outline-high:#f0f2f5;--color-overlay:#3a4757;--color-on-overlay:#f6f8f9;--color-shadow:#00000080}[data-theme=light-more-contrast]{--color-focus:#00f;--color-basic:#484848;--color-on-basic:#f9f9f9;--color-basic-hovered:#5e5e5e;--color-basic-container:#e6e6e6;--color-on-basic-container:#1a1a1a;--color-basic-container-hovered:#f1f1f1;--color-accent:#484848;--color-on-accent:#f9f9f9;--color-accent-hovered:#5e5e5e;--color-accent-container:#e6e6e6;--color-on-accent-container:#1a1a1a;--color-accent-container-hovered:#f1f1f1;--color-accent-variant:#484848;--color-on-accent-variant:#f9f9f9;--color-accent-variant-hovered:#5e5e5e;--color-main:#484848;--color-on-main:#f9f9f9;--color-main-hovered:#5e5e5e;--color-main-container:#e6e6e6;--color-on-main-container:#1a1a1a;--color-main-container-hovered:#f1f1f1;--color-main-variant:#484848;--color-on-main-variant:#f9f9f9;--color-main-variant-hovered:#5e5e5e;--color-support:#484848;--color-on-support:#f9f9f9;--color-support-hovered:#5e5e5e;--color-support-container:#e6e6e6;--color-on-support-container:#1a1a1a;--color-support-container-hovered:#f1f1f1;--color-support-variant:#484848;--color-on-support-variant:#f9f9f9;--color-support-variant-hovered:#5e5e5e;--color-success:#484848;--color-on-success:#f9f9f9;--color-success-hovered:#5e5e5e;--color-success-container:#e6e6e6;--color-on-success-container:#1a1a1a;--color-success-container-hovered:#f1f1f1;--color-alert:#484848;--color-on-alert:#f9f9f9;--color-alert-hovered:#5e5e5e;--color-alert-container:#e6e6e6;--color-on-alert-container:#1a1a1a;--color-alert-container-hovered:#f1f1f1;--color-error:#484848;--color-on-error:#f9f9f9;--color-error-hovered:#5e5e5e;--color-error-container:#e6e6e6;--color-on-error-container:#1a1a1a;--color-error-container-hovered:#f1f1f1;--color-info:#484848;--color-on-info:#f9f9f9;--color-info-hovered:#5e5e5e;--color-info-container:#e6e6e6;--color-on-info-container:#1a1a1a;--color-info-container-hovered:#f1f1f1;--color-neutral:#484848;--color-on-neutral:#f9f9f9;--color-neutral-hovered:#5e5e5e;--color-neutral-container:#e6e6e6;--color-on-neutral-container:#1a1a1a;--color-neutral-container-hovered:#f1f1f1;--color-background:#f9f9f9;--color-on-background:#1a1a1a;--color-background-variant:#f2f2f2;--color-on-background-variant:#1a1a1a;--color-surface:#f9f9f9;--color-on-surface:#1a1a1a;--color-surface-hovered:#f9f9f9;--color-surface-inverse:#1a1a1a;--color-on-surface-inverse:#f9f9f9;--color-surface-inverse-hovered:#3a3a3a;--color-surface-dark:#1a1a1a;--color-on-surface-dark:#f9f9f9;--color-surface-dark-hovered:#3a3a3a;--color-outline:#4f4f4f;--color-outline-high:#000;--color-overlay:#1a1a1a;--color-on-overlay:#f9f9f9;--color-shadow:#c1c1c180}[data-theme=dark-more-contrast]{--color-focus:#d1d1ff;--color-basic:#bcbcbc;--color-on-basic:#1a1a1a;--color-basic-hovered:#8d8d8d;--color-basic-container:#4c4c4c;--color-on-basic-container:#f9f9f9;--color-basic-container-hovered:#303030;--color-accent:#bcbcbc;--color-on-accent:#1a1a1a;--color-accent-hovered:#8d8d8d;--color-accent-container:#4c4c4c;--color-on-accent-container:#f9f9f9;--color-accent-container-hovered:#303030;--color-accent-variant:#bcbcbc;--color-on-accent-variant:#1a1a1a;--color-accent-variant-hovered:#8d8d8d;--color-main:#bcbcbc;--color-on-main:#1a1a1a;--color-main-hovered:#8d8d8d;--color-main-container:#4c4c4c;--color-on-main-container:#f9f9f9;--color-main-container-hovered:#303030;--color-main-variant:#bcbcbc;--color-on-main-variant:#1a1a1a;--color-main-variant-hovered:#8d8d8d;--color-support:#bcbcbc;--color-on-support:#1a1a1a;--color-support-hovered:#8d8d8d;--color-support-container:#4c4c4c;--color-on-support-container:#f9f9f9;--color-support-container-hovered:#303030;--color-support-variant:#bcbcbc;--color-on-support-variant:#1a1a1a;--color-support-variant-hovered:#8d8d8d;--color-success:#bcbcbc;--color-on-success:#1a1a1a;--color-success-hovered:#8d8d8d;--color-success-container:#4c4c4c;--color-on-success-container:#f9f9f9;--color-success-container-hovered:#303030;--color-alert:#bcbcbc;--color-on-alert:#1a1a1a;--color-alert-hovered:#8d8d8d;--color-alert-container:#4c4c4c;--color-on-alert-container:#f9f9f9;--color-alert-container-hovered:#303030;--color-error:#bcbcbc;--color-on-error:#1a1a1a;--color-error-hovered:#8d8d8d;--color-error-container:#4c4c4c;--color-on-error-container:#f9f9f9;--color-error-container-hovered:#303030;--color-info:#bcbcbc;--color-on-info:#1a1a1a;--color-info-hovered:#8d8d8d;--color-info-container:#4c4c4c;--color-on-info-container:#f9f9f9;--color-info-container-hovered:#303030;--color-neutral:#bcbcbc;--color-on-neutral:#1a1a1a;--color-neutral-hovered:#8d8d8d;--color-neutral-container:#4c4c4c;--color-on-neutral-container:#f9f9f9;--color-neutral-container-hovered:#303030;--color-background:#2c2c2c;--color-on-background:#f9f9f9;--color-background-variant:#3c3c3c;--color-on-background-variant:#f9f9f9;--color-surface:#2c2c2c;--color-on-surface:#f9f9f9;--color-surface-hovered:#000;--color-surface-inverse:#f9f9f9;--color-on-surface-inverse:#1a1a1a;--color-surface-inverse-hovered:#e1e1e1;--color-surface-dark:#1a1a1a;--color-on-surface-dark:#f9f9f9;--color-surface-dark-hovered:#000;--color-outline:#c1c1c1;--color-outline-high:#f9f9f9;--color-overlay:#1a1a1a;--color-on-overlay:#f9f9f9;--color-shadow:#00000080}