Bases Visuals

Bases Visuals adds compact, Notion-inspired pill colors and conditional formatting to Obsidian Base tables.

Features

• Stable automatic colors scoped by property and value
• Named presets plus custom hex colors
• A centralized manager for every discovered pill color
• Searchable settings manager grouped by property
• Long labels stay compact with ellipsis and a full-value tooltip
• Native and embedded Base table support
• Light and dark theme-aware colors
• Ordered conditional-formatting rules for text, lists, checkboxes, inputs, and numbers
• Soft cell or entire-row highlighting with preset and custom colors
• A native-looking palette button in Base table toolbars
• A compact Layout popover for native row heights and reusable column widths
• Named layout presets that restore row height, width, and application scope together
• Temporary header indicators showing which columns match the selected width
• Subtle table-header tinting and emphasis for the first visible column

Usage

Open a Base table containing a list property. Values receive stable automatic colors as they appear.

• Left-click a cell to keep using Obsidian's native value editor.
• Right-click a pill for a compact action menu. Open its palette only when changing color, manage every encountered value in that table column, or remove the clicked value from its row.
• Click Format in a Base table toolbar to open the unified Pill colors and Conditional formatting manager.
• Click Layout to adjust row height, test column-width presets, reset widths, or save the current combination as a reusable layout.
• Use Unset only to preserve unrelated manual widths. Header indicators show which columns will change. All columns always asks for confirmation.
• Open Settings → Bases Visuals to manage conditional formatting and every discovered property value.

Rules are global by property ID, case-insensitive, and evaluated top-to-bottom. Color and conditional-formatting changes never modify note properties. Layout actions use Obsidian's native Base view configuration for row height and column widths. The explicit Remove from row action delegates that one list edit to Obsidian.

Installation

Community plugins

Bases Visuals is being prepared for the Obsidian Community Plugins directory. Once accepted, install it from Settings → Community plugins → Browse.

Manual installation

1. Download main.js, manifest.json, and styles.css from the latest GitHub release.
2. Place them in <vault>/.obsidian/plugins/bases-pill-colors/.
3. Reload Obsidian and enable Bases Visuals under Community plugins.

Privacy and data access

• Bases Visuals works entirely offline and makes no network requests.
• It observes rendered Base tables and stores color preferences through Obsidian's plugin settings API.
• It does not directly read or write Markdown or frontmatter. Layout changes are saved through Obsidian's native Base view configuration; Remove from row invokes Obsidian's native list-value removal control.
• It includes no telemetry or analytics.

Development

npm install
npm run dev

Use npm run build, npm test, and npm run lint before releasing.

Support

Report bugs and request features through GitHub Issues.

License

MIT