elementary/website

Support dark color schemes

開放

#2,192 建立於 2019年5月15日

在 GitHub 查看貢獻者指南
 (5 則留言) (4 個反應) (0 位負責人)PHP (712 個分叉)github user discovery
HacktoberfestStatus: In Progress

倉庫指標

星標
 (1,263 顆星)
PR 合併指標
 (平均合併 20小時 18分鐘) (30 天內合併 40 個 PR)

描述

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
議題類型
功能
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
3
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
半天
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
活躍
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
清晰
前置要求
CSSGit
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
75