Hacktoberfest 2026:维护者为十月标记出来的 issue,仍然开放、适合新手。 浏览 Hacktoberfest issue

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

未关闭
#1,734 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

维护者通常 1 天内回复

还没有人认领这个 Issue。

评估

难度
4/5
预计耗时
3-5 天
新手友好度
52/100
Issue 类型
功能
描述清晰度
基本清楚
活跃度
活跃
技术栈
dart, flutter
领域
design, desktop

调研方向

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.

由索引模型根据 Issue 内容生成。

描述

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.
主要语言
Dart
星标
23
派生
1
平均合并
31 分钟
30 天内合并 PR
570

环境准备

在 Codespaces 中打开

在浏览器里用你自己的 GitHub 账号启动这个项目的开发容器。

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

QueryaHub/Querya-Desktop 的其他 Issue

查看 QueryaHub/Querya-Desktop 的全部 Issue

相似的 Issue

更多 Dart Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。