https://github.com/adrian-fuertes/typora-notion-theme

A beautiful, Notion-inspired Typora theme
https://github.com/adrian-fuertes/typora-notion-theme

notion typora typora-theme typora-themes

Last synced: about 1 hour ago
JSON representation

A beautiful, Notion-inspired Typora theme

• Host: GitHub
• URL: https://github.com/adrian-fuertes/typora-notion-theme
• Owner: adrian-fuertes
• License: mit
• Created: 2022-02-14T15:23:48.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2024-03-27T01:42:28.000Z (9 months ago)
• Last Synced: 2024-12-17T11:06:57.971Z (7 days ago)
• Topics: notion, typora, typora-theme, typora-themes
• Language: CSS
• Homepage:
• Size: 7.38 MB
• Stars: 272
• Watchers: 6
• Forks: 21
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
![header](assets/images/header-horizontal.jpg)

# Notion for Typora

A faithful reproduction of the original Notion theme, available in both dark mode and light mode.

## Styles

The theme is available in two styles: `original` and `enhanced`. The original style features simpler quotations and tables, mimicking the Notion app. The enhanced style darkens quotation backgrounds and adds alternating colors to the table backgrounds, improving visibility.

Additionally, in the original style, code fences more closely resemble those in Notion, having bright red text and a gray background. Inline code is more muted in the enhanced version.

Original style             | Enhanced style

:-------------------------:|:-------------------------:

![](assets/images/original-showcase.png)  |  ![](assets/images/enhanced-showcase.png)

## Install

- Download the latest [zipped themes package](https://github.com/adrian-fuertes/typora-notion-theme/releases).

- Copy the chosen `.css` file(s) to your Typora theme library (you can open the folder in ` preferences > appearance > themes`).

- Launch or restart Typora and choose the theme from the menu.

> Note: This theme has been created and tested in macOS 12, though it should work on Windows too.

>

> Having `SF Mono` or `Fira Code` installed is highly recommended for appropriate code display.

## Screenshots

![others-view](assets/images/others-view.png)

![search-view](assets/images/search-view.png)

![light-view](assets/images/sidebar-light.png)

![dark-view](assets/images/sidebar-dark.png)

![darker-view](assets/images/sidebar-darker.png)