diff --git a/src/uix/eidos/components/color-picker/color-picker.css b/src/uix/eidos/components/color-picker/color-picker.css index e31021de4..209f69ad7 100644 --- a/src/uix/eidos/components/color-picker/color-picker.css +++ b/src/uix/eidos/components/color-picker/color-picker.css @@ -24,7 +24,7 @@ --_color-picker-trigger-height: var(--color-picker-trigger-height-md); --_color-picker-trigger-px: var(--color-picker-trigger-px-md); --_color-picker-trigger-swatch-size: var(--color-picker-trigger-swatch-size-md); - --_color-picker-trigger-font-size: var(--font-size-xs); + --_color-picker-trigger-font-size: var(--font-size-md); --_color-picker-swatch-size: var(--color-picker-swatch-size-md); --_color-picker-accent: var(--color-primary-border); @@ -49,7 +49,7 @@ --_color-picker-trigger-height: var(--color-picker-trigger-height-sm); --_color-picker-trigger-px: var(--color-picker-trigger-px-sm); --_color-picker-trigger-swatch-size: var(--color-picker-trigger-swatch-size-sm); - --_color-picker-trigger-font-size: var(--font-size-xxs); + --_color-picker-trigger-font-size: var(--font-size-sm); --_color-picker-swatch-size: var(--color-picker-swatch-size-sm); } @@ -59,7 +59,7 @@ --_color-picker-trigger-height: var(--color-picker-trigger-height-lg); --_color-picker-trigger-px: var(--color-picker-trigger-px-lg); --_color-picker-trigger-swatch-size: var(--color-picker-trigger-swatch-size-lg); - --_color-picker-trigger-font-size: var(--font-size-sm); + --_color-picker-trigger-font-size: var(--font-size-lg); --_color-picker-swatch-size: var(--color-picker-swatch-size-lg); } diff --git a/src/uix/eidos/components/grid-list/grid-list.css b/src/uix/eidos/components/grid-list/grid-list.css index b5edb4b0d..e2287748f 100644 --- a/src/uix/eidos/components/grid-list/grid-list.css +++ b/src/uix/eidos/components/grid-list/grid-list.css @@ -200,7 +200,7 @@ inline-size: var(--_grid-list-checkbox-size); block-size: var(--_grid-list-checkbox-size); border: var(--border-width) solid var(--color-border-default); - border-radius: 0.2rem; + border-radius: var(--radius-sm); background: transparent; cursor: pointer; outline: none; diff --git a/src/uix/eidos/components/menubar/menubar.css b/src/uix/eidos/components/menubar/menubar.css index b743a18c3..d2c36d5df 100644 --- a/src/uix/eidos/components/menubar/menubar.css +++ b/src/uix/eidos/components/menubar/menubar.css @@ -28,7 +28,7 @@ --_menubar-gap: var(--space-1); --_menubar-radius: var(--radius-md); --_menubar-trigger-px: var(--space-3); - --_menubar-font-size: var(--font-size-sm); + --_menubar-font-size: var(--font-size-md); /* Concentric nesting (Arq. 6 / shape engine): the in-bar trigger consumes the shared `[data-shape-nest]` rule instead of hand-rolling its own calc — the bar exposes its radius + padding as the nest's outer-radius + gap. */ @@ -50,7 +50,7 @@ --_menubar-gap: calc(var(--space-1) * 0.5); --_menubar-radius: var(--radius-sm); --_menubar-trigger-px: var(--space-2); - --_menubar-font-size: var(--font-size-xs); + --_menubar-font-size: var(--font-size-sm); } [data-menubar][data-size='lg'] { @@ -59,7 +59,7 @@ --_menubar-gap: var(--space-2); --_menubar-radius: var(--radius-lg); --_menubar-trigger-px: var(--space-4); - --_menubar-font-size: var(--font-size-md); + --_menubar-font-size: var(--font-size-lg); } /* ── Trigger — in-bar menu opener ───────────────────────────────────── */ diff --git a/src/uix/eidos/components/navigation-menu/navigation-menu.css b/src/uix/eidos/components/navigation-menu/navigation-menu.css index 0b84bec17..03a6848ae 100644 --- a/src/uix/eidos/components/navigation-menu/navigation-menu.css +++ b/src/uix/eidos/components/navigation-menu/navigation-menu.css @@ -21,7 +21,7 @@ [data-navigation-menu] { --_navigation-menu-trigger-px: var(--space-3); --_navigation-menu-list-gap: var(--space-1); - --_navigation-menu-font-size: var(--font-size-sm); + --_navigation-menu-font-size: var(--font-size-md); --_navigation-menu-radius: var(--radius-md); position: relative; @@ -36,14 +36,14 @@ [data-navigation-menu][data-size='sm'] { --_navigation-menu-trigger-px: var(--space-2); --_navigation-menu-list-gap: 0; - --_navigation-menu-font-size: var(--font-size-xs); + --_navigation-menu-font-size: var(--font-size-sm); --_navigation-menu-radius: var(--radius-sm); } [data-navigation-menu][data-size='lg'] { --_navigation-menu-trigger-px: var(--space-4); --_navigation-menu-list-gap: var(--space-2); - --_navigation-menu-font-size: var(--font-size-md); + --_navigation-menu-font-size: var(--font-size-lg); --_navigation-menu-radius: var(--radius-lg); } @@ -288,7 +288,7 @@ block-size: 2px; transform: translateX(var(--navigation-menu-indicator-x, 0px)); background: var(--color-primary-solid); - border-radius: 1px; + border-radius: var(--radius-full); opacity: 0; transition: transform var(--duration-fast) var(--ease-default),