Designed and tested on macOS. Not fully tested, but should work for Windows/Linux.But this theme does not include styles for Windows “unibody” style
This is a custom theme for the Markdown editor Typora.
My custom Typora theme is now featured on the official site! 🎉 Check it out here: Typora Themes
Feedback is always welcome! If you encounter any issues or have a suggestion, please don't hesitate to create an issue.
- Notion-like design for a clean and minimal look.
- Compact file tree to display more files and directories.
- Precise replication of Notion’s aesthetics.
- The file tree and outline styles are based on Mdmdt. Adjustments have been made to the size, color, and some elements to better integrate with the overall Notion-like theme.
This repo provides a Notion-like theme as the default, plus an optional variant.
notion-style-light.cssnotion-style-dark.css
notion-style-light-enhanced.cssnotion-style-dark-enhanced.css
This variant focuses on readability and Typora usability, and may look different from Notion. Credits: @Hermione-Granger-1176 (from PR #11)
Installing this theme is easy—just move the CSS file into Typora's theme directory.
-
Download one of the CSS files from this repository:
- Default:
notion-style-light.css/notion-style-dark.css - Enhanced:
notion-style-light-enhanced.css/notion-style-dark-enhanced.css
- Default:
-
Open Typora and go to
Settings→Appearance→Open Theme Folder. -
Move the downloaded CSS file into the opened theme folder.
-
Restart Typora and go to
Settings→Appearanceto select the theme(Notion Style LightorNotion Style Dark).
Now the theme should be applied successfully.
This project is based on Mdmdt for the secondary development of the file tree and outline design. Adjustments have been made to better fit the Notion-like aesthetics.
Special thanks to the creator of Mdmdt for their great design and inspiration.
This project is licensed under the Apache License 2.0. See the LICENSE file for details.
Hope you enjoy this theme! If you do, a ⭐ on GitHub would mean a lot. 😊