Skip to content

[upstream #16342] ClickHouse theme: tab styling #142

Description

@berry-13

Found in the ClickHouse theme audit for LibreChat-AI#16342. Rank 8 of 9 by visibility.

Click UI: Click UI tabs are underlined, not filled: padding 0.5rem 0.75rem, top radius 0.25rem, 2px active indicator in #151515 / #faff69, text 400 0.875rem in #696e79 muted and #161517 active (ClickHouse/click-ui@537131f src/components/Tabs/Tabs.module.css:4-27, src/theme/styles/tokens-light.css:1336-1354).

LibreChat under interface.theme: clickhouse: The settings nav uses filled pill items (surface-secondary, 8px radius), and segmented controls such as the agent builder's Skills Off/All/Selected use a raised pill.

Gap class and why it is not in LibreChat-AI#16379: Component redesign: a different tab form, not a value the theme can set. Maintainers' decision; AnimatedTabs.tsx is also stack-owned.

Screenshots (light, dark) are attached below.

Light: ClickHouse theme: tab styling

Dark: ClickHouse theme: tab styling

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    area: packagesreviewctl followups stateenhancementNew feature or requestreadyreviewctl followups state

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions