elementary/website

Support dark color schemes

オープン

#2,192 opened on 2019/05/15

GitHub で見るコントリビューターガイド
 (5 件のコメント) (4 件のリアクション) (0 人の担当者)PHP (712 件のフォーク)github user discovery
HacktoberfestStatus: In Progress

Repository metrics

Stars
 (1,263 個のスター)
PR merge metrics
 (平均マージ 20h 18m) (30d で 40 merged PRs)

説明

With browsers across macOS, Android, Windows, and soon iOS and GNOME Web supporting the prefers-color-scheme media query, we should support it for our site as well. This involves a few tasks:

  • Support the media query itself with a specific dark color scheme
  • Check images and ensure major ones (i.e. on the front page) don't have hardcoded white backgrounds—instead, we should use transparent PNGs
  • Test at least on macOS Safari and Chrome Canary for Android

More info: https://webkit.org/blog/8840/dark-mode-support-in-webkit/

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

調査方針
prefers color scheme: dark の CSS メディアクエリを実装し、画像の背景が透明であることを確認し、macOS Safari と Android 版 Chrome Canary でテストしてください。
技術スタック
css
領域
frontend
Issue 種別
機能
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
3
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
半日
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
アクティブ
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
明確
前提条件
CSSGit
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
75