![HackMD Themes](https://user-images.githubusercontent.com/26391143/156984836-38acacee-f510-474c-9b8a-6da4b855f653.png#gh-dark-mode-only)
![HackMD Themes](https://user-images.githubusercontent.com/26391143/156984539-606601e9-ad2c-48d6-a783-f6a95bf0bd44.png#gh-light-mode-only)
๐จ Colorful and pretty themes for HackMD. Most of them are ported from Typora Themes and Obsidian Themes.
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).
Name | Preview | Embed Snippet |
---|---|---|
Dracula |
|
|
Notion |
|
|
OrangeHeart |
|
|
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:
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
Licensed under the Apache License, Version 2.0. Copyright ยฉ 2022-present H.-H. Peng.