@unisane/ui 0.1.0-next.b67ebfd0

package/registry/styles/themes/neutral.css

@@ -0,0 +1,342 @@
+/* unisane:theme:start */
+/* Generated theme: Neutral. Replace this managed region with the CLI. */
+:root {
+  --color-primary: #48758b;
+  --color-on-primary: #ffffff;
+  --color-primary-container: #deeef7;
+  --color-on-primary-container: #011e2a;
+  --color-secondary: #61717d;
+  --color-on-secondary: #ffffff;
+  --color-secondary-container: #e6ecf1;
+  --color-on-secondary-container: #131c23;
+  --color-tertiary: #6e6b86;
+  --color-on-tertiary: #ffffff;
+  --color-tertiary-container: #ebeaf5;
+  --color-on-tertiary-container: #1a1827;
+  --color-surface: #ffffff;
+  --color-on-surface: #181b1d;
+  --color-surface-container-lowest: #ffffff;
+  --color-surface-container-low: #f7f8f9;
+  --color-surface-container: #f2f4f5;
+  --color-surface-container-high: #eef0f1;
+  --color-surface-container-highest: #e9ebed;
+  --color-surface-variant: #e8eced;
+  --color-on-surface-variant: #4c5458;
+  --color-background: #ffffff;
+  --color-on-background: #181b1d;
+  --color-outline: #a4acb0;
+  --color-outline-variant: #bec5c9;
+  --color-control-outline: #889195;
+  --color-error: #b04945;
+  --color-on-error: #ffffff;
+  --color-error-container: #ffe0db;
+  --color-on-error-container: #3c0002;
+  --color-success: #318238;
+  --color-on-success: #ffffff;
+  --color-success-container: #d8f4d8;
+  --color-on-success-container: #002400;
+  --color-warning: #8e6800;
+  --color-on-warning: #ffffff;
+  --color-warning-container: #f8eacc;
+  --color-on-warning-container: #2c1500;
+  --color-info: #2274af;
+  --color-on-info: #ffffff;
+  --color-info-container: #d5efff;
+  --color-on-info-container: #001b3e;
+  --color-inverse-surface: #323638;
+  --color-inverse-on-surface: #f4f5f6;
+  --color-inverse-primary: #c2dce9;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root:not(.light) {
+    --color-primary: #c2dce9;
+    --color-on-primary: #153a4b;
+    --color-primary-container: #2e586c;
+    --color-on-primary-container: #deeef7;
+    --color-secondary: #cfd9e1;
+    --color-on-secondary: #2b3740;
+    --color-secondary-container: #465560;
+    --color-on-secondary-container: #e6ecf1;
+    --color-tertiary: #d7d5e6;
+    --color-on-tertiary: #353247;
+    --color-tertiary-container: #524f67;
+    --color-on-tertiary-container: #ebeaf5;
+    --color-surface: #0d1011;
+    --color-on-surface: #e9ebed;
+    --color-surface-container-lowest: #0d1011;
+    --color-surface-container-low: #181b1d;
+    --color-surface-container: #2b2e30;
+    --color-surface-container-high: #3a3e40;
+    --color-surface-container-highest: #3f4345;
+    --color-surface-variant: #4c5458;
+    --color-on-surface-variant: #d3d8db;
+    --color-background: #0d1011;
+    --color-on-background: #e9ebed;
+    --color-outline: #889195;
+    --color-outline-variant: #687074;
+    --color-control-outline: #687074;
+    --color-error: #ffc5bf;
+    --color-on-error: #641214;
+    --color-error-container: #8c2e2c;
+    --color-on-error-container: #ffe0db;
+    --color-success: #bae5ba;
+    --color-on-success: #004303;
+    --color-success-container: #12641e;
+    --color-on-success-container: #d8f4d8;
+    --color-warning: #ecd5a6;
+    --color-on-warning: #4d2f00;
+    --color-warning-container: #6f4b00;
+    --color-on-warning-container: #f8eacc;
+    --color-info: #b4ddff;
+    --color-on-info: #003865;
+    --color-info-container: #00578c;
+    --color-on-info-container: #d5efff;
+    --color-inverse-surface: #e9ebed;
+    --color-inverse-on-surface: #323638;
+    --color-inverse-primary: #48758b;
+  }
+}
+
+.dark {
+  --color-primary: #c2dce9;
+  --color-on-primary: #153a4b;
+  --color-primary-container: #2e586c;
+  --color-on-primary-container: #deeef7;
+  --color-secondary: #cfd9e1;
+  --color-on-secondary: #2b3740;
+  --color-secondary-container: #465560;
+  --color-on-secondary-container: #e6ecf1;
+  --color-tertiary: #d7d5e6;
+  --color-on-tertiary: #353247;
+  --color-tertiary-container: #524f67;
+  --color-on-tertiary-container: #ebeaf5;
+  --color-surface: #0d1011;
+  --color-on-surface: #e9ebed;
+  --color-surface-container-lowest: #0d1011;
+  --color-surface-container-low: #181b1d;
+  --color-surface-container: #2b2e30;
+  --color-surface-container-high: #3a3e40;
+  --color-surface-container-highest: #3f4345;
+  --color-surface-variant: #4c5458;
+  --color-on-surface-variant: #d3d8db;
+  --color-background: #0d1011;
+  --color-on-background: #e9ebed;
+  --color-outline: #889195;
+  --color-outline-variant: #687074;
+  --color-control-outline: #687074;
+  --color-error: #ffc5bf;
+  --color-on-error: #641214;
+  --color-error-container: #8c2e2c;
+  --color-on-error-container: #ffe0db;
+  --color-success: #bae5ba;
+  --color-on-success: #004303;
+  --color-success-container: #12641e;
+  --color-on-success-container: #d8f4d8;
+  --color-warning: #ecd5a6;
+  --color-on-warning: #4d2f00;
+  --color-warning-container: #6f4b00;
+  --color-on-warning-container: #f8eacc;
+  --color-info: #b4ddff;
+  --color-on-info: #003865;
+  --color-info-container: #00578c;
+  --color-on-info-container: #d5efff;
+  --color-inverse-surface: #e9ebed;
+  --color-inverse-on-surface: #323638;
+  --color-inverse-primary: #48758b;
+}
+
+[data-contrast="medium"] {
+  --color-primary: #2e586c;
+  --color-on-primary: #ffffff;
+  --color-primary-container: #ebf7fd;
+  --color-on-primary-container: #011e2a;
+  --color-secondary: #465560;
+  --color-on-secondary: #ffffff;
+  --color-secondary-container: #f1f6f9;
+  --color-on-secondary-container: #131c23;
+  --color-tertiary: #524f67;
+  --color-on-tertiary: #ffffff;
+  --color-tertiary-container: #f5f4fc;
+  --color-on-tertiary-container: #1a1827;
+  --color-surface: #ffffff;
+  --color-on-surface: #181b1d;
+  --color-surface-container-lowest: #ffffff;
+  --color-surface-container-low: #f7f8f9;
+  --color-surface-container: #f2f4f5;
+  --color-surface-container-high: #eef0f1;
+  --color-surface-container-highest: #e9ebed;
+  --color-surface-variant: #eef1f2;
+  --color-on-surface-variant: #3d4447;
+  --color-background: #ffffff;
+  --color-on-background: #181b1d;
+  --color-outline: #4c5458;
+  --color-outline-variant: #687074;
+  --color-control-outline: #889195;
+  --color-error: #b04945;
+  --color-on-error: #ffffff;
+  --color-error-container: #ffe0db;
+  --color-on-error-container: #3c0002;
+  --color-success: #12641e;
+  --color-on-success: #ffffff;
+  --color-success-container: #e8fce8;
+  --color-on-success-container: #002400;
+  --color-warning: #6f4b00;
+  --color-on-warning: #ffffff;
+  --color-warning-container: #fef4df;
+  --color-on-warning-container: #2c1500;
+  --color-info: #00578c;
+  --color-on-info: #ffffff;
+  --color-info-container: #e5f8ff;
+  --color-on-info-container: #001b3e;
+  --color-inverse-surface: #323638;
+  --color-inverse-on-surface: #f4f5f6;
+  --color-inverse-primary: #c2dce9;
+}
+
+.dark[data-contrast="medium"],
+[data-contrast="medium"].dark {
+  --color-primary: #c2dce9;
+  --color-on-primary: #153a4b;
+  --color-primary-container: #2e586c;
+  --color-on-primary-container: #ebf7fd;
+  --color-secondary: #cfd9e1;
+  --color-on-secondary: #2b3740;
+  --color-secondary-container: #465560;
+  --color-on-secondary-container: #f1f6f9;
+  --color-tertiary: #d7d5e6;
+  --color-on-tertiary: #353247;
+  --color-tertiary-container: #524f67;
+  --color-on-tertiary-container: #f5f4fc;
+  --color-surface: #0d1011;
+  --color-on-surface: #f4f5f6;
+  --color-surface-container-lowest: #0d1011;
+  --color-surface-container-low: #181b1d;
+  --color-surface-container: #2b2e30;
+  --color-surface-container-high: #3a3e40;
+  --color-surface-container-highest: #3f4345;
+  --color-surface-variant: #3d4447;
+  --color-on-surface-variant: #e8eced;
+  --color-background: #0d1011;
+  --color-on-background: #e9ebed;
+  --color-outline: #a4acb0;
+  --color-outline-variant: #889195;
+  --color-control-outline: #889195;
+  --color-error: #ffc5bf;
+  --color-on-error: #641214;
+  --color-error-container: #8c2e2c;
+  --color-on-error-container: #ffe0db;
+  --color-success: #bae5ba;
+  --color-on-success: #004303;
+  --color-success-container: #12641e;
+  --color-on-success-container: #d8f4d8;
+  --color-warning: #ecd5a6;
+  --color-on-warning: #4d2f00;
+  --color-warning-container: #6f4b00;
+  --color-on-warning-container: #f8eacc;
+  --color-info: #b4ddff;
+  --color-on-info: #003865;
+  --color-info-container: #00578c;
+  --color-on-info-container: #d5efff;
+  --color-inverse-surface: #e9ebed;
+  --color-inverse-on-surface: #323638;
+  --color-inverse-primary: #48758b;
+}
+
+[data-contrast="high"] {
+  --color-primary: #153a4b;
+  --color-on-primary: #ffffff;
+  --color-primary-container: #ebf7fd;
+  --color-on-primary-container: #000000;
+  --color-secondary: #2b3740;
+  --color-on-secondary: #ffffff;
+  --color-secondary-container: #f1f6f9;
+  --color-on-secondary-container: #000000;
+  --color-tertiary: #353247;
+  --color-on-tertiary: #ffffff;
+  --color-tertiary-container: #f5f4fc;
+  --color-on-tertiary-container: #000000;
+  --color-surface: #ffffff;
+  --color-on-surface: #000000;
+  --color-surface-container-lowest: #ffffff;
+  --color-surface-container-low: #f7f8f9;
+  --color-surface-container: #f2f4f5;
+  --color-surface-container-high: #eef0f1;
+  --color-surface-container-highest: #e9ebed;
+  --color-surface-variant: #f3f5f7;
+  --color-on-surface-variant: #30363a;
+  --color-background: #ffffff;
+  --color-on-background: #000000;
+  --color-outline: #30363a;
+  --color-outline-variant: #687074;
+  --color-control-outline: #687074;
+  --color-error: #641214;
+  --color-on-error: #ffffff;
+  --color-error-container: #ffe0db;
+  --color-on-error-container: #3c0002;
+  --color-success: #004303;
+  --color-on-success: #ffffff;
+  --color-success-container: #e8fce8;
+  --color-on-success-container: #000000;
+  --color-warning: #4d2f00;
+  --color-on-warning: #ffffff;
+  --color-warning-container: #fef4df;
+  --color-on-warning-container: #000000;
+  --color-info: #003865;
+  --color-on-info: #ffffff;
+  --color-info-container: #e5f8ff;
+  --color-on-info-container: #000000;
+  --color-inverse-surface: #323638;
+  --color-inverse-on-surface: #f4f5f6;
+  --color-inverse-primary: #c2dce9;
+}
+
+.dark[data-contrast="high"],
+[data-contrast="high"].dark {
+  --color-primary: #ebf7fd;
+  --color-on-primary: #000000;
+  --color-primary-container: #011e2a;
+  --color-on-primary-container: #ffffff;
+  --color-secondary: #f1f6f9;
+  --color-on-secondary: #000000;
+  --color-secondary-container: #131c23;
+  --color-on-secondary-container: #ffffff;
+  --color-tertiary: #f5f4fc;
+  --color-on-tertiary: #000000;
+  --color-tertiary-container: #1a1827;
+  --color-on-tertiary-container: #ffffff;
+  --color-surface: #0d1011;
+  --color-on-surface: #ffffff;
+  --color-surface-container-lowest: #0d1011;
+  --color-surface-container-low: #181b1d;
+  --color-surface-container: #2b2e30;
+  --color-surface-container-high: #3a3e40;
+  --color-surface-container-highest: #3f4345;
+  --color-surface-variant: #30363a;
+  --color-on-surface-variant: #f3f5f7;
+  --color-background: #0d1011;
+  --color-on-background: #ffffff;
+  --color-outline: #d3d8db;
+  --color-outline-variant: #a4acb0;
+  --color-control-outline: #a4acb0;
+  --color-error: #ffedea;
+  --color-on-error: #000000;
+  --color-error-container: #8c2e2c;
+  --color-on-error-container: #ffe0db;
+  --color-success: #e8fce8;
+  --color-on-success: #000000;
+  --color-success-container: #002400;
+  --color-on-success-container: #ffffff;
+  --color-warning: #fef4df;
+  --color-on-warning: #000000;
+  --color-warning-container: #2c1500;
+  --color-on-warning-container: #ffffff;
+  --color-info: #e5f8ff;
+  --color-on-info: #000000;
+  --color-info-container: #001b3e;
+  --color-on-info-container: #ffffff;
+  --color-inverse-surface: #e9ebed;
+  --color-inverse-on-surface: #323638;
+  --color-inverse-primary: #48758b;
+}
+/* unisane:theme:end */

package/registry/styles/themes/orange.css

@@ -0,0 +1,342 @@
+/* unisane:theme:start */
+/* Generated theme: Orange. Replace this managed region with the CLI. */
+:root {
+  --color-primary: #b64700;
+  --color-on-primary: #ffffff;
+  --color-primary-container: #ffe0cd;
+  --color-on-primary-container: #3f0000;
+  --color-secondary: #8f6444;
+  --color-on-secondary: #ffffff;
+  --color-secondary-container: #f9e7db;
+  --color-on-secondary-container: #2c1301;
+  --color-tertiary: #797208;
+  --color-on-tertiary: #ffffff;
+  --color-tertiary-container: #efedcf;
+  --color-on-tertiary-container: #211b00;
+  --color-surface: #ffffff;
+  --color-on-surface: #1e1917;
+  --color-surface-container-lowest: #ffffff;
+  --color-surface-container-low: #f9f7f6;
+  --color-surface-container: #f5f3f2;
+  --color-surface-container-high: #f2efee;
+  --color-surface-container-highest: #eeeae9;
+  --color-surface-variant: #efeae8;
+  --color-on-surface-variant: #5b504b;
+  --color-background: #ffffff;
+  --color-on-background: #1e1917;
+  --color-outline: #b4a8a3;
+  --color-outline-variant: #ccc2bd;
+  --color-control-outline: #998c86;
+  --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: #3a3431;
+  --color-inverse-on-surface: #f7f4f3;
+  --color-inverse-primary: #ffc6a8;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root:not(.light) {
+    --color-primary: #ffc6a8;
+    --color-on-primary: #680b00;
+    --color-primary-container: #912a00;
+    --color-on-primary-container: #ffe0cd;
+    --color-secondary: #edd2bf;
+    --color-on-secondary: #4d2c13;
+    --color-secondary-container: #6f482b;
+    --color-on-secondary-container: #f9e7db;
+    --color-tertiary: #dddaac;
+    --color-on-tertiary: #3d3700;
+    --color-tertiary-container: #5c5500;
+    --color-on-tertiary-container: #efedcf;
+    --color-surface: #120e0d;
+    --color-on-surface: #eeeae9;
+    --color-surface-container-lowest: #120e0d;
+    --color-surface-container-low: #1e1917;
+    --color-surface-container: #322c2a;
+    --color-surface-container-high: #423b39;
+    --color-surface-container-highest: #47413e;
+    --color-surface-variant: #5b504b;
+    --color-on-surface-variant: #ddd6d2;
+    --color-background: #120e0d;
+    --color-on-background: #eeeae9;
+    --color-outline: #998c86;
+    --color-outline-variant: #786c66;
+    --color-control-outline: #786c66;
+    --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: #eeeae9;
+    --color-inverse-on-surface: #3a3431;
+    --color-inverse-primary: #b64700;
+  }
+}
+
+.dark {
+  --color-primary: #ffc6a8;
+  --color-on-primary: #680b00;
+  --color-primary-container: #912a00;
+  --color-on-primary-container: #ffe0cd;
+  --color-secondary: #edd2bf;
+  --color-on-secondary: #4d2c13;
+  --color-secondary-container: #6f482b;
+  --color-on-secondary-container: #f9e7db;
+  --color-tertiary: #dddaac;
+  --color-on-tertiary: #3d3700;
+  --color-tertiary-container: #5c5500;
+  --color-on-tertiary-container: #efedcf;
+  --color-surface: #120e0d;
+  --color-on-surface: #eeeae9;
+  --color-surface-container-lowest: #120e0d;
+  --color-surface-container-low: #1e1917;
+  --color-surface-container: #322c2a;
+  --color-surface-container-high: #423b39;
+  --color-surface-container-highest: #47413e;
+  --color-surface-variant: #5b504b;
+  --color-on-surface-variant: #ddd6d2;
+  --color-background: #120e0d;
+  --color-on-background: #eeeae9;
+  --color-outline: #998c86;
+  --color-outline-variant: #786c66;
+  --color-control-outline: #786c66;
+  --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: #eeeae9;
+  --color-inverse-on-surface: #3a3431;
+  --color-inverse-primary: #b64700;
+}
+
+[data-contrast="medium"] {
+  --color-primary: #912a00;
+  --color-on-primary: #ffffff;
+  --color-primary-container: #ffeddf;
+  --color-on-primary-container: #3f0000;
+  --color-secondary: #6f482b;
+  --color-on-secondary: #ffffff;
+  --color-secondary-container: #fff2ea;
+  --color-on-secondary-container: #2c1301;
+  --color-tertiary: #5c5500;
+  --color-on-tertiary: #ffffff;
+  --color-tertiary-container: #f7f7e1;
+  --color-on-tertiary-container: #211b00;
+  --color-surface: #ffffff;
+  --color-on-surface: #1e1917;
+  --color-surface-container-lowest: #ffffff;
+  --color-surface-container-low: #f9f7f6;
+  --color-surface-container: #f5f3f2;
+  --color-surface-container-high: #f2efee;
+  --color-surface-container-highest: #eeeae9;
+  --color-surface-variant: #f3efed;
+  --color-on-surface-variant: #4a403b;
+  --color-background: #ffffff;
+  --color-on-background: #1e1917;
+  --color-outline: #5b504b;
+  --color-outline-variant: #786c66;
+  --color-control-outline: #998c86;
+  --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: #3a3431;
+  --color-inverse-on-surface: #f7f4f3;
+  --color-inverse-primary: #ffc6a8;
+}
+
+.dark[data-contrast="medium"],
+[data-contrast="medium"].dark {
+  --color-primary: #ffc6a8;
+  --color-on-primary: #680b00;
+  --color-primary-container: #912a00;
+  --color-on-primary-container: #ffeddf;
+  --color-secondary: #edd2bf;
+  --color-on-secondary: #4d2c13;
+  --color-secondary-container: #6f482b;
+  --color-on-secondary-container: #fff2ea;
+  --color-tertiary: #dddaac;
+  --color-on-tertiary: #3d3700;
+  --color-tertiary-container: #5c5500;
+  --color-on-tertiary-container: #f7f7e1;
+  --color-surface: #120e0d;
+  --color-on-surface: #f7f4f3;
+  --color-surface-container-lowest: #120e0d;
+  --color-surface-container-low: #1e1917;
+  --color-surface-container: #322c2a;
+  --color-surface-container-high: #423b39;
+  --color-surface-container-highest: #47413e;
+  --color-surface-variant: #4a403b;
+  --color-on-surface-variant: #efeae8;
+  --color-background: #120e0d;
+  --color-on-background: #eeeae9;
+  --color-outline: #b4a8a3;
+  --color-outline-variant: #998c86;
+  --color-control-outline: #998c86;
+  --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: #eeeae9;
+  --color-inverse-on-surface: #3a3431;
+  --color-inverse-primary: #b64700;
+}
+
+[data-contrast="high"] {
+  --color-primary: #680b00;
+  --color-on-primary: #ffffff;
+  --color-primary-container: #ffeddf;
+  --color-on-primary-container: #000000;
+  --color-secondary: #4d2c13;
+  --color-on-secondary: #ffffff;
+  --color-secondary-container: #fff2ea;
+  --color-on-secondary-container: #000000;
+  --color-tertiary: #3d3700;
+  --color-on-tertiary: #ffffff;
+  --color-tertiary-container: #f7f7e1;
+  --color-on-tertiary-container: #000000;
+  --color-surface: #ffffff;
+  --color-on-surface: #000000;
+  --color-surface-container-lowest: #ffffff;
+  --color-surface-container-low: #f9f7f6;
+  --color-surface-container: #f5f3f2;
+  --color-surface-container-high: #f2efee;
+  --color-surface-container-highest: #eeeae9;
+  --color-surface-variant: #f8f4f3;
+  --color-on-surface-variant: #3c332f;
+  --color-background: #ffffff;
+  --color-on-background: #000000;
+  --color-outline: #3c332f;
+  --color-outline-variant: #786c66;
+  --color-control-outline: #786c66;
+  --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: #3a3431;
+  --color-inverse-on-surface: #f7f4f3;
+  --color-inverse-primary: #ffc6a8;
+}
+
+.dark[data-contrast="high"],
+[data-contrast="high"].dark {
+  --color-primary: #ffeddf;
+  --color-on-primary: #000000;
+  --color-primary-container: #3f0000;
+  --color-on-primary-container: #ffffff;
+  --color-secondary: #fff2ea;
+  --color-on-secondary: #000000;
+  --color-secondary-container: #2c1301;
+  --color-on-secondary-container: #ffffff;
+  --color-tertiary: #f7f7e1;
+  --color-on-tertiary: #000000;
+  --color-tertiary-container: #211b00;
+  --color-on-tertiary-container: #ffffff;
+  --color-surface: #120e0d;
+  --color-on-surface: #ffffff;
+  --color-surface-container-lowest: #120e0d;
+  --color-surface-container-low: #1e1917;
+  --color-surface-container: #322c2a;
+  --color-surface-container-high: #423b39;
+  --color-surface-container-highest: #47413e;
+  --color-surface-variant: #3c332f;
+  --color-on-surface-variant: #f8f4f3;
+  --color-background: #120e0d;
+  --color-on-background: #ffffff;
+  --color-outline: #ddd6d2;
+  --color-outline-variant: #b4a8a3;
+  --color-control-outline: #b4a8a3;
+  --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: #eeeae9;
+  --color-inverse-on-surface: #3a3431;
+  --color-inverse-primary: #b64700;
+}
+/* unisane:theme:end */