Hacktoberfest 2026: as issues que os mantenedores marcaram para outubro, abertas e boas para iniciantes. Ver issues do Hacktoberfest

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

Aberta
#1,734 0 comentários 0 reações 0 responsáveis Ver no GitHub

Mantenedores costumam responder em até 1 dia

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
4/5
Tempo estimado
3-5 dias
Facilidade para iniciantes
52/100
Tipo de issue
Funcionalidade
Clareza
Razoavelmente clara
Status de atividade
Ativa
Stack de tecnologia
dart, flutter
Domínio
design, desktop

Direção de pesquisa

Start by reading theme_color_picker_dialog.dart, theme_editor_dialog.dart, and preferences_controls.dart to trace the current shadcn controls and how the theme editor passes color values. Check the kit's card and switch replacements, including the referenced #1488 work, before changing the listed leftovers. Done means the shadcn controls named in the acceptance criteria are absent from lib/, and picker tests cover value round trips alongside picking, hex editing, and alpha.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

frontend P3 settings ui

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 #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.
Linguagem predominante
Dart
Estrelas
23
Forks
1
Merge médio
31min
PRs com merge (30d)
570

Preparar o ambiente

Abrir no Codespaces

Inicia o contêiner de desenvolvimento do projeto no navegador, com a sua própria conta do GitHub.

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de QueryaHub/Querya-Desktop

Todas as issues de QueryaHub/Querya-Desktop

Issues semelhantes

Mais issues de Dart

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.