開發者點評 GitHub 暗黑模式:太暗了

2020-12-17 CSDN

【CSDN 編者按】令眾多開發者期待已久的 GitHub 暗黑模式終於推出了,體驗感和預期相比究竟如何?它能否滿足開發者們的需求,一起來看看開發者們怎麼評價的!

編譯 | 張文

頭圖 | CSDN 下載自東方 IC

以下為譯文:

上周,GitHub 發布了一個期待已久的功能——黑暗模式。像世界上許多開發者一樣,我是極度興奮的。到了 2020 年,對任何和科技相關的遠程設備來說,切換到黑暗模式的都是必不可少的。

然而當我切換到黑暗模式,第一反應是這好像有點不對勁。不過我想可能是我還沒適應。

過了幾天,我發現自己的確需要切換到日光模式才能進行代碼複查。因為我擔心在暗黑模式下查看代碼會錯過什麼。經歷了幾次這樣的事情之後,我意識到, GitHub 黑暗模式真的太暗了。從調色板上可以找到一些原因,如下:

可及性和對比度

出於理解本文的需要,我在這裡詳細解釋下對比度

兩種顏色之間的對比度就是通過數學計算出人們眼睛的感知度。對比度的範圍是1 到 21,1 代表兩種相同的顏色,21 代表黑色和白色;為了觀看方便,文字越小,文字顏色和背景顏色之間的對比度就應該越高;Web 內容可訪問性指南(WCAG)將 AA 級對比度定義為 4.5 以上,AAA 級對比度為 7 以上;AAA 被認為是 Web 內容無障礙指南可訪問性的黃金標準級別。

其他站點暗模式選項板

本文接下來將探討 Spotify、Twitter、Facebook 等的暗模式選項板。

我抓取了幾個流行網站/應用程式的暗模式顏色。

每個調色板圖像從左到右顯示背景色、主文本顏色和次文本顏色。我把主色和次色的對比度與背景色放在各自的顏色上。

Spotify:

臉書網:

YouTube網站:

這些對比度至少達到 7 的標準!

然後再來看看 GitHub 的新外觀…

GitHub:

不僅顏色看起來明顯比其他應用程式中的顏色深,次文本顏色也不符合 AAA 標準!由於次文本字體很小,所以它的顏色要有很高的對比度。我知道我的眼睛不會騙我。

雖然對比度並不意味著一切,但它們是量化兩種顏色之間差異的一種簡單方法。在這種情況下,很明顯 GitHub 的暗模式顏色更暗。毫無疑問這會增加閱讀文本的難度。

代碼複查調色板

最後,我主要想吐槽 GitHub 黑暗模式的是:代碼差異的紅色和綠色太不合適了。

右邊是日光模式的顏色,左邊是新的陰影。我在上面覆蓋了相應的背景色:

我計算了兩個調色板的對比度,它們非常相似(接近 1 lol)。不過,出於某種原因,我粗略一看,就很容易分清顏色更淺的那個。可能我還不習慣,但新的顏色太暗了,我真的不喜歡。對於像代碼複查這樣重要的事情,我只能使用 GitHub 的日光模式。

我研究了 VSCode 的 Git 集成 diffcolors(我很喜歡!):

在我看來,這些陰影即使在較暗的背景下也能很好地工作,並且不會妨礙代碼審查。

結論

雖然顏色理論不能足以證明 GitHub 的新代碼差異調色板存在問題,但我們確實感受到,相對開發者日常使用的其他許多應用程式的暗模式來說,它的文本顏色並沒有達到 WCAG 的標準。

如果 GitHub 像在他們發布的宣傳視頻中那樣投入大量精力研究他們的暗模式調色板,也許我就不會在這裡抱怨了。不過這還是一個測試版,所以我依舊很期待。GitHub,請滿足開發者想要的黑暗模式體驗吧。

網友熱議:

黑底白字→只有字發光→越看越困→睡著了我們已經期待很久了!支持暗模式 GitHub.com 網站以及 GitHub for iOS 和 GitHub for Android!原文:https://blog.karenying.com/posts/github-darkmode-sucks

本文為 CSDN 翻譯,轉載請註明來源出處。

相關焦點

  • GitHub 手機端 App 正式發布,支持暗黑模式
    GitHub 移動端 APP 官方網址:https://github.com/mobile 新的工作方式,支持暗黑模式據官網介紹,GitHub另外,考慮到用戶體驗,該 APP 還可以設置暗黑模式。你可以根據自己的設備偏好設置在暗黑模式下自動協作。
  • GitHub官方App發布 支持暗黑模式;Chrome 暫停新版本發布
    (給技術最前線加星標,每天看技術熱點)綜合整理:技術最前線(ID:TopITNews)參考:程式設計師的那些事、開源中國、solidot、cnBeta、騰訊科技等0、GitHub 官方 App 正式發布,支持暗黑模式GitHub 在去年的 Universe
  • GitHub 開發者自製火星車,教程全面開源,網友:這太酷了!
    此外,隨著擴充配件,它還能夠伸出機械臂抓取物體,開發者可以通過智慧型手機應用程式集成自定義控制項和數據進行各種操控。 科普下好奇號: 所以,要製作這樣一輛火星車需要幾步呢?
  • 從iOS10盼到現在,暗黑模式要來?手持iPhoneXS的我很期待
    日前,外媒消息顯示,蘋果有望在iOS13系統裡加入暗黑模式。無疑,如果這則消息屬實的話,那麼對於諸多期待暗黑模式已久的果粉用戶們來講,確實是好消息。一方面,iOS系統的暗黑模式,老早就在傳聞:如果沒記錯,當時在iOS10系統沒有正式推出前,業界和坊間就有消息認為蘋果將在iOS10系統裡增加這一模式。
  • 百行代碼變十行,蘋果SwiftUI可視化編程讓開發者驚嘆完美
    SwiftUI 自動支持動態字體調整(Dynamic Type)、暗黑模式(Dark Mode)、本地化(localization)和輔助功能(accessibility),這意味著開發者的第一行 SwiftUI 代碼是他們目前寫出的功能最強大的 UI 代碼。
  • 微軟GitHub APP上線iOS平臺 支持暗黑模式
    值得注意的是,由於移動版GitHub是作為原生本機應用程式構建的,因此它甚至可以根據用戶的系統偏好在暗黑模式下自動適應不同的屏幕尺寸。
  • GitHub移動App上線:四大特性,手機端無縫完成git任務
    最近這一 app 終於和開發者見面了。除了承諾過的暗黑模式外,app 還有多項新特性,開發者也不用隨時隨地被綁在電腦前。GitHub 是非常好用的代碼版本託管平臺,幾乎沒有開發者不知道它。但是,一直以來用戶都希望官方能夠出品移動端 app,方便在沒有 pc 的場合完成一些工作。
  • 面試資源、公共API、多樣化學習路徑,這10個GitHub庫開發者必看
    Zsh 既是交互式 shell,也是很多開發者使用的強大腳本語言。Oh My Zsh 具備強大的插件和美觀的主題,允許用戶進行 Zsh 設置自定義。你需要花費一些功夫啟動和運行它,不過網上有很多不錯的教程和其他開發者的示例,可以幫助你找到最適合的設置。4.
  • 教你開啟安卓手機的「暗黑模式」
    今天的分享與以往不同,來說說如何讓你的安卓手機也擁有「暗黑模式」。一、壁紙的選擇這個是我們在開啟「暗黑模式」前需要去做的第一件事兒,壁紙的來源真的可以說是數不勝數了,在這裡我會分享兩個自己經常用到的兩個壁紙來源地:1.Unsplash
  • 【第1886期】Ant Design暗黑模式設計解析
    正文從這開始~~近年來暗黑模式的設計趨勢開始一點點明顯,Ant Design 在這次 4.0 的升級中也對這類暗黑場景化的設計開始進行初步的探索,接下來就讓我們一起來看下 Ant Design 這一針對企業級的設計體系是如何設計暗黑模式的什麼是暗黑模式暗黑模式是指把所有 UI 換成黑色或者深色的一個模式。
  • 封殺兩年後,GitHub恢復伊朗開發者使用權限!
    文|白開水GitHub CEO Nat Friedman 在其社交帳號平臺上宣布,GitHub 已成功獲得美國政府許可,恢復了伊朗開發者的使用權限。經過兩年多的努力,我們獲得了美國政府的許可,向伊朗的開發者提供 GitHub。
  • 除了適配暗黑模式,還有這些實用功能!
    微信7.0.10內測更新,其實本沒打算寫這篇文章~因為,我自己在使用魅族手機,早都可以愉快地使用暗黑模式了~對於,這次更新適配暗黑模式,並沒有那麼興奮!,我一點也不意外,在情理之中~畢竟安卓10和iOS13都加入了深色模式,而蘋果也通知開發者儘快適配~所以適配深色模式也是早晚的問題~本次內測版本號是7.0.10,所以本次的更新是小版本的更新
  • 谷歌公布Android 11開發者預覽版 飛行模式狀態藍牙不斷連
    Android 11開發者預覽版新增Smart hotseat功能(圖源:9to5Google)此外,在Android 11開發者預覽版中,用戶還可以在共享菜單時添加4個應用程式,並且當用戶開啟飛行模式時,藍牙也能保持連接狀態。
  • 有人做了套機器學習專用畫圖模板,還有暗黑模式...
    對於很多研究人員和開發者來說,內容的「可視化」是一個大問題。如果從頭開始畫,配色、空間布局都很傷腦筋,而且畫醜了也拿不出手,要是有模板可以套就好了。別急,還真有人做了一套模板。這套模板名叫 ML Visuals,是專為解決神經網絡畫圖問題設計的。
  • GitHub開學大禮包:近50種專業開發者工具,最高節省32萬!
    【新智元導讀】GitHub學生開發者工具大禮包,近 50 種專業工具隨你用,最高省45000
  • Ant Design 4.0——世界級設計體系 暗黑模式設計解析
    近年來暗黑模式的設計趨勢開始一點點明顯,Ant Design 在這次 4.0 的升級中也對這類暗黑場景化的設計開始進行初步的探索,接下來就讓我們一起來看下 Ant Design 這一針對企業級的設計體系是如何設計暗黑模式的。暗黑模式是指把所有 UI 換成黑色或者深色的一個模式。
  • Github黑暗模式正式發布,Reddit4k高贊
    最近,在GitHub Universe上,一款「暗黑」模式被推了出來。官方自稱:「2020年宇宙新功能」。GitHub Universe 是GitHub的年度選框產品和社區活動,聚集了構建全球最重要技術的GitHub產品專家,軟體領導者和企業團隊。
  • Github中文項目排行榜,你永遠想不到開發者都用它幹了什麼
    這位用戶呼籲,GitHub 應該按照開發者所屬國家和地區進行項目排行。從今天(2019 年 10 月 10 日)的榜單來看,確實有一部分項目是中文的。沒等 GitHub 做出來這個功能,強大的中國開發者就出手了。
  • GitHub:已獲美國許可,恢復伊朗開發者使用權限
    該公司帳戶自 12 月 30 日起被 github 方面全面關閉。事件起因在於,「公司的一名員工回伊朗探親時,在家打開了電腦進行工作」。對此,GitHub 官網的解釋是:「在受制裁的國家或地區旅行可能會影響帳戶狀態,但是一旦位於受制裁的地區之外,並且成功提交了個人帳戶申訴請求或組織帳戶申訴請求,對 GitHub 的訪問權可能會恢復。」
  • 開啟教學 Dark Mode 暗黑模式
    隨著最新的 Android 10 與 iOS 13 的發布,讓我們很驚訝的是,身邊的教師朋友提及最期待的功能之一是「暗黑模式」,所不同的是蘋果叫做「Dark Mode」,谷歌叫做「Dark Theme」。