tinacms/tina-starter-grande

Read user preference for dark mode

オープン

#6 opened on 2019/11/05

GitHub で見る
 (0 件のコメント) (0 件のリアクション) (0 人の担当者)JavaScript (88 件のフォーク)auto 404
enhancementgood first issue

Repository metrics

Stars
 (223 個のスター)
PR merge metrics
 (30d に merged PR はありません)

説明

Right now the theme reads localStorage to see if there's an existing isDarkMode preference, but it doesn't check the user's prefers-color-scheme setting (system setting). This is likely an easy upgrade to the existing logic.

コントリビューターガイド

調査方針
既存のテーマロジックでlocalStorageのisDarkModeを読み取る際に、window.matchMedia('(prefers color scheme: dark)')メディアクエリも確認します。それに応じて初期状態を更新し、変更をリッスンしてテーマを動的に更新します。
技術スタック
javascriptreact
領域
frontend
Issue 種別
機能
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
1
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
1時間未満
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
新着
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
明確
前提条件
JavaScriptCSS
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
85