https://github.com/kinoute/typora-github-night-theme

Dark Typora themes that reproduce the new GitHub Dark Themes as much as possible.
https://github.com/kinoute/typora-github-night-theme

color-scheme dark-theme dimmed-theme high-contrast markdown markdown-editor themes typora typora-theme wysiwyg

Last synced: 29 days ago
JSON representation

Dark Typora themes that reproduce the new GitHub Dark Themes as much as possible.

• Host: GitHub
• URL: https://github.com/kinoute/typora-github-night-theme
• Owner: kinoute
• Created: 2021-01-12T23:10:26.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2021-10-24T12:24:39.000Z (about 3 years ago)
• Last Synced: 2024-09-30T00:44:37.106Z (about 1 month ago)
• Topics: color-scheme, dark-theme, dimmed-theme, high-contrast, markdown, markdown-editor, themes, typora, typora-theme, wysiwyg
• Language: CSS
• Homepage: https://theme.typora.io/theme/Github-Night/
• Size: 8.75 MB
• Stars: 200
• Watchers: 8
• Forks: 26
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

• jimsghstars - kinoute/typora-github-night-theme - Dark Typora themes that reproduce the new GitHub Dark Themes as much as possible. (CSS)

README

        
# GitHub Night Themes for Typora

Three dark themes for [Typora](https://typora.io), a multi-platform Markdown Editor, that reproduces the new GitHub Dark Themes, recently deployed on their website — Default Dark, Dark dimmed, Dark High Contrast.

![](images/montage-themes.png)

## Installation

1. Download the zipped project package or the [latest stable release](https://github.com/kinoute/typora-github-night-theme/releases).

2. Launch Typora and open `Preferences` from the app menu.

3. Go to the `Appearance` tab, and choose `Open Theme Folder`.

4. Copy all the `github-night*.css` files and the `github-night` folder to your Typora theme library.

5. Launch or restart Typora and choose one of the `GitHub Night` themes from the theme menu.

## Status

The themes are usable on all three platforms. Since I have only macOS at my disposal right now to test, the themes might look weird on Windows/Linux and still need improvements.

For that matter, Issues and Pull Requests are very welcome!

## Screenshots

All the screenshots below feature the default GitHub Dark theme, "GitHub Night".

### Articles

![](images/articles.png)

### Source Mode

![](images/sourcemode.png)

### Focus Mode

![](images/focusmode.png)

### Code Blocks & Folders Menu

![](images/codefolders.png)

### Plan

![](images/plan.png)

## Other theme in Typora

I made another theme for Typora, a dark blue one. It's called "Hivacruz" and you can find it here: https://github.com/kinoute/typora-hivacruz-theme.

![](images/hivacruz.png)

## Other themes in other apps

I made other themes for different applications. Here there are:

- Sublime Text theme: https://github.com/kinoute/hivacruz-sublime-theme

- VSCode Theme: https://github.com/kinoute/vscode-hivacruz-theme

- Vim Theme: https://github.com/kinoute/vim-hivacruz-theme

- iTerm2: https://github.com/kinoute/hivacruz-itermcolors

- Nova: https://github.com/kinoute/hivacruz-nova-theme

## Credits

* Created by [Yann Defretin](https://github.com/kinoute).

* Based on the official GitHub Dark Themes available on their website.

* The main font used is [Nunito](https://fonts.google.com/specimen/Nunito) designed by Vernon Adams.

* The font used for Code Blocks is [San Francisco Mono](https://developer.apple.com/fonts/) by Apple.