Found in the ClickHouse theme audit for LibreChat-AI#16342. Rank 2 of 9 by visibility.
Click UI: Click UI fields are 1px bordered, radius 0.25rem, padding x 0.75rem, and on focus swap the border to the active stroke (#161517 light, #faff69 dark) with no ring (src/components/InputWrapper/InputWrapper.module.css:69-75, src/theme/styles/tokens-light.css:786-810, src/theme/styles/tokens-dark.css:811-813). Text is weight 400.
LibreChat under interface.theme: clickhouse: The shared field (fieldControl, packages/client/src/components/Field.css) draws a 2px ring-text-primary ring on keyboard focus and leaves the 1px border-light edge; inputs measure 36px tall at weight 500.
Gap class and why it is not in LibreChat-AI#16379: Shared-primitive variant: a field focus treatment the theme can select (ring or border swap), with the default reproducing today's ring. Needs a registry role, so it waits for the stack that owns style.css.
Screenshots (light, dark) are attached below.
Found in the ClickHouse theme audit for LibreChat-AI#16342. Rank 2 of 9 by visibility.
Click UI: Click UI fields are
1pxbordered, radius0.25rem, padding x0.75rem, and on focus swap the border to the active stroke (#161517light,#faff69dark) with no ring (src/components/InputWrapper/InputWrapper.module.css:69-75,src/theme/styles/tokens-light.css:786-810,src/theme/styles/tokens-dark.css:811-813). Text is weight 400.LibreChat under
interface.theme: clickhouse: The shared field (fieldControl,packages/client/src/components/Field.css) draws a 2pxring-text-primaryring on keyboard focus and leaves the 1pxborder-lightedge; inputs measure 36px tall at weight 500.Gap class and why it is not in LibreChat-AI#16379: Shared-primitive variant: a field focus treatment the theme can select (ring or border swap), with the default reproducing today's ring. Needs a registry role, so it waits for the stack that owns
style.css.Screenshots (light, dark) are attached below.