Chat Bubble Theme

An Obsidian theme plugin with 4 color presets (Lavender, Warm, Ocean, Forest), chat bubble callouts with optional emoji indicators, rounded tables, and full color customization — bundled as a plugin.

Why a plugin instead of a pure theme?

Obsidian themes are CSS-only and cannot execute JavaScript. This plugin adds one feature that requires JS:

• Chat callout outline injection — parses > [!chat-r] and > [!chat-l] callouts and injects them as virtual headings into Obsidian's metadata cache, so they appear in the Outline pane (including Quiet Outline).
• Sticky outline — keeps the Outline pane showing the last active markdown file when focus moves to a non-editor view (e.g. terminal).
• Multi-language UI — settings panel automatically follows Obsidian's global language setting (English, 简体中文, 繁體中文, Français).

All theme styling is dynamically generated from plugin settings, giving full control over colors, sizes, and features without editing CSS.

Preview

Lavender	Warm	Ocean	Forest

Features

• 4 theme presets — Lavender (lilac/purple), Warm (cream/brown), Ocean (ice/teal), Forest (mint/green)
• Per-theme color palettes with white/black endpoints for fine-tuning
• Callout emoji indicators (colored circles, 💬, or none)
• Rounded tables with configurable corner radius and header/border color
• Code blocks with dark/light theme toggle, language label, and always-visible copy button
• Chat bubble callouts (chat-r for right-aligned, chat-l for left-aligned)
• Styled inline code, blockquotes, links, and lists
• Chat callouts visible in Outline / Quiet Outline as configurable heading entries
• Sticky outline — retains the last markdown file's outline when a terminal or other non-editor view gets focus
• Multi-language settings UI — English, Simplified Chinese, Traditional Chinese, French; auto-detected from Obsidian's language setting

Settings

Accessible from Settings > Community plugins > Chat Bubble Theme Plugin (gear icon).

Color settings include a preset palette of theme-matched swatches (with white/black endpoints) alongside the standard color picker for quick selection.

Localization

The settings panel is fully localized and automatically follows Obsidian's global language setting (Settings > General > Language). Supported languages:

No configuration needed — switching Obsidian's language and reopening the settings tab applies the new language immediately.

Installation

1. Copy the chat-bubble-theme folder into .obsidian/plugins/
2. Enable the plugin in Settings > Community plugins
3. Set Settings > Appearance > CSS Theme to none (the plugin provides all styling)

Chat Bubble Callouts

Use [!chat-r] and [!chat-l] for right- and left-aligned chat bubbles:

> [!chat-r]
> This appears as a right-aligned bubble.

> [!chat-l]
> This appears as a left-aligned bubble.

Theme Presets

Switching presets overwrites color settings with theme defaults. You can then fine-tune any color individually.

License

MIT