{"id":23392963,"url":"https://github.com/binarynoir/vscode-markdown-tags","last_synced_at":"2026-02-08T08:31:26.759Z","repository":{"id":261529414,"uuid":"884577697","full_name":"binarynoir/vscode-markdown-tags","owner":"binarynoir","description":"Enhance your Markdown documents with custom tags. Use predefined or custom labels, customizable colors, and arrow indicators to visually track tasks and statuses.","archived":false,"fork":false,"pushed_at":"2024-12-04T16:05:24.000Z","size":3381,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-22T18:40:30.468Z","etag":null,"topics":["markdown","visual-studio-code","visual-studio-code-extension","visual-studio-code-extensions"],"latest_commit_sha":null,"homepage":"https://binarynoir.tech","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/binarynoir.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"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},"funding":{"buy_me_a_coffee":"binarynoir","ko_fi":"binarynoir"}},"created_at":"2024-11-07T02:14:53.000Z","updated_at":"2025-01-26T10:42:38.000Z","dependencies_parsed_at":"2024-12-04T17:30:21.753Z","dependency_job_id":null,"html_url":"https://github.com/binarynoir/vscode-markdown-tags","commit_stats":null,"previous_names":["kryptonianson/markdown-tags","binarynoir/markdown-tags","binarynoir/vscode-markdown-tags"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/binarynoir/vscode-markdown-tags","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/binarynoir%2Fvscode-markdown-tags","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/binarynoir%2Fvscode-markdown-tags/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/binarynoir%2Fvscode-markdown-tags/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/binarynoir%2Fvscode-markdown-tags/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/binarynoir","download_url":"https://codeload.github.com/binarynoir/vscode-markdown-tags/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/binarynoir%2Fvscode-markdown-tags/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29225477,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-08T06:05:31.539Z","status":"ssl_error","status_checked_at":"2026-02-08T05:58:33.853Z","response_time":57,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["markdown","visual-studio-code","visual-studio-code-extension","visual-studio-code-extensions"],"created_at":"2024-12-22T05:16:51.240Z","updated_at":"2026-02-08T08:31:26.747Z","avatar_url":"https://github.com/binarynoir.png","language":"TypeScript","readme":"# Tags for Markdown: Enhanced Styled Labels for VS Code\n\nAdd visual flair to your Markdown documents with custom tag styles! **Tags for Markdown** lets you highlight and style labels within Markdown documents using simple syntax, customizable colors, and optional arrow indicators—all in the native Visual Studio Code preview. If you like **Tags for Markdown**, get our plugin for [Obsidian](https://github.com/binarynoir/obsidian-markdown-tags)!\n\n[![Support me on Buy Me a Coffee](https://img.shields.io/badge/Support%20me-Buy%20Me%20a%20Coffee-orange?style=for-the-badge\u0026logo=buy-me-a-coffee)](https://buymeacoffee.com/binarynoir)\n[![Support me on Ko-fi](https://img.shields.io/badge/Support%20me-Ko--fi-blue?style=for-the-badge\u0026logo=ko-fi)](https://ko-fi.com/binarynoir)\n[![Visit my website](https://img.shields.io/badge/Website-binarynoir.tech-8c8c8c?style=for-the-badge)](https://binarynoir.tech)\n\n![vscode-markdown-tags](./screenshot.png)\n\n## Features\n\n### 🎨 Styled Tags\n\n### 🖌️ Customizable Colors\n\nUse predefined colors or specify custom hex codes for both background and foreground colors, enabling unlimited styling options.\n\n### 📄 Flexible Syntax\n\nSimple, flexible syntax options (use either `|` or `/` as the separator):\n\n```markdown\n((tag|label))\n((tag/label))\n((tag|label|background-color))\n((tag/label/background-color))\n((tag|label|background-color|foreground-color))\n((tag/label/background-color/foreground-color))\n((\u003ctag|label)) \u003c!-- Adds an arrow to the left --\u003e\n((\u003ctag/label)) \u003c!-- Adds an arrow to the left --\u003e\n```\n\n### 🌈 Supports a Variety of Colors\n\nChoose from predefined colors (`grey`, `green`, `orange`, etc.) or use custom hex codes to suit your design preferences.\n\n---\n\n## Getting Started\n\n1. **Install the Extension**:\n\n   - **From Visual Studio Code**:\n\n     1. Open Visual Studio Code.\n     2. Go to the Extensions view by clicking on the Extensions icon in the Activity Bar on the side of the window or by pressing `Ctrl+Shift+X` (Windows/Linux) or `Cmd+Shift+X` (macOS).\n     3. Search for `Markdown Tags`.\n     4. Click on the `Install` button.\n\n   - **From the Visual Studio Code Marketplace**:\n     1. Visit [Markdown Tags on Visual Studio Code Marketplace](https://marketplace.visualstudio.com/items?itemName=BinaryNoir.vscode-markdown-tags).\n     2. Click on the `Install` button.\n     3. Follow the prompts to complete the installation in Visual Studio Code.\n\n2. **Add Tags** in your Markdown files using the syntax below.\n3. **Open Preview** (Right-click the Markdown file → \"Open Preview\" or `Ctrl+Shift+V` on Windows or `Cmd+Shift+V` on macOS) to view styled tags in action.\n\n### Basic Syntax Examples\n\n#### Status Tags\n\n```markdown\n((tag|todo)) ((tag/in-progress/#ffcc00)) ((tag|done|#28a745|#ffffff))\n```\n\n#### Arrowed Tags\n\n```markdown\n((\u003ctag|planned)) ((\u003ctag/custom test))\n```\n\n#### Customizing Colors\n\n```markdown\n((tag|background|#ff4500)) ((tag/foreground//#ff6347)) ((tag|both colors|#32cd32|#ffffff))\n```\n\n---\n\n## Tags and Colors\n\nAvailable supported tags: **todo**, **planned**, **in-progress**, **doing**, **done**, **tip**,\n**on-hold**, **tbd**, **proposed**, **draft**, **wip**, **mvp**,\n**blocked**, **canceled**, **error**, **warning**, **warn**\n\nFor each tag, the following colors are available: **grey**, **green**, **yellow**, **orange**, **blue**, **purple**, **red**.\n\n[See Examples Markdown Documents](/examples/)\n\n### Tag Examples\n\n#### TODO\n\n- `((tag|todo|grey))` or `((tag/todo/grey))`\n- `((tag|todo|green))` or `((tag/todo/green))`\n- `((tag|todo|yellow))` or `((tag/todo/yellow))`\n- `((tag|todo|orange))` or `((tag/todo/orange))`\n- `((tag|todo|blue))` or `((tag/todo/blue))`\n- `((tag|todo|purple))` or `((tag/todo/purple))`\n- `((tag|todo|red))` or `((tag/todo/red))`\n\n#### PLANNED\n\n- `((tag|planned|grey))` or `((tag/planned/grey))`\n- `((tag|planned|green))` or `((tag/planned/green))`\n- `((tag|planned|yellow))` or `((tag/planned/yellow))`\n- `((tag|planned|orange))` or `((tag/planned/orange))`\n- `((tag|planned|blue))` or `((tag/planned/blue))`\n- `((tag|planned|purple))` or `((tag/planned/purple))`\n- `((tag|planned|red))` or `((tag/planned/red))`\n\n#### IN-PROGRESS\n\n- `((tag|in-progress|grey))` or `((tag/in-progress/grey))`\n- `((tag|in-progress|green))` or `((tag/in-progress/green))`\n- `((tag|in-progress|yellow))` or `((tag/in-progress/yellow))`\n- `((tag|in-progress|orange))` or `((tag/in-progress/orange))`\n- `((tag|in-progress|blue))` or `((tag/in-progress/blue))`\n- `((tag|in-progress|purple))` or `((tag/in-progress/purple))`\n- `((tag|in-progress|red))` or `((tag/in-progress/red))`\n\n#### DOING\n\n- `((tag|doing|grey))` or `((tag/doing/grey))`\n- `((tag|doing|green))` or `((tag/doing/green))`\n- `((tag|doing|yellow))` or `((tag/doing/yellow))`\n- `((tag|doing|orange))` or `((tag/doing/orange))`\n- `((tag|doing|blue))` or `((tag/doing/blue))`\n- `((tag|doing|purple))` or `((tag/doing/purple))`\n- `((tag|doing|red))` or `((tag/doing/red))`\n\n#### DONE\n\n- `((tag|done|grey))` or `((tag/done/grey))`\n- `((tag|done|green))` or `((tag/done/green))`\n- `((tag|done|yellow))` or `((tag/done/yellow))`\n- `((tag|done|orange))` or `((tag/done/orange))`\n- `((tag|done|blue))` or `((tag/done/blue))`\n- `((tag|done|purple))` or `((tag/done/purple))`\n- `((tag|done|red))` or `((tag/done/red))`\n\n#### TIP\n\n- `((tag|tip|grey))` or `((tag/tip/grey))`\n- `((tag|tip|green))` or `((tag/tip/green))`\n- `((tag|tip|yellow))` or `((tag/tip/yellow))`\n- `((tag|tip|orange))` or `((tag/tip/orange))`\n- `((tag|tip|blue))` or `((tag/tip/blue))`\n- `((tag|tip|purple))` or `((tag/tip/purple))`\n- `((tag|tip|red))` or `((tag/tip/red))`\n\n... _(repeat as necessary for remaining tags: on-hold, tbd, proposed, draft, mvp, etc.)_\n\n---\n\n### With Arrow (using `((\u003ctag|label|bgcolor))`)\n\n#### MVP\n\n- `((\u003ctag|mvp|grey))` or `((\u003ctag/mvp/grey))`\n- `((\u003ctag|mvp|green))` or `((\u003ctag/mvp/green))`\n- `((\u003ctag|mvp|yellow))` or `((\u003ctag/mvp/yellow))`\n- `((\u003ctag|mvp|orange))` or `((\u003ctag/mvp/orange))`\n- `((\u003ctag|mvp|blue))` or `((\u003ctag/mvp/blue))`\n- `((\u003ctag|mvp|purple))` or `((\u003ctag/mvp/purple))`\n- `((\u003ctag|mvp|red))` or `((\u003ctag/mvp/red))`\n\n... _(repeat as necessary for remaining tags: on-hold, tbd, proposed, draft, mvp, etc.)_\n\n---\n\n## Advanced Options\n\n### CSS Integration\n\nAdd custom styles by modifying the `style.css` file in the extension folder to match your preferences.\n\n### Error Handling\n\nThe extension defaults to `grey` when invalid colors are detected to ensure a consistent and polished look.\n\n---\n\n## Contributing\n\nFeel free to submit issues, feature requests, or contribute code on [GitHub](https://github.com/binarynoir/markdown-tag).\n\n## License\n\nMIT License\n\n---\n\n## Support\n\nIf you encounter any issues or have questions, please open an issue on [GitHub](https://github.com/binarynoir/markdown-tag/issues).\n\n## Author\n\nJohn Smith III\n\n## Acknowledgments\n\nThanks to all contributors and users for their support and feedback.\n","funding_links":["https://buymeacoffee.com/binarynoir","https://ko-fi.com/binarynoir"],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbinarynoir%2Fvscode-markdown-tags","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbinarynoir%2Fvscode-markdown-tags","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbinarynoir%2Fvscode-markdown-tags/lists"}