Skip to content

ui(settings): own colour picker and slider for the theme editor and Preferences; Card/Switch leftovers (#1465) #1734

Closed

Description

@ZhuchkaTriplesix

Part of #1465 (step 4c).

Problem

The theme editor and Preferences still use shadcn controls with no kit counterpart: ColorPicker and ColorDerivative (theme_color_picker_dialog.dart, theme_editor_dialog.dart), Slider / SliderValue (preferences_controls.dart, interface scale). Smaller leftovers found by the same probe (dev, 2026-10-18): Card (5, extensions and mongodb), shadcn Switch (1, mongodb), Colors / ThemeMode taken from the shadcn barrel (Material's own work).

Change

  • A colour picker of our own for the theme editor: hue / saturation-value area, alpha, hex field, the palette swatches it shows today; same result type (a Color).
  • QueryaSlider (or a styled Material Slider) for the interface scale; QueryaSwitch from ui(settings): QueryaSwitch, a nicer toggle for Preferences in the kit's style #1488 covers the switches.
  • Card → the kit's card surface; Colors / ThemeMode imported from Material.

Acceptance

  • No ColorPicker, ColorDerivative, Slider, SliderValue, Card, Switch from shadcn in lib/.
  • Theme editor: pick, edit hex, alpha; tests for the picker's value round trip.

Activity

  1. added
    frontendTheme parser epic label: frontend
    settingsTheme parser epic label: settings
    uiUser interface components and widgets
    P3Low priority / Polish & Enhancements
    on Oct 18, 2026
  2. ZhuchkaTriplesix commented on Oct 25, 2026

    @ZhuchkaTriplesix
    MemberAuthor

    Fixed on dev in #1749 (merged). Closing by hand: the PRs target dev, so GitHub would only close this when dev is merged into main.

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

    P3Low priority / Polish & EnhancementsfrontendTheme parser epic label: frontendsettingsTheme parser epic label: settingsuiUser interface components and widgets

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions