Add accessible colour set to use in line plots
维护者通常 7 天内回复
还没有人认领这个 Issue。
评估
- 难度
- 4/5
- 预计耗时
- 3-5 天
- 新手友好度
- 25/100
- Issue 类型
- 功能
- 描述清晰度
- 基本清楚
- 活跃度
- 活跃
- 技术栈
- typescript
- 领域
- accessibility, design, frontend
调研方向
The issue gives Davidia's current eight-colour set as a reference, but the payload does not name the theme file or the plotting code, so first locate where the theme is defined in this TypeScript repo. The work is choosing a palette of 8-10 colours with good contrast, plus matching lighter or darker variants for dark mode, and exporting it from the theme. Done means a palette that a maintainer agrees on, checked for colour-blind distinguishability and contrast, and a note that line plots should also vary dash or weight.
由索引模型根据 Issue 内容生成。
描述
Propose to add a colour set that can be imported with the theme to use in line plots.
- Should be around 8-10 colours
- Colours clearly distinguishable from one another (although in line plots, colour should not be the only way to distinguish between lines, e.g. use dots/dashes with differing weight)
- Good contrast for visual impairments (low vision, colour blindness)
- Work for light and dark mode (same hue with brightness/lightness adjusted)
As an example, Davidia's current colour set is
'rgb(0, 0, 0)', // #000000, black
'rgb(0, 158, 115)', // #009e73, teal
'rgb(230, 157, 0)', // #e69d00, orange
'rgb(86, 179, 233)', // #56b3e9, light blue
'rgb(240, 228, 66)', // #f0e442, yellow
'rgb(0, 114, 178)', // #0072b2, blue
'rgb(213, 94, 0)', // #d55e00, dark orange
'rgb(204, 121, 167)', // #cc79a7, pink
A useful tool for colour set accessibility.
- 主要语言
- TypeScript
- 星标
- 9
- 派生
- 4
- 平均合并
- 7 天 17 小时
- 30 天内合并 PR
- 29
环境准备
在浏览器里用你自己的 GitHub 账号启动这个项目的开发容器。
- 没有 Dockerfile 或 Docker Compose 文件
- 没有 Pull Request 模板
- 阅读贡献指南
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
DiamondLightSource/sci-react-ui 的其他 Issue
-
needs-triage
难度 2/5 1-3 小时 新手友好度 75/100
DiamondLightSource/sci-react-ui#325 · 1 条评论 ·
维护者通常 7 天内回复
-
accepted
难度 2/5 1-3 小时 新手友好度 72/100
DiamondLightSource/sci-react-ui#283 · 1 条评论 ·
维护者通常 7 天内回复
-
Spacing at the top of SidebarNav should be configurable可能已有人在做 @swara030 于 5 天前认领。 未关闭needs-triage
难度 3/5 1-2 天 新手友好度 65/100
DiamondLightSource/sci-react-ui#334 · 1 条评论 ·
维护者通常 7 天内回复
-
needs-triage
难度 5/5 一周以上 新手友好度 38/100
DiamondLightSource/sci-react-ui#332 ·
维护者通常 7 天内回复
-
needs-triage
难度 5/5 一周以上 新手友好度 35/100
DiamondLightSource/sci-react-ui#331 ·
维护者通常 7 天内回复
查看 DiamondLightSource/sci-react-ui 的全部 Issue
相似的 Issue
-
难度 2/5 1-3 小时 新手友好度 73/100
anomalyco/opencode#56380 · 1 条评论 ·
维护者通常 1 天内回复
-
enhancement
难度 2/5 1-3 小时 新手友好度 72/100
-
BUG | `MCP 服务器` | 全局层行的停用/启用与删除报 404 server row not found，编辑保存会在 profile 层复制出重复行可能已有人在做 @w6242652 今天认领。 未关闭
难度 2/5 1-3 小时 新手友好度 75/100
-
难度 2/5 1-3 小时 新手友好度 72/100
Chocobozzz/PeerTube#7832 ·
维护者通常 3 天内回复
-
Pay to use?未关闭
难度 1/5 1 小时以内 新手友好度 66/100
darkreader/darkreader#16108 · 1 条评论 ·
维护者通常 2 天内回复