{"id":27093493,"url":"https://github.com/gapmiss/inline-callouts","last_synced_at":"2026-05-31T00:04:52.007Z","repository":{"id":286210835,"uuid":"960696340","full_name":"gapmiss/inline-callouts","owner":"gapmiss","description":"An Obsidian.md plugin for displaying inline \"callouts\" badges \u0026 icons.","archived":false,"fork":false,"pushed_at":"2026-05-22T00:28:32.000Z","size":8097,"stargazers_count":34,"open_issues_count":5,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2026-05-22T09:50:16.797Z","etag":null,"topics":["obsidian","obsidian-md","obsidian-plugin"],"latest_commit_sha":null,"homepage":"","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/gapmiss.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"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,"zenodo":null}},"created_at":"2025-04-04T22:19:19.000Z","updated_at":"2026-05-22T02:34:29.000Z","dependencies_parsed_at":"2025-04-05T01:24:14.144Z","dependency_job_id":"e139cf68-2071-4ae9-835f-2fec4410b5ed","html_url":"https://github.com/gapmiss/inline-callouts","commit_stats":null,"previous_names":["gapmiss/inline-callouts"],"tags_count":8,"template":false,"template_full_name":null,"purl":"pkg:github/gapmiss/inline-callouts","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gapmiss%2Finline-callouts","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gapmiss%2Finline-callouts/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gapmiss%2Finline-callouts/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gapmiss%2Finline-callouts/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gapmiss","download_url":"https://codeload.github.com/gapmiss/inline-callouts/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gapmiss%2Finline-callouts/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33714036,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-05-30T02:00:06.278Z","response_time":92,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["obsidian","obsidian-md","obsidian-plugin"],"created_at":"2025-04-06T08:24:14.983Z","updated_at":"2026-05-31T00:04:52.002Z","avatar_url":"https://github.com/gapmiss.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Inline Callouts\n\n## Introduction\n\nA plugin for displaying inline \"callouts\" in [Obsidian.md](https://github.com/obsidianmd); a successor to the [Badges](https://github.com/gapmiss/badges) plugin by the same author. Key differences: simpler syntax, access to all Lucide icons in Obsidian, modal interfaces for icon suggestions, new inline callout and modify inline callout.\n\n- [Demo](#demo)\n- [Features](#features)\n- [Usage](#usage)\n- [Caveats](#caveats)\n- [Installation](#installation)\n- [CSS styles](#css)\n- [Style Settings plugin](#style-settings-plugin)\n- [Development](#development)\n- [Credits](#credits)\n- [Notes](#notes)\n\n## Demo\n\n\u003e [!NOTE]\n\u003e See demo markdown file [here](./demo/example.md)\n\n![](./screenshots/Inline-Callouts-demo-Obsidian-v1.8.9-2025-04-06-15.57.34.png)\n\n![](./screenshots/Inline-Callouts-demo-Obsidian-v1.8.9-2025-04-06-15.57.39.png)\n\n## Features\n\n### \"New inline callout\" modal\n\n\u003cdetails style=\"margin-block: 1em;\"\u003e\n\t\u003csummary\u003e👇️ Show GIF screencast\u003c/summary\u003e\n\t\u003cp\u003e\u003c/p\u003e\n\t\u003cp\u003e\n\t\t\u003cimg src=\"https://github.com/gapmiss/inline-callouts/blob/master/screenshots/Inline-Callouts-demo-Obsidian-v1.8.9-2025-04-06-16.28.58.gif?raw=true\" alt=\"New Inline Callout modal\" /\u003e\n\t\u003c/p\u003e\n\u003c/details\u003e\n\n### \"Modify inline callout\" Modal\n\n\u003cdetails style=\"margin-block: 1em;\"\u003e\n\t\u003csummary\u003e👇️ Show GIF screencast\u003c/summary\u003e\n\t\u003cp\u003e\u003c/p\u003e\n\t\u003cp\u003e\n\t\t\u003cimg src=\"https://github.com/gapmiss/inline-callouts/blob/master/screenshots/Inline-Callouts-demo-Obsidian-v1.8.9-2025-04-06-16.32.11.gif?raw=true\" alt=\"Modify Inline Callout modal\" /\u003e\n\t\u003c/p\u003e\n\u003c/details\u003e\n\n### Editor auto-complete icon suggester\n\n\u003cdetails style=\"margin-block: 1em;\"\u003e\n\t\u003csummary\u003e👇️ Show GIF screencast\u003c/summary\u003e\n\t\u003cp\u003e\u003c/p\u003e\n\t\u003cp\u003e\n\t\t\u003cimg src=\"https://github.com/gapmiss/inline-callouts/blob/master/screenshots/Inline-Callouts-demo-Obsidian-v1.8.9-2025-04-06-16.40.29.gif?raw=true\" alt=\"Auto-complete icon suggester\" /\u003e\n\t\u003c/p\u003e\n\u003c/details\u003e\n\n### \"Search for inline callouts\" modal\n\n\u003cdetails style=\"margin-block: 1em;\"\u003e\n\t\u003csummary\u003e👇️ Show GIF screencast\u003c/summary\u003e\n\t\u003cp\u003e\u003c/p\u003e\n\t\u003cp\u003e\n\t\t\u003cimg src=\"https://github.com/gapmiss/inline-callouts/blob/master/screenshots/Inline-Callouts-demo-Obsidian-v1.8.9-2025-04-06-17.19.23.gif?raw=true\" alt=\"Icon suggestion modal\" /\u003e\n\t\u003c/p\u003e\n\u003c/details\u003e\n\n### Compatible with Style Settings plugin\n\n\u003cdetails style=\"margin-block: 1em;\"\u003e\n\t\u003csummary\u003e👇️ Show screenshot\u003c/summary\u003e\n\t\u003cp\u003e\u003c/p\u003e\n\t\u003cp\u003e\n\t\t\u003cimg src=\"https://github.com/gapmiss/inline-callouts/blob/master/screenshots/Inline-Callouts-demo-Obsidian-v1.8.9-2025-04-06-17.24.20.png?raw=true\" alt=\"Compatible with Style Settings plugin\" /\u003e\n\t\u003c/p\u003e\n\u003c/details\u003e\n\n### Settings\n\n\u003cdetails style=\"margin-block: 1em;\"\u003e\n\t\u003csummary\u003e👇️ Show screenshot\u003c/summary\u003e\n\t\u003cp\u003e\u003c/p\u003e\n\t\u003cp\u003e\n\t\t\u003cimg src=\"https://github.com/gapmiss/inline-callouts/blob/master/screenshots/Inline-Callouts-demo-Obsidian-v1.8.9-2025-04-06-17.23.37.png?raw=true\" alt=\"Settings\" /\u003e\n\t\u003c/p\u003e\n\u003c/details\u003e\n\n## Usage\n\n### Syntax\n\n```markdown\n`[!!ICON|LABEL|COLOR]`\n```\n\n| Syntax            | Details                                            |\n| ----------------- | -------------------------------------------------- |\n| `ICON`            | Lucide icon name, or `none`/`blank` for no icon    |\n| `LABEL`(optional) | Callout label/title text                           |\n| `COLOR`(optional) | Hex, RGB values, or Obsidian CSS var               |\n\n\n\u003e [!IMPORTANT]\n\u003e The `LABEL` cannot contain either the `|` pipe or the \u003ccode\u003e`\u003c/code\u003e backtick symbols, as they are used as delimiters for the custom syntax.\n\n## Caveats\n\n- Consecutive inline callouts must be separated by at lease one space, character, or line return to be rendered correctly in reading view.\n- Inline callouts do not work inside wiki or external link markdown\n- Markdown and HTML code is NOT rendered in the callout label\n- When using inline callouts in a table, the pipe characters must be escaped by a backslash `\\`. e.g.:\n\t```\n\t| example                                  |\n\t| ---------------------------------------- |\n\t| `[!!info\\|Lorem\\|var(--color-blue-rgb)]` |\n\t```\n\n## Installation\n\n[Find at Obsidian.md/plugins](https://obsidian.md/plugins?search=inline-callouts)\n\nFrom Obsidian's settings:\n\n1. Community Plugins \u003e Browse\n2. Search for \"Inline Callouts\"\n\nVia BRAT (Beta Reviewer's Auto-update Tool):\n\n1. Ensure [BRAT](https://github.com/TfTHacker/obsidian42-brat) is installed\n2. Trigger the command Obsidian42 - BRAT: Add a beta plugin for testing\n3. Enter this repository, gapmiss/inline-callouts\n4. Enable the \"Inline Callouts\" plugin in the community plugin list\n\nManually:\n\n1.  download `main.js`, `manifest.json` \u0026 `styles.css` from the latest [release](https://github.com/gapmiss/inline-callouts/releases/)\n2.  create a new folder `/path/to/vault/.obsidian/plugins/inline-callouts`\n3.  move all 3 files to `/path/to/vault/.obsidian/plugins/inline-callouts`\n4.  Settings \u003e Community plugins \u003e reload **Installed plugins**\n5.  enable plugin\n\n\n## CSS\n\nCustom `CSS` styles can be applied via CSS snippets. All colors and styles can be over-written just the same.\n\nSee [CSS snippets - Obsidian Help](https://help.obsidian.md/Extending+Obsidian/CSS+snippets)\n\n### Variables\n\n```css\nbody {\n    --inline-callout-font-family: inherit;\n    --inline-callout-font-size: .85em;\n    --inline-callout-font-weight: 400;\n    --inline-callout-border-radius: 4px;\n    --inline-callout-bg-transparency: .1;\n    --inline-callout-margin: 1px;\n    --inline-callout-padding-top: 1px;\n    --inline-callout-padding-right: 0px;\n    --inline-callout-padding-bottom: 2px;\n    --inline-callout-padding-left: 0px;\n    --inline-callout-icon-size: .85em;\n    --inline-callout-icon-margin-top: 3px;\n    --inline-callout-icon-margin-right: 3px;\n    --inline-callout-icon-margin-bottom: 0px;\n    --inline-callout-icon-margin-left: 5px;\n    --inline-callout-label-margin-top: 2px;\n    --inline-callout-label-margin-right: 5px;\n    --inline-callout-label-margin-bottom: 0px;\n    --inline-callout-label-margin-left: 2px;\n}\n```\n\n### Obsidian.md RGB color variables\n\n```\nvar(--mono-rgb-0)\nvar(--mono-rgb-100)\nvar(--color-red-rgb)\nvar(--color-orange-rgb)\nvar(--color-yellow-rgb)\nvar(--color-green-rgb)\nvar(--color-cyan-rgb)\nvar(--color-blue-rgb)\nvar(--color-purple-rgb)\nvar(--color-pink-rgb)\n```\n\n## Style Settings plugin\n\nThe above `--inline-callout-*` CSS variables can be modified via the [Style Settings plugin](https://github.com/mgmeyers/obsidian-style-settings)\n\n## Development\n\n### Clone this repo\n\n```bash\ncd /path/to/vault/.obsidian/plugins\ngit clone https://github.com/gapmiss/inline-callouts.git\ncd inline-callouts\n```\n\n### Install packages and run\n\n```bash\nnpm i\nnpm run dev\n```\n\n### Enable plugin\n\n1.  open `Settings` → `Community plugins`\n2.  enable the `Inline Callouts` plugin.\n\n## Credits\n\nSome code inspired by and derived from:\n\n- [chrisgurney/obsidian-note-toolbar](https://github.com/chrisgurney/obsidian-note-toolbar/)\n- [javalent/admonitions](https://github.com/javalent/admonitions/)\n- [Moyf/easy-copy](https://github.com/Moyf/easy-copy/)\n- [nhaouari/obsidian-textgenerator-plugin](https://github.com/nhaouari/obsidian-textgenerator-plugin/)\n- [steven-kraft/obsidian-markdown-furigana](https://github.com/steven-kraft/obsidian-markdown-furigana)\n\nThank you!\n\n## Notes\n\n[Lucide](https://github.com/lucide-icons/lucide) Icons: https://lucide.dev\n\nLucide Icons LICENSE: https://lucide.dev/license\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgapmiss%2Finline-callouts","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgapmiss%2Finline-callouts","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgapmiss%2Finline-callouts/lists"}