Add a light theme with a toggle
まだ誰も着手していません。
評価
- 難易度
- 3/5
- 見積もり時間
- 半日
- 初心者へのやさしさ
- 66/100
- issue の種類
- 機能追加
- 明瞭さ
- おおむね明確
- 活発さ
- 活発
- 技術スタック
- css, html, javascript
調査の方向性
Start in static/css/style.css and collect every hard-coded colour into variables on :root, then add a prefers-color-scheme: light block that redefines them. Next find the navbar template (likely under templates/) to place the toggle button, and add a small script that sets a data-theme attribute on the root element and stores the choice in localStorage, reading it back on load. Done means both themes render correctly, the toggle survives a reload, and contrast holds in each; check the rendered pages in a browser since there is no test suite named.
索引モデルが issue の本文から書いたものです。
説明
The site only has a dark theme.
- Move the colours in
static/css/style.cssinto CSS variables if they aren't already - Add a light set of colours, used automatically when the system prefers light (
prefers-color-scheme) - Add a toggle in the navbar that overrides the system choice and remembers it in
localStorage - Check text contrast in both themes
- 主要言語
- CSS
- スター
- 1
- フォーク
- 1
- 平均マージ
- 39分
- マージ済み PR（30日）
- 6
環境構築
- Dockerfile・Docker Compose ファイルなし
- プルリクエストのテンプレートあり
- コントリビューションガイドを読む
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
NotADIM2/GameVault のほかの issue
-
Deployment guideオープンdocumentation help wanted
難易度 2/5 1〜3時間 初心者へのやさしさ 82/100
-
frontend help wanted
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
-
frontend good first issue
難易度 2/5 1〜3時間 初心者へのやさしさ 76/100
-
Add a faviconオープンfrontend good first issue
難易度 1/5 1〜3時間 初心者へのやさしさ 85/100
-
frontend good first issue
難易度 2/5 1〜3時間 初心者へのやさしさ 80/100
NotADIM2/GameVault の issue をすべて見る
似ている issue
-
bug
難易度 2/5 1〜3時間 初心者へのやさしさ 65/100
MetrolistGroup/Metrolist#4732 ·
メンテナーはふだん 1 日以内に返信
-
難易度 1/5 1時間未満 初心者へのやさしさ 70/100
メンテナーはふだん 1 日以内に返信
-
dogfood enhancement ready-to-fix
難易度 2/5 1〜3時間 初心者へのやさしさ 66/100
burkeholland/markdoc#2579 · コメント 2 件 ·
メンテナーはふだん 1 日以内に返信
-
accessibility area: css area: web ui bug difficulty: easy frontend good first issue help wanted javascript journey: first-visit journey: mobile priority: P3 quality tech: css tech: html typescript ui user-experience
難易度 2/5 1〜3時間 初心者へのやさしさ 74/100
メンテナーはふだん 1 日以内に返信
-
tech-debt
難易度 2/5 1〜3時間 初心者へのやさしさ 74/100
philipphoeninger/procure-access#339 ·
メンテナーはふだん 1 日以内に返信