@unisane/ui 0.1.0-next.b67ebfd0

package/registry/styles/themes/black.css

@@ -0,0 +1,342 @@
+/* unisane:theme:start */
+/* Generated theme: Black. Replace this managed region with the CLI. */
+:root {
+  --color-primary: #6f6f6f;
+  --color-on-primary: #ffffff;
+  --color-primary-container: #ebebeb;
+  --color-on-primary-container: #1b1b1b;
+  --color-secondary: #6f6f6f;
+  --color-on-secondary: #ffffff;
+  --color-secondary-container: #ebebeb;
+  --color-on-secondary-container: #1b1b1b;
+  --color-tertiary: #6f6f6f;
+  --color-on-tertiary: #ffffff;
+  --color-tertiary-container: #ebebeb;
+  --color-on-tertiary-container: #1b1b1b;
+  --color-surface: #ffffff;
+  --color-on-surface: #1b1b1b;
+  --color-surface-container-lowest: #ffffff;
+  --color-surface-container-low: #f8f8f8;
+  --color-surface-container: #f3f3f3;
+  --color-surface-container-high: #f0f0f0;
+  --color-surface-container-highest: #ebebeb;
+  --color-surface-variant: #ebebeb;
+  --color-on-surface-variant: #525252;
+  --color-background: #ffffff;
+  --color-on-background: #1b1b1b;
+  --color-outline: #ababab;
+  --color-outline-variant: #c4c4c4;
+  --color-control-outline: #8f8f8f;
+  --color-error: #6f6f6f;
+  --color-on-error: #ffffff;
+  --color-error-container: #ebebeb;
+  --color-on-error-container: #1b1b1b;
+  --color-success: #6f6f6f;
+  --color-on-success: #ffffff;
+  --color-success-container: #ebebeb;
+  --color-on-success-container: #1b1b1b;
+  --color-warning: #6f6f6f;
+  --color-on-warning: #ffffff;
+  --color-warning-container: #ebebeb;
+  --color-on-warning-container: #1b1b1b;
+  --color-info: #6f6f6f;
+  --color-on-info: #ffffff;
+  --color-info-container: #ebebeb;
+  --color-on-info-container: #1b1b1b;
+  --color-inverse-surface: #353535;
+  --color-inverse-on-surface: #f5f5f5;
+  --color-inverse-primary: #d7d7d7;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root:not(.light) {
+    --color-primary: #d7d7d7;
+    --color-on-primary: #353535;
+    --color-primary-container: #525252;
+    --color-on-primary-container: #ebebeb;
+    --color-secondary: #d7d7d7;
+    --color-on-secondary: #353535;
+    --color-secondary-container: #525252;
+    --color-on-secondary-container: #ebebeb;
+    --color-tertiary: #d7d7d7;
+    --color-on-tertiary: #353535;
+    --color-tertiary-container: #525252;
+    --color-on-tertiary-container: #ebebeb;
+    --color-surface: #0f0f0f;
+    --color-on-surface: #ebebeb;
+    --color-surface-container-lowest: #0f0f0f;
+    --color-surface-container-low: #1b1b1b;
+    --color-surface-container: #2e2e2e;
+    --color-surface-container-high: #3d3d3d;
+    --color-surface-container-highest: #424242;
+    --color-surface-variant: #525252;
+    --color-on-surface-variant: #d7d7d7;
+    --color-background: #0f0f0f;
+    --color-on-background: #ebebeb;
+    --color-outline: #8f8f8f;
+    --color-outline-variant: #6f6f6f;
+    --color-control-outline: #6f6f6f;
+    --color-error: #d7d7d7;
+    --color-on-error: #353535;
+    --color-error-container: #525252;
+    --color-on-error-container: #ebebeb;
+    --color-success: #d7d7d7;
+    --color-on-success: #353535;
+    --color-success-container: #525252;
+    --color-on-success-container: #ebebeb;
+    --color-warning: #d7d7d7;
+    --color-on-warning: #353535;
+    --color-warning-container: #525252;
+    --color-on-warning-container: #ebebeb;
+    --color-info: #d7d7d7;
+    --color-on-info: #353535;
+    --color-info-container: #525252;
+    --color-on-info-container: #ebebeb;
+    --color-inverse-surface: #ebebeb;
+    --color-inverse-on-surface: #353535;
+    --color-inverse-primary: #6f6f6f;
+  }
+}
+
+.dark {
+  --color-primary: #d7d7d7;
+  --color-on-primary: #353535;
+  --color-primary-container: #525252;
+  --color-on-primary-container: #ebebeb;
+  --color-secondary: #d7d7d7;
+  --color-on-secondary: #353535;
+  --color-secondary-container: #525252;
+  --color-on-secondary-container: #ebebeb;
+  --color-tertiary: #d7d7d7;
+  --color-on-tertiary: #353535;
+  --color-tertiary-container: #525252;
+  --color-on-tertiary-container: #ebebeb;
+  --color-surface: #0f0f0f;
+  --color-on-surface: #ebebeb;
+  --color-surface-container-lowest: #0f0f0f;
+  --color-surface-container-low: #1b1b1b;
+  --color-surface-container: #2e2e2e;
+  --color-surface-container-high: #3d3d3d;
+  --color-surface-container-highest: #424242;
+  --color-surface-variant: #525252;
+  --color-on-surface-variant: #d7d7d7;
+  --color-background: #0f0f0f;
+  --color-on-background: #ebebeb;
+  --color-outline: #8f8f8f;
+  --color-outline-variant: #6f6f6f;
+  --color-control-outline: #6f6f6f;
+  --color-error: #d7d7d7;
+  --color-on-error: #353535;
+  --color-error-container: #525252;
+  --color-on-error-container: #ebebeb;
+  --color-success: #d7d7d7;
+  --color-on-success: #353535;
+  --color-success-container: #525252;
+  --color-on-success-container: #ebebeb;
+  --color-warning: #d7d7d7;
+  --color-on-warning: #353535;
+  --color-warning-container: #525252;
+  --color-on-warning-container: #ebebeb;
+  --color-info: #d7d7d7;
+  --color-on-info: #353535;
+  --color-info-container: #525252;
+  --color-on-info-container: #ebebeb;
+  --color-inverse-surface: #ebebeb;
+  --color-inverse-on-surface: #353535;
+  --color-inverse-primary: #6f6f6f;
+}
+
+[data-contrast="medium"] {
+  --color-primary: #525252;
+  --color-on-primary: #ffffff;
+  --color-primary-container: #f5f5f5;
+  --color-on-primary-container: #1b1b1b;
+  --color-secondary: #525252;
+  --color-on-secondary: #ffffff;
+  --color-secondary-container: #f5f5f5;
+  --color-on-secondary-container: #1b1b1b;
+  --color-tertiary: #525252;
+  --color-on-tertiary: #ffffff;
+  --color-tertiary-container: #f5f5f5;
+  --color-on-tertiary-container: #1b1b1b;
+  --color-surface: #ffffff;
+  --color-on-surface: #1b1b1b;
+  --color-surface-container-lowest: #ffffff;
+  --color-surface-container-low: #f8f8f8;
+  --color-surface-container: #f3f3f3;
+  --color-surface-container-high: #f0f0f0;
+  --color-surface-container-highest: #ebebeb;
+  --color-surface-variant: #f0f0f0;
+  --color-on-surface-variant: #424242;
+  --color-background: #ffffff;
+  --color-on-background: #1b1b1b;
+  --color-outline: #525252;
+  --color-outline-variant: #6f6f6f;
+  --color-control-outline: #8f8f8f;
+  --color-error: #6f6f6f;
+  --color-on-error: #ffffff;
+  --color-error-container: #ebebeb;
+  --color-on-error-container: #1b1b1b;
+  --color-success: #525252;
+  --color-on-success: #ffffff;
+  --color-success-container: #f5f5f5;
+  --color-on-success-container: #1b1b1b;
+  --color-warning: #525252;
+  --color-on-warning: #ffffff;
+  --color-warning-container: #f5f5f5;
+  --color-on-warning-container: #1b1b1b;
+  --color-info: #525252;
+  --color-on-info: #ffffff;
+  --color-info-container: #f5f5f5;
+  --color-on-info-container: #1b1b1b;
+  --color-inverse-surface: #353535;
+  --color-inverse-on-surface: #f5f5f5;
+  --color-inverse-primary: #d7d7d7;
+}
+
+.dark[data-contrast="medium"],
+[data-contrast="medium"].dark {
+  --color-primary: #d7d7d7;
+  --color-on-primary: #353535;
+  --color-primary-container: #525252;
+  --color-on-primary-container: #f5f5f5;
+  --color-secondary: #d7d7d7;
+  --color-on-secondary: #353535;
+  --color-secondary-container: #525252;
+  --color-on-secondary-container: #f5f5f5;
+  --color-tertiary: #d7d7d7;
+  --color-on-tertiary: #353535;
+  --color-tertiary-container: #525252;
+  --color-on-tertiary-container: #f5f5f5;
+  --color-surface: #0f0f0f;
+  --color-on-surface: #f5f5f5;
+  --color-surface-container-lowest: #0f0f0f;
+  --color-surface-container-low: #1b1b1b;
+  --color-surface-container: #2e2e2e;
+  --color-surface-container-high: #3d3d3d;
+  --color-surface-container-highest: #424242;
+  --color-surface-variant: #424242;
+  --color-on-surface-variant: #ebebeb;
+  --color-background: #0f0f0f;
+  --color-on-background: #ebebeb;
+  --color-outline: #ababab;
+  --color-outline-variant: #8f8f8f;
+  --color-control-outline: #8f8f8f;
+  --color-error: #d7d7d7;
+  --color-on-error: #353535;
+  --color-error-container: #525252;
+  --color-on-error-container: #ebebeb;
+  --color-success: #d7d7d7;
+  --color-on-success: #353535;
+  --color-success-container: #525252;
+  --color-on-success-container: #ebebeb;
+  --color-warning: #d7d7d7;
+  --color-on-warning: #353535;
+  --color-warning-container: #525252;
+  --color-on-warning-container: #ebebeb;
+  --color-info: #d7d7d7;
+  --color-on-info: #353535;
+  --color-info-container: #525252;
+  --color-on-info-container: #ebebeb;
+  --color-inverse-surface: #ebebeb;
+  --color-inverse-on-surface: #353535;
+  --color-inverse-primary: #6f6f6f;
+}
+
+[data-contrast="high"] {
+  --color-primary: #353535;
+  --color-on-primary: #ffffff;
+  --color-primary-container: #f5f5f5;
+  --color-on-primary-container: #000000;
+  --color-secondary: #353535;
+  --color-on-secondary: #ffffff;
+  --color-secondary-container: #f5f5f5;
+  --color-on-secondary-container: #000000;
+  --color-tertiary: #353535;
+  --color-on-tertiary: #ffffff;
+  --color-tertiary-container: #f5f5f5;
+  --color-on-tertiary-container: #000000;
+  --color-surface: #ffffff;
+  --color-on-surface: #000000;
+  --color-surface-container-lowest: #ffffff;
+  --color-surface-container-low: #f8f8f8;
+  --color-surface-container: #f3f3f3;
+  --color-surface-container-high: #f0f0f0;
+  --color-surface-container-highest: #ebebeb;
+  --color-surface-variant: #f5f5f5;
+  --color-on-surface-variant: #353535;
+  --color-background: #ffffff;
+  --color-on-background: #000000;
+  --color-outline: #353535;
+  --color-outline-variant: #6f6f6f;
+  --color-control-outline: #6f6f6f;
+  --color-error: #353535;
+  --color-on-error: #ffffff;
+  --color-error-container: #ebebeb;
+  --color-on-error-container: #1b1b1b;
+  --color-success: #353535;
+  --color-on-success: #ffffff;
+  --color-success-container: #f5f5f5;
+  --color-on-success-container: #000000;
+  --color-warning: #353535;
+  --color-on-warning: #ffffff;
+  --color-warning-container: #f5f5f5;
+  --color-on-warning-container: #000000;
+  --color-info: #353535;
+  --color-on-info: #ffffff;
+  --color-info-container: #f5f5f5;
+  --color-on-info-container: #000000;
+  --color-inverse-surface: #353535;
+  --color-inverse-on-surface: #f5f5f5;
+  --color-inverse-primary: #d7d7d7;
+}
+
+.dark[data-contrast="high"],
+[data-contrast="high"].dark {
+  --color-primary: #f5f5f5;
+  --color-on-primary: #000000;
+  --color-primary-container: #1b1b1b;
+  --color-on-primary-container: #ffffff;
+  --color-secondary: #f5f5f5;
+  --color-on-secondary: #000000;
+  --color-secondary-container: #1b1b1b;
+  --color-on-secondary-container: #ffffff;
+  --color-tertiary: #f5f5f5;
+  --color-on-tertiary: #000000;
+  --color-tertiary-container: #1b1b1b;
+  --color-on-tertiary-container: #ffffff;
+  --color-surface: #0f0f0f;
+  --color-on-surface: #ffffff;
+  --color-surface-container-lowest: #0f0f0f;
+  --color-surface-container-low: #1b1b1b;
+  --color-surface-container: #2e2e2e;
+  --color-surface-container-high: #3d3d3d;
+  --color-surface-container-highest: #424242;
+  --color-surface-variant: #353535;
+  --color-on-surface-variant: #f5f5f5;
+  --color-background: #0f0f0f;
+  --color-on-background: #ffffff;
+  --color-outline: #d7d7d7;
+  --color-outline-variant: #ababab;
+  --color-control-outline: #ababab;
+  --color-error: #f5f5f5;
+  --color-on-error: #000000;
+  --color-error-container: #525252;
+  --color-on-error-container: #ebebeb;
+  --color-success: #f5f5f5;
+  --color-on-success: #000000;
+  --color-success-container: #1b1b1b;
+  --color-on-success-container: #ffffff;
+  --color-warning: #f5f5f5;
+  --color-on-warning: #000000;
+  --color-warning-container: #1b1b1b;
+  --color-on-warning-container: #ffffff;
+  --color-info: #f5f5f5;
+  --color-on-info: #000000;
+  --color-info-container: #1b1b1b;
+  --color-on-info-container: #ffffff;
+  --color-inverse-surface: #ebebeb;
+  --color-inverse-on-surface: #353535;
+  --color-inverse-primary: #6f6f6f;
+}
+/* unisane:theme:end */

package/registry/styles/themes/blue.css

@@ -0,0 +1,342 @@
+/* unisane:theme:start */
+/* Generated theme: Blue. Replace this managed region with the CLI. */
+:root {
+  --color-primary: #007bb4;
+  --color-on-primary: #ffffff;
+  --color-primary-container: #c8f3ff;
+  --color-on-primary-container: #001f41;
+  --color-secondary: #4a7493;
+  --color-on-secondary: #ffffff;
+  --color-secondary-container: #deeefa;
+  --color-on-secondary-container: #031d2e;
+  --color-tertiary: #6e63a7;
+  --color-on-tertiary: #ffffff;
+  --color-tertiary-container: #eae8ff;
+  --color-on-tertiary-container: #1b123a;
+  --color-surface: #ffffff;
+  --color-on-surface: #171b1e;
+  --color-surface-container-lowest: #ffffff;
+  --color-surface-container-low: #f6f8f9;
+  --color-surface-container: #f1f4f5;
+  --color-surface-container-high: #eef1f2;
+  --color-surface-container-highest: #e8eced;
+  --color-surface-variant: #e7ecef;
+  --color-on-surface-variant: #49545a;
+  --color-background: #ffffff;
+  --color-on-background: #171b1e;
+  --color-outline: #a1adb3;
+  --color-outline-variant: #bcc6cb;
+  --color-control-outline: #859198;
+  --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: #30363a;
+  --color-inverse-on-surface: #f3f5f7;
+  --color-inverse-primary: #9ee2ff;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root:not(.light) {
+    --color-primary: #9ee2ff;
+    --color-on-primary: #003d69;
+    --color-primary-container: #005d91;
+    --color-on-primary-container: #c8f3ff;
+    --color-secondary: #c3dbee;
+    --color-on-secondary: #173950;
+    --color-secondary-container: #305773;
+    --color-on-secondary-container: #deeefa;
+    --color-tertiary: #d6d2fc;
+    --color-on-tertiary: #362b5f;
+    --color-tertiary-container: #524785;
+    --color-on-tertiary-container: #eae8ff;
+    --color-surface: #0c1012;
+    --color-on-surface: #e8eced;
+    --color-surface-container-lowest: #0c1012;
+    --color-surface-container-low: #171b1e;
+    --color-surface-container: #292f32;
+    --color-surface-container-high: #383e42;
+    --color-surface-container-highest: #3d4447;
+    --color-surface-variant: #49545a;
+    --color-on-surface-variant: #d1d9dd;
+    --color-background: #0c1012;
+    --color-on-background: #e8eced;
+    --color-outline: #859198;
+    --color-outline-variant: #647177;
+    --color-control-outline: #647177;
+    --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: #e8eced;
+    --color-inverse-on-surface: #30363a;
+    --color-inverse-primary: #007bb4;
+  }
+}
+
+.dark {
+  --color-primary: #9ee2ff;
+  --color-on-primary: #003d69;
+  --color-primary-container: #005d91;
+  --color-on-primary-container: #c8f3ff;
+  --color-secondary: #c3dbee;
+  --color-on-secondary: #173950;
+  --color-secondary-container: #305773;
+  --color-on-secondary-container: #deeefa;
+  --color-tertiary: #d6d2fc;
+  --color-on-tertiary: #362b5f;
+  --color-tertiary-container: #524785;
+  --color-on-tertiary-container: #eae8ff;
+  --color-surface: #0c1012;
+  --color-on-surface: #e8eced;
+  --color-surface-container-lowest: #0c1012;
+  --color-surface-container-low: #171b1e;
+  --color-surface-container: #292f32;
+  --color-surface-container-high: #383e42;
+  --color-surface-container-highest: #3d4447;
+  --color-surface-variant: #49545a;
+  --color-on-surface-variant: #d1d9dd;
+  --color-background: #0c1012;
+  --color-on-background: #e8eced;
+  --color-outline: #859198;
+  --color-outline-variant: #647177;
+  --color-control-outline: #647177;
+  --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: #e8eced;
+  --color-inverse-on-surface: #30363a;
+  --color-inverse-primary: #007bb4;
+}
+
+[data-contrast="medium"] {
+  --color-primary: #005d91;
+  --color-on-primary: #ffffff;
+  --color-primary-container: #ddfbff;
+  --color-on-primary-container: #001f41;
+  --color-secondary: #305773;
+  --color-on-secondary: #ffffff;
+  --color-secondary-container: #ecf7ff;
+  --color-on-secondary-container: #031d2e;
+  --color-tertiary: #524785;
+  --color-on-tertiary: #ffffff;
+  --color-tertiary-container: #f4f3ff;
+  --color-on-tertiary-container: #1b123a;
+  --color-surface: #ffffff;
+  --color-on-surface: #171b1e;
+  --color-surface-container-lowest: #ffffff;
+  --color-surface-container-low: #f6f8f9;
+  --color-surface-container: #f1f4f5;
+  --color-surface-container-high: #eef1f2;
+  --color-surface-container-highest: #e8eced;
+  --color-surface-variant: #edf1f3;
+  --color-on-surface-variant: #3a4449;
+  --color-background: #ffffff;
+  --color-on-background: #171b1e;
+  --color-outline: #49545a;
+  --color-outline-variant: #647177;
+  --color-control-outline: #859198;
+  --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: #30363a;
+  --color-inverse-on-surface: #f3f5f7;
+  --color-inverse-primary: #9ee2ff;
+}
+
+.dark[data-contrast="medium"],
+[data-contrast="medium"].dark {
+  --color-primary: #9ee2ff;
+  --color-on-primary: #003d69;
+  --color-primary-container: #005d91;
+  --color-on-primary-container: #ddfbff;
+  --color-secondary: #c3dbee;
+  --color-on-secondary: #173950;
+  --color-secondary-container: #305773;
+  --color-on-secondary-container: #ecf7ff;
+  --color-tertiary: #d6d2fc;
+  --color-on-tertiary: #362b5f;
+  --color-tertiary-container: #524785;
+  --color-on-tertiary-container: #f4f3ff;
+  --color-surface: #0c1012;
+  --color-on-surface: #f3f5f7;
+  --color-surface-container-lowest: #0c1012;
+  --color-surface-container-low: #171b1e;
+  --color-surface-container: #292f32;
+  --color-surface-container-high: #383e42;
+  --color-surface-container-highest: #3d4447;
+  --color-surface-variant: #3a4449;
+  --color-on-surface-variant: #e7ecef;
+  --color-background: #0c1012;
+  --color-on-background: #e8eced;
+  --color-outline: #a1adb3;
+  --color-outline-variant: #859198;
+  --color-control-outline: #859198;
+  --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: #e8eced;
+  --color-inverse-on-surface: #30363a;
+  --color-inverse-primary: #007bb4;
+}
+
+[data-contrast="high"] {
+  --color-primary: #003d69;
+  --color-on-primary: #ffffff;
+  --color-primary-container: #ddfbff;
+  --color-on-primary-container: #000000;
+  --color-secondary: #173950;
+  --color-on-secondary: #ffffff;
+  --color-secondary-container: #ecf7ff;
+  --color-on-secondary-container: #000000;
+  --color-tertiary: #362b5f;
+  --color-on-tertiary: #ffffff;
+  --color-tertiary-container: #f4f3ff;
+  --color-on-tertiary-container: #000000;
+  --color-surface: #ffffff;
+  --color-on-surface: #000000;
+  --color-surface-container-lowest: #ffffff;
+  --color-surface-container-low: #f6f8f9;
+  --color-surface-container: #f1f4f5;
+  --color-surface-container-high: #eef1f2;
+  --color-surface-container-highest: #e8eced;
+  --color-surface-variant: #f2f6f8;
+  --color-on-surface-variant: #2e373c;
+  --color-background: #ffffff;
+  --color-on-background: #000000;
+  --color-outline: #2e373c;
+  --color-outline-variant: #647177;
+  --color-control-outline: #647177;
+  --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: #30363a;
+  --color-inverse-on-surface: #f3f5f7;
+  --color-inverse-primary: #9ee2ff;
+}
+
+.dark[data-contrast="high"],
+[data-contrast="high"].dark {
+  --color-primary: #ddfbff;
+  --color-on-primary: #000000;
+  --color-primary-container: #001f41;
+  --color-on-primary-container: #ffffff;
+  --color-secondary: #ecf7ff;
+  --color-on-secondary: #000000;
+  --color-secondary-container: #031d2e;
+  --color-on-secondary-container: #ffffff;
+  --color-tertiary: #f4f3ff;
+  --color-on-tertiary: #000000;
+  --color-tertiary-container: #1b123a;
+  --color-on-tertiary-container: #ffffff;
+  --color-surface: #0c1012;
+  --color-on-surface: #ffffff;
+  --color-surface-container-lowest: #0c1012;
+  --color-surface-container-low: #171b1e;
+  --color-surface-container: #292f32;
+  --color-surface-container-high: #383e42;
+  --color-surface-container-highest: #3d4447;
+  --color-surface-variant: #2e373c;
+  --color-on-surface-variant: #f2f6f8;
+  --color-background: #0c1012;
+  --color-on-background: #ffffff;
+  --color-outline: #d1d9dd;
+  --color-outline-variant: #a1adb3;
+  --color-control-outline: #a1adb3;
+  --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: #e8eced;
+  --color-inverse-on-surface: #30363a;
+  --color-inverse-primary: #007bb4;
+}
+/* unisane:theme:end */