

HackMD 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 |
|
|
Notion |
|
|
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
License
Licensed under the Apache License, Version 2.0. Copyright © 2022-present H.-H. Peng.