hsins / hackmd-themes

🎨 Colorful and pretty themes for HackMD. Most of them are ported from Typora Themes and Obsidian Themes.

HackMD Themes

🎨 Colorful and pretty themes for HackMD. Most of them are ported from Typora Themes and Obsidian Themes.

Usage

According to Use Custom CSS Style in HackMD and Share CSS Style with Embedding Feature. I've published these themes for embedding use. Just use the syntax below to include the theme you need in your HackMD document.

{%hackmd @themes/dracula %}

The name of published themes will follow the naming convention THEME_NAME or THEME_NAME-STYLE (Note that THEME_NAME and STYLE should be in lowercase).

Themes

Name	Preview	Embed Snippet
Dracula DEMO		{%hackmd @themes/dracula %}
Notion DEMO		{%hackmd @themes/notion %}
OrangeHeart DEMO		{%hackmd @themes/orangeheart %}

Contribution

The syncing process of themes is handled by HackMD API and GitHub Actions. We can modify the *.css file inside ./styles directory and then actions will automatically minimize the file and upload to HackMD. Check update-themes.yaml for this workflow.

This project exists thanks to all the people who contribute:

Credits

Themes are ported from Typora Themes and Obsidian Themes. Credited to following people:

• Dracula Theme: dracula, Teyler7
• Notion Theme: adrian-fuertes
• OrangeHeart Theme: zhning12, evgo2017

Other HackMD Themes

• Neko250/hmd-themes
• Yukaii/hackmd-themes

License

Licensed under the Apache License, Version 2.0. Copyright © 2022-present H.-H. Peng.

_{Assembled with ❤️ in Taiwan.}