{"id":16574767,"url":"https://github.com/hsins/hackmd-themes","last_synced_at":"2025-08-19T19:18:42.452Z","repository":{"id":110866864,"uuid":"466965796","full_name":"Hsins/hackmd-themes","owner":"Hsins","description":"🎨 Colorful and pretty themes for HackMD. Most of them are ported from Typora Themes and Obsidian Themes.","archived":false,"fork":false,"pushed_at":"2022-03-10T09:04:33.000Z","size":100,"stargazers_count":26,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-09T03:35:20.518Z","etag":null,"topics":["hackmd","hackmd-theme"],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Hsins.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2022-03-07T06:11:22.000Z","updated_at":"2025-03-20T22:49:07.000Z","dependencies_parsed_at":"2023-03-13T13:47:57.960Z","dependency_job_id":null,"html_url":"https://github.com/Hsins/hackmd-themes","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Hsins/hackmd-themes","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hsins%2Fhackmd-themes","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hsins%2Fhackmd-themes/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hsins%2Fhackmd-themes/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hsins%2Fhackmd-themes/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Hsins","download_url":"https://codeload.github.com/Hsins/hackmd-themes/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hsins%2Fhackmd-themes/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262854339,"owners_count":23375107,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["hackmd","hackmd-theme"],"created_at":"2024-10-11T21:45:37.526Z","updated_at":"2025-06-30T21:34:40.674Z","avatar_url":"https://github.com/Hsins.png","language":"CSS","readme":"\u003c!-- badges --\u003e\n\u003cdiv align=\"right\"\u003e\n\n  [![](https://img.shields.io/github/license/Hsins/hackmd-themes.svg?style=flat-square)](./LICENSE)\n\n\u003c/div\u003e\n\n\u003c!-- logo, title and description --\u003e\n\u003cdiv align=\"center\"\u003e\n\n  \u003cimg src=\"https://user-images.githubusercontent.com/26391143/156984836-38acacee-f510-474c-9b8a-6da4b855f653.png#gh-dark-mode-only\" alt=\"HackMD Themes\" height=\"150px\"\u003e\n  \u003cimg src=\"https://user-images.githubusercontent.com/26391143/156984539-606601e9-ad2c-48d6-a783-f6a95bf0bd44.png#gh-light-mode-only\" alt=\"HackMD Themes\" height=\"150px\"\u003e\n\n# HackMD Themes\n\n🎨 _Colorful and pretty themes for [HackMD](https://hackmd.io/). Most of them are ported from [Typora Themes](https://theme.typora.io/) and [Obsidian Themes](https://github.com/kmaasrud/awesome-obsidian#themes)._\n\n\u003c!-- Badges --\u003e\n[![](https://img.shields.io/badge/HackMD-@themes-E2EB86.svg?style=flat-square\u0026labelColor=black\u0026logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAHdElNRQfmAwoINxXXHd3sAAACTElEQVRo3u2Zz0sVURTHPzPvycyDFv4IyYTo2UYMaREILtpJf4G50UVCRNAutFwVGNTGZbQoArdChdAuEDeCm3CTi9q5lZI2D5/U810XL3HUuTPnztzrA53v8t7Lmc/9zj33HGagUKGLLi9uUNkLlQPAp5dAHGeHWjaQmNUK4BLPuEdFaIbHU5YAn2Z2LyIACjWt9pWJHigU6pZ6qDqU0Sv0NeMj2hkdNUAnr5mh3NpEPoCOTOY1qfCCWcpHTFkBsqpJwPNDhHYAeEB4iCDxwDZASxGENAg3ABGENB9cARxDaA+A8Cy4BBCdBXG65ECABf6djQNezIZCXjKnL2t2HfjFEuEpt32qXOenW4BWAfzBfc2s9hzaArgJpNw7irhCbQtgik2+8DdhxR57Lh24zBueUNf2IiXe8dYlAIQMJc73xw+7vYii0pwOEwe2+XzUeiaok3G6pEFNAFZ5LCrxAVXGpEFNXkFd2GU1ErMhhwNVBtlN7bkVXfS5AbjDir6oRBTQ6wagxFWD1UKdXRpacGCL94I0VHTziCsuANZ4JYw5KgcweQUN4bom+/KgJg4Mc5eaIA27ueEG4DbLor2VCd0AQMVotQOARusDRIpKlNwAfGdedAZ6mGfABcAGH0XrfCblACZpmPPTT34HRpgWpuGQKJ4xwCAfRB2BZ+KVWRYYhZap7dWwACgAdAAGjbVQmm5CB7Aubj9k2uVb/ITuHvjENSasld8ai3yNn0r6Y9JDkPHnycln1Pmje1jSTbhjaf//9dtuuEKFzo0OACDtphjvEWdcAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTAzLTEwVDA4OjU1OjEwKzAwOjAwB+tWbQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0wMy0xMFQwODo1NToxMCswMDowMHa27tEAAAAASUVORK5CYII=)](https://hackmd.io/@themes)\n[![README in Traditional Chinese](https://img.shields.io/badge/README-繁體中文-8CA1AF.svg?logo=read-the-docs\u0026style=flat-square)](./README_zh-TW.md)\n\n\u003c/div\u003e\n\n## Usage\n\nAccording to [Use Custom CSS Style in HackMD](https://hackmd.io/@hackmd/hackmd-new-blog#%E5%9C%A8-HackMD-%E8%87%AA%E8%A8%82%E7%AD%86%E8%A8%98%E6%A8%A3%E5%BC%8F%E8%A1%A8) and [Share CSS Style with Embedding Feature](https://hackmd.io/@hackmd/hackmd-new-blog#%E4%BD%BF%E7%94%A8%E5%85%A7%E5%B5%8C%E7%AD%86%E8%A8%98%E5%8A%9F%E8%83%BD%E5%85%B1%E7%94%A8%E7%AD%86%E8%A8%98%E6%A8%A3%E5%BC%8F%E8%A1%A8). I've published these themes for embedding use. Just use the syntax below to include the theme you need in your HackMD document.\n\n```\n{%hackmd @themes/dracula %}\n```\n\nThe 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).\n\n## Themes\n\n\u003ctable\u003e\n\u003ctr\u003e\n  \u003cth\u003e Name \u003c/th\u003e\n  \u003cth\u003e Preview \u003c/th\u003e\n  \u003cth\u003e Embed Snippet \u003c/th\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd align=\"center\"\u003e\n\nDracula \u003cbr\u003e \u003ctt\u003e[DEMO](https://hackmd.io/@themes/demo-dracula)\u003c/tt\u003e \n  \n\u003c/td\u003e\n\u003ctd align=\"center\"\u003e\n\n\u003cimg src=\"https://i.imgur.com/67hTXQp.png\" width=\"400\"\u003e\n\n\u003c/td\u003e\n\u003ctd align=\"center\"\u003e\n\n```\n{%hackmd @themes/dracula %}\n```\n\n\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd align=\"center\"\u003e\n\nNotion \u003cbr\u003e \u003ctt\u003e[DEMO](https://hackmd.io/@themes/demo-notion)\u003c/tt\u003e \n  \n\u003c/td\u003e\n\u003ctd align=\"center\"\u003e\n\n\u003cimg src=\"https://i.imgur.com/vVHOEwy.png\" width=\"400\"\u003e\n\n\u003c/td\u003e\n\u003ctd align=\"center\"\u003e\n\n```\n{%hackmd @themes/notion %}\n```\n\n\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd align=\"center\"\u003e\n\nOrangeHeart \u003cbr\u003e \u003ctt\u003e[DEMO](https://hackmd.io/@themes/demo-orangeheart)\u003c/tt\u003e \n  \n\u003c/td\u003e\n\u003ctd align=\"center\"\u003e\n\n\u003cimg src=\"https://i.imgur.com/G2dcJh9.png\" width=\"400\"\u003e\n\n\u003c/td\u003e\n\u003ctd align=\"center\"\u003e\n\n```\n{%hackmd @themes/orangeheart %}\n```\n\n\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/table\u003e\n\n## Contribution\n\nThe syncing process of themes is handled by [HackMD API](https://hackmd.io/@hackmd-api/developer-portal/) and [GitHub Actions](https://github.com/features/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`](./.github/workflows/update-themes.yaml) for this workflow.\n\nThis project exists thanks to all the people who contribute:\n\n\u003ca href=\"https://github.com/Hsins/hackmd-themes/graphs/contributors\"\u003e\n  \u003cimg src=\"https://contrib.rocks/image?repo=Hsins/hackmd-themes\" /\u003e\n\u003c/a\u003e\n\n## Credits\n\nThemes are ported from [Typora Themes](https://theme.typora.io/) and [Obsidian Themes](https://github.com/kmaasrud/awesome-obsidian#themes). Credited to following people:\n\n- **Dracula Theme**: [dracula](https://github.com/dracula), [Teyler7](https://github.com/Teyler7)\n- **Notion Theme**: [adrian-fuertes](https://github.com/adrian-fuertes)\n- **OrangeHeart Theme**: [zhning12](https://github.com/zhning12), [evgo2017](https://github.com/evgo2017)\n\n## Other HackMD Themes\n\n- [Neko250/hmd-themes](https://github.com/Neko250/hmd-themes)\n- [Yukaii/hackmd-themes](https://github.com/Yukaii/hackmd-themes)\n\n## License\n\nLicensed under the Apache License, Version 2.0. Copyright © 2022-present [H.-H. Peng](https://github.com/Hsins).\n\n\u003cdiv align=\"center\"\u003e\n  \u003csub\u003eAssembled with ❤️ in Taiwan.\u003c/sub\u003e\n\u003c/div\u003e\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhsins%2Fhackmd-themes","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhsins%2Fhackmd-themes","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhsins%2Fhackmd-themes/lists"}