Skip to content

ui: own colour picker, card and slider; the last shadcn controls of settings (#1734) - #1749

Merged
ZhuchkaTriplesix merged 1 commit into
devfrom
ui/picker-slider-leftovers
Oct 18, 2026
Merged

ZhuchkaTriplesix merged 1 commit into
devfrom
ui/picker-slider-leftovers

Conversation

@ZhuchkaTriplesix

Copy link
Copy Markdown
Member

Closes #1734 (switch: #1488, not part of this). Epic #1465 (step 4c).

  • QueryaColorPicker (shared/widgets): saturation / brightness area, hue bar, alpha bar (checkered), a swatch and a hex field (#RRGGBB or #AARRGGBB); toHex / parseHex are static. The theme editor's colour dialog uses it and takes a plain Color (shadcn's ColorPicker and ColorDerivative are gone).
  • Interface scale slider: Material's Slider with a SliderTheme in the kit colours (track, thumb, ticks); presets, Shift for 1 % steps and commit-on-release work as before. shadcn's hintValue marker for the default is the one thing dropped; the default sits on a preset tick.
  • QueryaCard: the card colour, a hairline border, radius 10; replaces shadcn's Card in the extension stats chips, the Mongo index rows and the aggregation stages.

Tests (minimal, as asked): hex round trip and parsing, typing a hex reports the colour; the slider test finds material.Slider. dart analyze clean; shared, settings, guards, Mongo, extensions, e2e, app and main-screen suites pass locally.

Not checked on screen (picker drag behaviour especially).

…ast shadcn controls of the theme editor, Preferences and three cards (#1734)
@github-actions github-actions Bot added frontend Theme parser epic label: frontend settings Theme parser epic label: settings ui User interface components and widgets P3 Low priority / Polish & Enhancements labels Oct 18, 2026
@ZhuchkaTriplesix
ZhuchkaTriplesix merged commit ceb610d into dev Oct 18, 2026
14 checks passed

@ZhuchkaTriplesix ZhuchkaTriplesix left a comment

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

123

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

Labels

frontend Theme parser epic label: frontend P3 Low priority / Polish & Enhancements settings Theme parser epic label: settings ui User interface components and widgets

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant