diff --git a/libs/ui/palette.config.json b/libs/ui/palette.config.json index c596c3c..d065e63 100644 --- a/libs/ui/palette.config.json +++ b/libs/ui/palette.config.json @@ -2,17 +2,17 @@ "surfaces": { "colors": { "default": { - "luma": 0.3, + "luma": 0.4, "chroma": 0.005, "hue": 228 }, "primary": { - "luma": 0.3, + "luma": 0.4, "chroma": 0.04, "hue": 250 }, "warn": { - "luma": 0.3, + "luma": 0.4, "chroma": 0.04, "hue": 22 } @@ -25,7 +25,7 @@ "highest" ], "stepping": { - "luma": -0.075, + "luma": -0.1, "chroma": 0, "hue": 0 }, diff --git a/libs/ui/src/actions/components/action-button/action-button.component.scss b/libs/ui/src/actions/components/action-button/action-button.component.scss index aa6b972..6f00d5a 100644 --- a/libs/ui/src/actions/components/action-button/action-button.component.scss +++ b/libs/ui/src/actions/components/action-button/action-button.component.scss @@ -56,7 +56,7 @@ &:hover { button { - color: oklch(from var(--color) calc(l - l * 0.08) calc(c + c * 0.3) h); + color: oklch(from var(--color) calc(l - l * 0.15) calc(c + c * 0.3) h); } } diff --git a/libs/ui/src/content/components/info-overlay/info-overlay.component.scss b/libs/ui/src/content/components/info-overlay/info-overlay.component.scss index eb24598..b38c451 100644 --- a/libs/ui/src/content/components/info-overlay/info-overlay.component.scss +++ b/libs/ui/src/content/components/info-overlay/info-overlay.component.scss @@ -1,7 +1,7 @@ :host { display: block; position: fixed; - left: calc(var(--dim-xx-large) * 2); + left: calc(var(--dim-x-large)); bottom: calc(var(--dim-xx-large) * 2); background: var(--color-surface-default-medium); diff --git a/libs/ui/src/layouts/components/tool-menu/tool-menu.component.scss b/libs/ui/src/layouts/components/tool-menu/tool-menu.component.scss index 421d449..295e0ce 100644 --- a/libs/ui/src/layouts/components/tool-menu/tool-menu.component.scss +++ b/libs/ui/src/layouts/components/tool-menu/tool-menu.component.scss @@ -4,7 +4,7 @@ --height: calc(48px * var(--app-density)); --padding-vertical: 0; --padding-horizontal: var(--dim-large); - --background: var(--color-surface-default-low); + --background: var(--color-surface-default-medium); display: block; } diff --git a/libs/ui/src/styles/global/palette2.scss b/libs/ui/src/styles/global/palette2.scss index cfb8b61..ac5f77a 100644 --- a/libs/ui/src/styles/global/palette2.scss +++ b/libs/ui/src/styles/global/palette2.scss @@ -1,22 +1,22 @@ :root { /* Surfaces */ - --color-surface-default-highest: oklch(0.300 0.005 228.000); - --color-surface-default-high: oklch(0.225 0.005 228.000); - --color-surface-default-medium: oklch(0.150 0.005 228.000); - --color-surface-default-low: oklch(0.075 0.005 228.000); + --color-surface-default-highest: oklch(0.400 0.005 228.000); + --color-surface-default-high: oklch(0.300 0.005 228.000); + --color-surface-default-medium: oklch(0.200 0.005 228.000); + --color-surface-default-low: oklch(0.100 0.005 228.000); --color-surface-default-lowest: oklch(0.000 0.005 228.000); - --color-surface-primary-highest: oklch(0.300 0.040 250.000); - --color-surface-primary-high: oklch(0.225 0.040 250.000); - --color-surface-primary-medium: oklch(0.150 0.040 250.000); - --color-surface-primary-low: oklch(0.075 0.040 250.000); + --color-surface-primary-highest: oklch(0.400 0.040 250.000); + --color-surface-primary-high: oklch(0.300 0.040 250.000); + --color-surface-primary-medium: oklch(0.200 0.040 250.000); + --color-surface-primary-low: oklch(0.100 0.040 250.000); --color-surface-primary-lowest: oklch(0.000 0.040 250.000); - --color-surface-warn-highest: oklch(0.300 0.040 22.000); - --color-surface-warn-high: oklch(0.225 0.040 22.000); - --color-surface-warn-medium: oklch(0.150 0.040 22.000); - --color-surface-warn-low: oklch(0.075 0.040 22.000); + --color-surface-warn-highest: oklch(0.400 0.040 22.000); + --color-surface-warn-high: oklch(0.300 0.040 22.000); + --color-surface-warn-medium: oklch(0.200 0.040 22.000); + --color-surface-warn-low: oklch(0.100 0.040 22.000); --color-surface-warn-lowest: oklch(0.000 0.040 22.000); /* Content on surfaces */