點燈坊

學而時習之,不亦悅乎

GitHub Dark Theme for Typora

Sam Xiao's Avatar 2019-05-23

自從 macOS Mojave 引進 Dark Mode 之後,我所有 App 都已經切換成 Dark Mode,唯一只剩下 Typora 沒有換,其實目前已經有不少 Typora Theme 支援 Dark Mode,但總是沒找到完全喜歡的,索性自己調了一個,特色是使用 Fira Code 與 Darcula 主題配色。

Version

Typora 0.9.9.24.6

Dark Mode

dark000

  • 全部黑底白字,左側 outline 部分與右側 body 部分顏色稍有差別
  • Body 並沒有用完全黑色,主要是太深的黑色也不適合長時間使用

Code

dark001

  • Code 字型使用 Fira Code
  • Code 配色使用 JetBrains Darcula

Source Mode

dark007

  • Markdown source mode 也調成對比較清楚顏色

Installation

dark003

  • 從我的 GitHub 下載 github-dark.css

dark002

Typora -> Preferences -> General -> Open Theme Folder

dark004

  • github-dark.css 放在 Typora Theme 預設的 ~/Library/Application Support/abnerworks.Typora/themes 目錄下

dark006

重新啟動 Typora,在 Themes 會看到 GitHub Dark

Conclusion

  • 由於 Typora 的 theme 使用 CSS,因此彈性就很大,可以自行調成喜歡的字型與顏色

Reference

Sayrus, Github Dark Theme for Typora
Oomusou, GitHub Dark Theme for Typora