List Callouts Improved

approved

by Daniel Yim

Create simple callouts in lists. - This plugin has not been manually reviewed by Obsidian staff.

138 downloadsUpdated 7d agoGPL-3.0

List Callouts, Improved

Create customized callouts in any list or highlighted text in Obsidian.

[!NOTE] This project is a fork of obsidian-list-callouts by @mgmeyers, who deserves all the credit for the original plugin and its design. Unfortunately that project has seen no activity since September 2024 and appears to be abandoned by the author.

This fork picks up maintenance and feature development so the plugin keeps working with current versions of Obsidian.

Typing a configurable character at the beginning of a list item turns the item into a highlighted callout:

A note with each built-in callout character applied to a list item, shown in light and dark mode

The characters can be replaced with icons:

The same note with each callout character replaced by an icon, shown in light and dark mode

An item whose text runs onto further lines is one callout: the band covers every line of the item, in the editor as in reading view, nested items included:

Three list items, two of them running onto further lines and one of those nested, each painted as a single band covering all of its lines, shown in light and dark mode

Characters, icons, and colors are all configurable, and you can add your own callouts:

The plugin settings tab with the icon picker open and a tooltip naming the hovered icon, in light and dark mode

A callout's color paints both its marker and its background. If the marker is hard to read against a faint background, switch Default marker color to Custom marker color and pick a color for the marker alone. The background keeps the callout's color, and the marker color also applies to that callout's highlights:

A callout's settings row with the marker color dropdown on "Custom marker color", its preview showing a dark amber star on the callout's yellow background, and the marker color picker open below the second swatch, in light and dark mode

A callout line shows two markers by default: the list's own bullet or number, then the callout's. Turn on Hide bullets and numbers in the settings tab and the callout marker stands in for the bullet, the way a checkbox does. A checkbox stays, since it can be clicked, and plain list items keep their bullets:

Six list items with the setting on: a star callout above a plain bullet item, a question-mark callout above a plain numbered item, and a warning callout keeping its checkbox above a plain task, shown in light and dark mode

The previews in the settings tab follow the toggle, so each callout shows how it will look:

The settings tab with Hide bullets and numbers turned on: every callout's preview line shows its marker in place of the bullet, in light and dark mode

Callouts are drawn in Live Preview and reading view. Source mode shows the raw markdown, - & Important and so on, with no marker, band or highlight color over it, so the callout character is there to see and edit.

Callout padding and background intensity can be adjusted with the Style Settings plugin.

Highlights

The same callout triggers work inside Obsidian's ==highlight== syntax. Start a highlight with a callout trigger and a space ==* Highlighted text==, and it takes that callout's color, led by the character, or by the icon if one is set:

A paragraph with several inline highlights, each in a different callout color, rendered twice: led by the callout characters above, and by the callouts' icons below, each shown in light and dark mode

A highlight that runs across a line break is colored as one in both the editor and reading view, including a list item's continuation line. Highlights inside callout blocks and tables work too:

A paragraph, a list, a callout block and a table, each holding highlights in different callout colors, two of them running across a line break, shown in light and dark mode

Managing callouts

Callouts are defined in one list. A new vault starts with the seven shown above, and any of them can be edited, reordered by dragging, or deleted, built-in ones included.

The plugin's settings tab in full: the highlight toggles, then the seven built-in callouts each with a preview, character, icon, color and marker color, and the reset at the bottom, shown in light and dark mode

Reset to defaults, at the bottom of the settings tab, restores the original seven. It replaces everything currently configured, so added callouts and edits to the built-in ones are lost. It asks for confirmation first and can't be undone.

The order matters: it is the order the cycling commands below step through.

Commands

Each command can be given a hotkey from Settings → Hotkeys. All three act on every line a selection touches, skipping lines that aren't list items, and one undo reverts them all.

CommandWhat it does
Next callout / Previous calloutSteps the line through the callout list in the order the settings tab shows. A plain list item is part of the cycle: stepping off either end leaves a plain list item, so overshooting wraps around instead of stranding the line, and the two directions are exact inverses.
Remove calloutStrips the callout character from the current line, leaving the list item behind.

Support for custom icons

Any SVG in your vault's .obsidian/icons folder is registered as an icon and appears in the picker alongside the ones Obsidian ships. A file named My Fancy Icon.svg gets the icon name my-fancy-icon.

This is the same folder Iconize uses, so a vault already keeping icons there needs no changes.

Icons are read when the plugin loads, so restart Obsidian or toggle the plugin after adding files. A name that an Obsidian icon already uses is skipped rather than replaced, and a file that is not usable SVG is skipped with a note in the console.

Migrating from List Callouts

This fork uses a new plugin id, so Obsidian treats it as a separate plugin and your existing List Callouts settings won't carry over on their own.

If the original plugin's settings are still in your vault, the settings tab offers an Import from List Callouts button that copies them over.

The Import from List Callouts row at the top of the settings tab, shown in light and dark mode

Once migrated, disable or delete the old plugin.

Development

See docs/DEVELOPMENT.md for building the plugin and docs/TESTING.md for running the test suite.

License

GPL-3.0

If this plugin is useful to you, please consider buying me a coffee.

For plugin developers

Search results and similarity scores are powered by semantic analysis of your plugin's README. If your plugin isn't appearing for searches you'd expect, try updating your README to clearly describe your plugin's purpose, features, and use cases.