@unisane/ui 0.1.0-next.b67ebfd0

package/registry/styles/themes/pink.css

@@ -0,0 +1,342 @@
+/* unisane:theme:start */
+/* Generated theme: Pink. Replace this managed region with the CLI. */
+:root {
+  --color-primary: #a5458a;
+  --color-on-primary: #ffffff;
+  --color-primary-container: #ffdef6;
+  --color-on-primary-container: #360029;
+  --color-secondary: #8e5e73;
+  --color-on-secondary: #ffffff;
+  --color-secondary-container: #f9e5ed;
+  --color-on-secondary-container: #2b101d;
+  --color-tertiary: #a1573d;
+  --color-on-tertiary: #ffffff;
+  --color-tertiary-container: #ffe4d9;
+  --color-on-tertiary-container: #350900;
+  --color-surface: #ffffff;
+  --color-on-surface: #1d191c;
+  --color-surface-container-lowest: #ffffff;
+  --color-surface-container-low: #f9f7f8;
+  --color-surface-container: #f5f3f4;
+  --color-surface-container-high: #f2eff1;
+  --color-surface-container-highest: #edeaec;
+  --color-surface-variant: #eeeaec;
+  --color-on-surface-variant: #594f55;
+  --color-background: #ffffff;
+  --color-on-background: #1d191c;
+  --color-outline: #b2a7ae;
+  --color-outline-variant: #cbc1c7;
+  --color-control-outline: #978b93;
+  --color-error: #c13234;
+  --color-on-error: #ffffff;
+  --color-error-container: #ffdcd6;
+  --color-on-error-container: #450000;
+  --color-success: #008819;
+  --color-on-success: #ffffff;
+  --color-success-container: #d2f7d2;
+  --color-on-success-container: #002700;
+  --color-warning: #986300;
+  --color-on-warning: #ffffff;
+  --color-warning-container: #fde9c1;
+  --color-on-warning-container: #311000;
+  --color-info: #0073c4;
+  --color-on-info: #ffffff;
+  --color-info-container: #cdf0ff;
+  --color-on-info-container: #00194a;
+  --color-inverse-surface: #393337;
+  --color-inverse-on-surface: #f7f4f6;
+  --color-inverse-primary: #fdc3e9;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root:not(.light) {
+    --color-primary: #fdc3e9;
+    --color-on-primary: #5c0e49;
+    --color-primary-container: #822a6b;
+    --color-on-primary-container: #ffdef6;
+    --color-secondary: #ecceda;
+    --color-on-secondary: #4c2838;
+    --color-secondary-container: #6e4356;
+    --color-on-secondary-container: #f9e5ed;
+    --color-tertiary: #facbbb;
+    --color-on-tertiary: #5a210c;
+    --color-tertiary-container: #7f3c24;
+    --color-on-tertiary-container: #ffe4d9;
+    --color-surface: #120e10;
+    --color-on-surface: #edeaec;
+    --color-surface-container-lowest: #120e10;
+    --color-surface-container-low: #1d191c;
+    --color-surface-container: #312c2f;
+    --color-surface-container-high: #413b3f;
+    --color-surface-container-highest: #464044;
+    --color-surface-variant: #594f55;
+    --color-on-surface-variant: #dcd5d9;
+    --color-background: #120e10;
+    --color-on-background: #edeaec;
+    --color-outline: #978b93;
+    --color-outline-variant: #766b72;
+    --color-control-outline: #766b72;
+    --color-error: #ffbeb7;
+    --color-on-error: #700001;
+    --color-error-container: #9b0d1a;
+    --color-on-error-container: #ffdcd6;
+    --color-success: #afe9af;
+    --color-on-success: #004700;
+    --color-success-container: #006800;
+    --color-on-success-container: #d2f7d2;
+    --color-warning: #f2d494;
+    --color-on-warning: #542a00;
+    --color-warning-container: #784700;
+    --color-on-warning-container: #fde9c1;
+    --color-info: #a7deff;
+    --color-on-info: #003675;
+    --color-info-container: #00559f;
+    --color-on-info-container: #cdf0ff;
+    --color-inverse-surface: #edeaec;
+    --color-inverse-on-surface: #393337;
+    --color-inverse-primary: #a5458a;
+  }
+}
+
+.dark {
+  --color-primary: #fdc3e9;
+  --color-on-primary: #5c0e49;
+  --color-primary-container: #822a6b;
+  --color-on-primary-container: #ffdef6;
+  --color-secondary: #ecceda;
+  --color-on-secondary: #4c2838;
+  --color-secondary-container: #6e4356;
+  --color-on-secondary-container: #f9e5ed;
+  --color-tertiary: #facbbb;
+  --color-on-tertiary: #5a210c;
+  --color-tertiary-container: #7f3c24;
+  --color-on-tertiary-container: #ffe4d9;
+  --color-surface: #120e10;
+  --color-on-surface: #edeaec;
+  --color-surface-container-lowest: #120e10;
+  --color-surface-container-low: #1d191c;
+  --color-surface-container: #312c2f;
+  --color-surface-container-high: #413b3f;
+  --color-surface-container-highest: #464044;
+  --color-surface-variant: #594f55;
+  --color-on-surface-variant: #dcd5d9;
+  --color-background: #120e10;
+  --color-on-background: #edeaec;
+  --color-outline: #978b93;
+  --color-outline-variant: #766b72;
+  --color-control-outline: #766b72;
+  --color-error: #ffbeb7;
+  --color-on-error: #700001;
+  --color-error-container: #9b0d1a;
+  --color-on-error-container: #ffdcd6;
+  --color-success: #afe9af;
+  --color-on-success: #004700;
+  --color-success-container: #006800;
+  --color-on-success-container: #d2f7d2;
+  --color-warning: #f2d494;
+  --color-on-warning: #542a00;
+  --color-warning-container: #784700;
+  --color-on-warning-container: #fde9c1;
+  --color-info: #a7deff;
+  --color-on-info: #003675;
+  --color-info-container: #00559f;
+  --color-on-info-container: #cdf0ff;
+  --color-inverse-surface: #edeaec;
+  --color-inverse-on-surface: #393337;
+  --color-inverse-primary: #a5458a;
+}
+
+[data-contrast="medium"] {
+  --color-primary: #822a6b;
+  --color-on-primary: #ffffff;
+  --color-primary-container: #ffecfd;
+  --color-on-primary-container: #360029;
+  --color-secondary: #6e4356;
+  --color-on-secondary: #ffffff;
+  --color-secondary-container: #fff1f6;
+  --color-on-secondary-container: #2b101d;
+  --color-tertiary: #7f3c24;
+  --color-on-tertiary: #ffffff;
+  --color-tertiary-container: #fff0e8;
+  --color-on-tertiary-container: #350900;
+  --color-surface: #ffffff;
+  --color-on-surface: #1d191c;
+  --color-surface-container-lowest: #ffffff;
+  --color-surface-container-low: #f9f7f8;
+  --color-surface-container: #f5f3f4;
+  --color-surface-container-high: #f2eff1;
+  --color-surface-container-highest: #edeaec;
+  --color-surface-variant: #f3eff1;
+  --color-on-surface-variant: #483f45;
+  --color-background: #ffffff;
+  --color-on-background: #1d191c;
+  --color-outline: #594f55;
+  --color-outline-variant: #766b72;
+  --color-control-outline: #978b93;
+  --color-error: #c13234;
+  --color-on-error: #ffffff;
+  --color-error-container: #ffdcd6;
+  --color-on-error-container: #450000;
+  --color-success: #006800;
+  --color-on-success: #ffffff;
+  --color-success-container: #e3fee3;
+  --color-on-success-container: #002700;
+  --color-warning: #784700;
+  --color-on-warning: #ffffff;
+  --color-warning-container: #fff4d7;
+  --color-on-warning-container: #311000;
+  --color-info: #00559f;
+  --color-on-info: #ffffff;
+  --color-info-container: #e0f9ff;
+  --color-on-info-container: #00194a;
+  --color-inverse-surface: #393337;
+  --color-inverse-on-surface: #f7f4f6;
+  --color-inverse-primary: #fdc3e9;
+}
+
+.dark[data-contrast="medium"],
+[data-contrast="medium"].dark {
+  --color-primary: #fdc3e9;
+  --color-on-primary: #5c0e49;
+  --color-primary-container: #822a6b;
+  --color-on-primary-container: #ffecfd;
+  --color-secondary: #ecceda;
+  --color-on-secondary: #4c2838;
+  --color-secondary-container: #6e4356;
+  --color-on-secondary-container: #fff1f6;
+  --color-tertiary: #facbbb;
+  --color-on-tertiary: #5a210c;
+  --color-tertiary-container: #7f3c24;
+  --color-on-tertiary-container: #fff0e8;
+  --color-surface: #120e10;
+  --color-on-surface: #f7f4f6;
+  --color-surface-container-lowest: #120e10;
+  --color-surface-container-low: #1d191c;
+  --color-surface-container: #312c2f;
+  --color-surface-container-high: #413b3f;
+  --color-surface-container-highest: #464044;
+  --color-surface-variant: #483f45;
+  --color-on-surface-variant: #eeeaec;
+  --color-background: #120e10;
+  --color-on-background: #edeaec;
+  --color-outline: #b2a7ae;
+  --color-outline-variant: #978b93;
+  --color-control-outline: #978b93;
+  --color-error: #ffbeb7;
+  --color-on-error: #700001;
+  --color-error-container: #9b0d1a;
+  --color-on-error-container: #ffdcd6;
+  --color-success: #afe9af;
+  --color-on-success: #004700;
+  --color-success-container: #006800;
+  --color-on-success-container: #d2f7d2;
+  --color-warning: #f2d494;
+  --color-on-warning: #542a00;
+  --color-warning-container: #784700;
+  --color-on-warning-container: #fde9c1;
+  --color-info: #a7deff;
+  --color-on-info: #003675;
+  --color-info-container: #00559f;
+  --color-on-info-container: #cdf0ff;
+  --color-inverse-surface: #edeaec;
+  --color-inverse-on-surface: #393337;
+  --color-inverse-primary: #a5458a;
+}
+
+[data-contrast="high"] {
+  --color-primary: #5c0e49;
+  --color-on-primary: #ffffff;
+  --color-primary-container: #ffecfd;
+  --color-on-primary-container: #000000;
+  --color-secondary: #4c2838;
+  --color-on-secondary: #ffffff;
+  --color-secondary-container: #fff1f6;
+  --color-on-secondary-container: #000000;
+  --color-tertiary: #5a210c;
+  --color-on-tertiary: #ffffff;
+  --color-tertiary-container: #fff0e8;
+  --color-on-tertiary-container: #000000;
+  --color-surface: #ffffff;
+  --color-on-surface: #000000;
+  --color-surface-container-lowest: #ffffff;
+  --color-surface-container-low: #f9f7f8;
+  --color-surface-container: #f5f3f4;
+  --color-surface-container-high: #f2eff1;
+  --color-surface-container-highest: #edeaec;
+  --color-surface-variant: #f7f4f6;
+  --color-on-surface-variant: #3b3238;
+  --color-background: #ffffff;
+  --color-on-background: #000000;
+  --color-outline: #3b3238;
+  --color-outline-variant: #766b72;
+  --color-control-outline: #766b72;
+  --color-error: #700001;
+  --color-on-error: #ffffff;
+  --color-error-container: #ffdcd6;
+  --color-on-error-container: #450000;
+  --color-success: #004700;
+  --color-on-success: #ffffff;
+  --color-success-container: #e3fee3;
+  --color-on-success-container: #000000;
+  --color-warning: #542a00;
+  --color-on-warning: #ffffff;
+  --color-warning-container: #fff4d7;
+  --color-on-warning-container: #000000;
+  --color-info: #003675;
+  --color-on-info: #ffffff;
+  --color-info-container: #e0f9ff;
+  --color-on-info-container: #000000;
+  --color-inverse-surface: #393337;
+  --color-inverse-on-surface: #f7f4f6;
+  --color-inverse-primary: #fdc3e9;
+}
+
+.dark[data-contrast="high"],
+[data-contrast="high"].dark {
+  --color-primary: #ffecfd;
+  --color-on-primary: #000000;
+  --color-primary-container: #360029;
+  --color-on-primary-container: #ffffff;
+  --color-secondary: #fff1f6;
+  --color-on-secondary: #000000;
+  --color-secondary-container: #2b101d;
+  --color-on-secondary-container: #ffffff;
+  --color-tertiary: #fff0e8;
+  --color-on-tertiary: #000000;
+  --color-tertiary-container: #350900;
+  --color-on-tertiary-container: #ffffff;
+  --color-surface: #120e10;
+  --color-on-surface: #ffffff;
+  --color-surface-container-lowest: #120e10;
+  --color-surface-container-low: #1d191c;
+  --color-surface-container: #312c2f;
+  --color-surface-container-high: #413b3f;
+  --color-surface-container-highest: #464044;
+  --color-surface-variant: #3b3238;
+  --color-on-surface-variant: #f7f4f6;
+  --color-background: #120e10;
+  --color-on-background: #ffffff;
+  --color-outline: #dcd5d9;
+  --color-outline-variant: #b2a7ae;
+  --color-control-outline: #b2a7ae;
+  --color-error: #ffeae6;
+  --color-on-error: #000000;
+  --color-error-container: #9b0d1a;
+  --color-on-error-container: #ffdcd6;
+  --color-success: #e3fee3;
+  --color-on-success: #000000;
+  --color-success-container: #002700;
+  --color-on-success-container: #ffffff;
+  --color-warning: #fff4d7;
+  --color-on-warning: #000000;
+  --color-warning-container: #311000;
+  --color-on-warning-container: #ffffff;
+  --color-info: #e0f9ff;
+  --color-on-info: #000000;
+  --color-info-container: #00194a;
+  --color-on-info-container: #ffffff;
+  --color-inverse-surface: #edeaec;
+  --color-inverse-on-surface: #393337;
+  --color-inverse-primary: #a5458a;
+}
+/* unisane:theme:end */

package/registry/styles/themes/purple.css

@@ -0,0 +1,342 @@
+/* unisane:theme:start */
+/* Generated theme: Purple. Replace this managed region with the CLI. */
+:root {
+  --color-primary: #685fbc;
+  --color-on-primary: #ffffff;
+  --color-primary-container: #e7e7ff;
+  --color-on-primary-container: #190d45;
+  --color-secondary: #72678f;
+  --color-on-secondary: #ffffff;
+  --color-secondary-container: #ece8f9;
+  --color-on-secondary-container: #1d162c;
+  --color-tertiary: #97567c;
+  --color-on-tertiary: #ffffff;
+  --color-tertiary-container: #fde3f0;
+  --color-on-tertiary-container: #2f0a22;
+  --color-surface: #ffffff;
+  --color-on-surface: #1a1a1e;
+  --color-surface-container-lowest: #ffffff;
+  --color-surface-container-low: #f7f7f9;
+  --color-surface-container: #f3f3f6;
+  --color-surface-container-high: #f0f0f2;
+  --color-surface-container-highest: #ebebee;
+  --color-surface-variant: #eaebef;
+  --color-on-surface-variant: #51515c;
+  --color-background: #ffffff;
+  --color-on-background: #1a1a1e;
+  --color-outline: #a9aab5;
+  --color-outline-variant: #c3c3cd;
+  --color-control-outline: #8e8e9a;
+  --color-error: #c13234;
+  --color-on-error: #ffffff;
+  --color-error-container: #ffdcd6;
+  --color-on-error-container: #450000;
+  --color-success: #008819;
+  --color-on-success: #ffffff;
+  --color-success-container: #d2f7d2;
+  --color-on-success-container: #002700;
+  --color-warning: #986300;
+  --color-on-warning: #ffffff;
+  --color-warning-container: #fde9c1;
+  --color-on-warning-container: #311000;
+  --color-info: #0073c4;
+  --color-on-info: #ffffff;
+  --color-info-container: #cdf0ff;
+  --color-on-info-container: #00194a;
+  --color-inverse-surface: #35353b;
+  --color-inverse-on-surface: #f5f5f7;
+  --color-inverse-primary: #d1d1ff;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root:not(.light) {
+    --color-primary: #d1d1ff;
+    --color-on-primary: #32276f;
+    --color-primary-container: #4d4398;
+    --color-on-primary-container: #e7e7ff;
+    --color-secondary: #d9d3ec;
+    --color-on-secondary: #382f4e;
+    --color-secondary-container: #564b70;
+    --color-on-secondary-container: #ece8f9;
+    --color-tertiary: #f3cae0;
+    --color-on-tertiary: #52213f;
+    --color-tertiary-container: #763c5e;
+    --color-on-tertiary-container: #fde3f0;
+    --color-surface: #0f0f13;
+    --color-on-surface: #ebebee;
+    --color-surface-container-lowest: #0f0f13;
+    --color-surface-container-low: #1a1a1e;
+    --color-surface-container: #2d2d33;
+    --color-surface-container-high: #3c3c43;
+    --color-surface-container-highest: #424248;
+    --color-surface-variant: #51515c;
+    --color-on-surface-variant: #d6d7de;
+    --color-background: #0f0f13;
+    --color-on-background: #ebebee;
+    --color-outline: #8e8e9a;
+    --color-outline-variant: #6d6d79;
+    --color-control-outline: #6d6d79;
+    --color-error: #ffbeb7;
+    --color-on-error: #700001;
+    --color-error-container: #9b0d1a;
+    --color-on-error-container: #ffdcd6;
+    --color-success: #afe9af;
+    --color-on-success: #004700;
+    --color-success-container: #006800;
+    --color-on-success-container: #d2f7d2;
+    --color-warning: #f2d494;
+    --color-on-warning: #542a00;
+    --color-warning-container: #784700;
+    --color-on-warning-container: #fde9c1;
+    --color-info: #a7deff;
+    --color-on-info: #003675;
+    --color-info-container: #00559f;
+    --color-on-info-container: #cdf0ff;
+    --color-inverse-surface: #ebebee;
+    --color-inverse-on-surface: #35353b;
+    --color-inverse-primary: #685fbc;
+  }
+}
+
+.dark {
+  --color-primary: #d1d1ff;
+  --color-on-primary: #32276f;
+  --color-primary-container: #4d4398;
+  --color-on-primary-container: #e7e7ff;
+  --color-secondary: #d9d3ec;
+  --color-on-secondary: #382f4e;
+  --color-secondary-container: #564b70;
+  --color-on-secondary-container: #ece8f9;
+  --color-tertiary: #f3cae0;
+  --color-on-tertiary: #52213f;
+  --color-tertiary-container: #763c5e;
+  --color-on-tertiary-container: #fde3f0;
+  --color-surface: #0f0f13;
+  --color-on-surface: #ebebee;
+  --color-surface-container-lowest: #0f0f13;
+  --color-surface-container-low: #1a1a1e;
+  --color-surface-container: #2d2d33;
+  --color-surface-container-high: #3c3c43;
+  --color-surface-container-highest: #424248;
+  --color-surface-variant: #51515c;
+  --color-on-surface-variant: #d6d7de;
+  --color-background: #0f0f13;
+  --color-on-background: #ebebee;
+  --color-outline: #8e8e9a;
+  --color-outline-variant: #6d6d79;
+  --color-control-outline: #6d6d79;
+  --color-error: #ffbeb7;
+  --color-on-error: #700001;
+  --color-error-container: #9b0d1a;
+  --color-on-error-container: #ffdcd6;
+  --color-success: #afe9af;
+  --color-on-success: #004700;
+  --color-success-container: #006800;
+  --color-on-success-container: #d2f7d2;
+  --color-warning: #f2d494;
+  --color-on-warning: #542a00;
+  --color-warning-container: #784700;
+  --color-on-warning-container: #fde9c1;
+  --color-info: #a7deff;
+  --color-on-info: #003675;
+  --color-info-container: #00559f;
+  --color-on-info-container: #cdf0ff;
+  --color-inverse-surface: #ebebee;
+  --color-inverse-on-surface: #35353b;
+  --color-inverse-primary: #685fbc;
+}
+
+[data-contrast="medium"] {
+  --color-primary: #4d4398;
+  --color-on-primary: #ffffff;
+  --color-primary-container: #f2f2ff;
+  --color-on-primary-container: #190d45;
+  --color-secondary: #564b70;
+  --color-on-secondary: #ffffff;
+  --color-secondary-container: #f6f3ff;
+  --color-on-secondary-container: #1d162c;
+  --color-tertiary: #763c5e;
+  --color-on-tertiary: #ffffff;
+  --color-tertiary-container: #ffeff9;
+  --color-on-tertiary-container: #2f0a22;
+  --color-surface: #ffffff;
+  --color-on-surface: #1a1a1e;
+  --color-surface-container-lowest: #ffffff;
+  --color-surface-container-low: #f7f7f9;
+  --color-surface-container: #f3f3f6;
+  --color-surface-container-high: #f0f0f2;
+  --color-surface-container-highest: #ebebee;
+  --color-surface-variant: #eff0f4;
+  --color-on-surface-variant: #41414b;
+  --color-background: #ffffff;
+  --color-on-background: #1a1a1e;
+  --color-outline: #51515c;
+  --color-outline-variant: #6d6d79;
+  --color-control-outline: #8e8e9a;
+  --color-error: #c13234;
+  --color-on-error: #ffffff;
+  --color-error-container: #ffdcd6;
+  --color-on-error-container: #450000;
+  --color-success: #006800;
+  --color-on-success: #ffffff;
+  --color-success-container: #e3fee3;
+  --color-on-success-container: #002700;
+  --color-warning: #784700;
+  --color-on-warning: #ffffff;
+  --color-warning-container: #fff4d7;
+  --color-on-warning-container: #311000;
+  --color-info: #00559f;
+  --color-on-info: #ffffff;
+  --color-info-container: #e0f9ff;
+  --color-on-info-container: #00194a;
+  --color-inverse-surface: #35353b;
+  --color-inverse-on-surface: #f5f5f7;
+  --color-inverse-primary: #d1d1ff;
+}
+
+.dark[data-contrast="medium"],
+[data-contrast="medium"].dark {
+  --color-primary: #d1d1ff;
+  --color-on-primary: #32276f;
+  --color-primary-container: #4d4398;
+  --color-on-primary-container: #f2f2ff;
+  --color-secondary: #d9d3ec;
+  --color-on-secondary: #382f4e;
+  --color-secondary-container: #564b70;
+  --color-on-secondary-container: #f6f3ff;
+  --color-tertiary: #f3cae0;
+  --color-on-tertiary: #52213f;
+  --color-tertiary-container: #763c5e;
+  --color-on-tertiary-container: #ffeff9;
+  --color-surface: #0f0f13;
+  --color-on-surface: #f5f5f7;
+  --color-surface-container-lowest: #0f0f13;
+  --color-surface-container-low: #1a1a1e;
+  --color-surface-container: #2d2d33;
+  --color-surface-container-high: #3c3c43;
+  --color-surface-container-highest: #424248;
+  --color-surface-variant: #41414b;
+  --color-on-surface-variant: #eaebef;
+  --color-background: #0f0f13;
+  --color-on-background: #ebebee;
+  --color-outline: #a9aab5;
+  --color-outline-variant: #8e8e9a;
+  --color-control-outline: #8e8e9a;
+  --color-error: #ffbeb7;
+  --color-on-error: #700001;
+  --color-error-container: #9b0d1a;
+  --color-on-error-container: #ffdcd6;
+  --color-success: #afe9af;
+  --color-on-success: #004700;
+  --color-success-container: #006800;
+  --color-on-success-container: #d2f7d2;
+  --color-warning: #f2d494;
+  --color-on-warning: #542a00;
+  --color-warning-container: #784700;
+  --color-on-warning-container: #fde9c1;
+  --color-info: #a7deff;
+  --color-on-info: #003675;
+  --color-info-container: #00559f;
+  --color-on-info-container: #cdf0ff;
+  --color-inverse-surface: #ebebee;
+  --color-inverse-on-surface: #35353b;
+  --color-inverse-primary: #685fbc;
+}
+
+[data-contrast="high"] {
+  --color-primary: #32276f;
+  --color-on-primary: #ffffff;
+  --color-primary-container: #f2f2ff;
+  --color-on-primary-container: #000000;
+  --color-secondary: #382f4e;
+  --color-on-secondary: #ffffff;
+  --color-secondary-container: #f6f3ff;
+  --color-on-secondary-container: #000000;
+  --color-tertiary: #52213f;
+  --color-on-tertiary: #ffffff;
+  --color-tertiary-container: #ffeff9;
+  --color-on-tertiary-container: #000000;
+  --color-surface: #ffffff;
+  --color-on-surface: #000000;
+  --color-surface-container-lowest: #ffffff;
+  --color-surface-container-low: #f7f7f9;
+  --color-surface-container: #f3f3f6;
+  --color-surface-container-high: #f0f0f2;
+  --color-surface-container-highest: #ebebee;
+  --color-surface-variant: #f5f5f8;
+  --color-on-surface-variant: #34343d;
+  --color-background: #ffffff;
+  --color-on-background: #000000;
+  --color-outline: #34343d;
+  --color-outline-variant: #6d6d79;
+  --color-control-outline: #6d6d79;
+  --color-error: #700001;
+  --color-on-error: #ffffff;
+  --color-error-container: #ffdcd6;
+  --color-on-error-container: #450000;
+  --color-success: #004700;
+  --color-on-success: #ffffff;
+  --color-success-container: #e3fee3;
+  --color-on-success-container: #000000;
+  --color-warning: #542a00;
+  --color-on-warning: #ffffff;
+  --color-warning-container: #fff4d7;
+  --color-on-warning-container: #000000;
+  --color-info: #003675;
+  --color-on-info: #ffffff;
+  --color-info-container: #e0f9ff;
+  --color-on-info-container: #000000;
+  --color-inverse-surface: #35353b;
+  --color-inverse-on-surface: #f5f5f7;
+  --color-inverse-primary: #d1d1ff;
+}
+
+.dark[data-contrast="high"],
+[data-contrast="high"].dark {
+  --color-primary: #f2f2ff;
+  --color-on-primary: #000000;
+  --color-primary-container: #190d45;
+  --color-on-primary-container: #ffffff;
+  --color-secondary: #f6f3ff;
+  --color-on-secondary: #000000;
+  --color-secondary-container: #1d162c;
+  --color-on-secondary-container: #ffffff;
+  --color-tertiary: #ffeff9;
+  --color-on-tertiary: #000000;
+  --color-tertiary-container: #2f0a22;
+  --color-on-tertiary-container: #ffffff;
+  --color-surface: #0f0f13;
+  --color-on-surface: #ffffff;
+  --color-surface-container-lowest: #0f0f13;
+  --color-surface-container-low: #1a1a1e;
+  --color-surface-container: #2d2d33;
+  --color-surface-container-high: #3c3c43;
+  --color-surface-container-highest: #424248;
+  --color-surface-variant: #34343d;
+  --color-on-surface-variant: #f5f5f8;
+  --color-background: #0f0f13;
+  --color-on-background: #ffffff;
+  --color-outline: #d6d7de;
+  --color-outline-variant: #a9aab5;
+  --color-control-outline: #a9aab5;
+  --color-error: #ffeae6;
+  --color-on-error: #000000;
+  --color-error-container: #9b0d1a;
+  --color-on-error-container: #ffdcd6;
+  --color-success: #e3fee3;
+  --color-on-success: #000000;
+  --color-success-container: #002700;
+  --color-on-success-container: #ffffff;
+  --color-warning: #fff4d7;
+  --color-on-warning: #000000;
+  --color-warning-container: #311000;
+  --color-on-warning-container: #ffffff;
+  --color-info: #e0f9ff;
+  --color-on-info: #000000;
+  --color-info-container: #00194a;
+  --color-on-info-container: #ffffff;
+  --color-inverse-surface: #ebebee;
+  --color-inverse-on-surface: #35353b;
+  --color-inverse-primary: #685fbc;
+}
+/* unisane:theme:end */