基於 Fira Code 與 Darcula 的 Dark Theme

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

Version


Typora 0.9.9.19.4

Feature


dark000

  • 全部黑底白字,左側 outline 部分與右側 body 部分顏色稍有差別

dark001

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

Installation


dark003

dark002

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

dark004

  1. Typora Theme 預設放在 ~/Library/Application Support/abnerworks.Typora/themes
  2. gitHub-dark.css 放在此目錄

dark005

  • codeblock.dark.css 放在 Typora theme 目錄下的 night 目錄下

dark006

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

Conclusion


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

Reference


Sayrus, Github Dark Theme for Typora

2019-02-04