Bases Visuals

by Gabriel Bacha
5
4
3
2
1
Score: 50/100

Description

Notion-inspired pill colors and conditional formatting for Obsidian Bases

Reviews

No reviews yet.

Stats

0
stars
136
downloads
0
forks
7
days
3
days
3
days
0
total PRs
0
open PRs
0
closed PRs
0
merged PRs
0
total issues
0
open issues
0
closed issues
9
commits

Latest Version

3 days ago

Changelog

Changelog

All notable changes to Bases Visuals are documented here.

0.6.0 — 2026-08-14

  • Store pill colors with each Base and share them across that Base's views.
  • Add per-rule This view and All views scopes for conditional formatting.
  • Add an All views in this base toggle for column text color and emphasis.
  • Copy existing global pill colors and rules into each Base on first use, then let Bases evolve independently.
  • Synchronize Base-wide visual settings to newly created views while keeping view-specific rules isolated.
  • Move Base-specific visual management to the native Format toolbar manager.
  • Keep reusable layout presets and manager preferences global.
  • Preserve normal Obsidian behavior when the plugin is disabled by using namespaced Base view configuration.

0.5.0 — 2026-08-14

  • Color grouped table headings with the same property/value color as their matching pills.
  • Remove the native gray gap between colored group headings and their rows.
  • Add a native Column appearance entry to column-header context menus.
  • Add view-specific Default, Muted, Faint, and custom text colors for column body cells.
  • Add an independent Bold column control that combines with every text treatment.
  • Preserve semantic pill colors while gently reducing their prominence in muted or faint columns.
  • Open Column appearance as a hoverable, keyboard-accessible submenu beside the native menu.
  • Keep column headers unchanged when applying body-cell appearance.
  • Display the full author name, Gabriel Bacha, in Obsidian.

0.4.0 — 2026-08-13

  • Add a native Layout toolbar control beside Format for Base tables.
  • Expose Obsidian's Short, Medium, Tall, and Extra tall row-height settings directly in Layout.
  • Add Compact, Standard, Wide, and Maximum column-width presets with Unset only and confirmed All columns scopes.
  • Keep the Layout popover open while testing widths and make its toolbar button toggle the popover closed.
  • Add temporary column-header indicators showing which columns match or will change with the selected width.
  • Add named saved-layout presets that restore row height, column width, and width scope together.
  • Add confirmed column-width reset and confirmation before every operation that overwrites all column widths.
  • Add a subtle Base header tint and bold the first configured visible column.
  • Persist and validate layout presets through settings schema version 3.

0.3.0 — 2026-08-06

  • Add an intent-first pill menu with separate color and column-manager views plus native-backed removal from the current row.
  • Show column search only for larger value sets and highlight the originally clicked value.
  • Refine pill menus with native icons, compact swatches, clearer focus states, and confirmation before removing a value.
  • Make conditional-formatting rule fields horizontally scrollable in narrow manager windows.
  • Match the Base toolbar with a transparent, compact palette + Format control.
  • Add a unified Bases Visuals modal with Pill colors and Conditional formatting tabs.
  • Reuse the searchable, property-grouped pill color manager in both the modal and settings.

0.2.2

  • Match the native two-level Base toolbar item structure.
  • Remove the oversized filled appearance from the Conditional formatting action.

0.2.1

  • Fix the Conditional formatting toolbar button in native Base file views.
  • Match Obsidian's current sibling .bases-header and .bases-view structure.

0.2.0

Initial public release.

  • Add deterministic Notion-inspired colors for list-property pills.
  • Add preset, custom, automatic, and disabled color states.
  • Add conditional formatting for matching cells and entire rows.
  • Add a native-style Conditional formatting action to Base table toolbars.
  • Support native and embedded Base tables, virtualized rows, and pop-out windows.
  • Preserve Obsidian's native list editor without modifying notes or Base definitions.

README file from

Github

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
  • Grouped row headings that automatically mirror the grouped value's pill color
  • View-specific column appearance with muted, faint, custom-color, and bold treatments

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.
  • Group a table by a colored list property to carry each value's pill color into its group heading.
  • Right-click a column header and choose Column appearance to de-emphasize, recolor, or bold that field in the current view or every view in the Base.
  • Choose Format in the Base toolbar to manage conditional formatting and every discovered property value for that Base.

Pill colors are scoped to the current Base and shared by its views. Conditional-formatting rules can target only the current view or every view in the Base, remain case-insensitive, and are evaluated top-to-bottom. Color and conditional-formatting changes never modify note properties. Layout and column-appearance actions use Obsidian's native Base view configuration. Column appearance can also be shared across every view in the Base. 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 visual preferences in namespaced Base view configuration.
  • It does not modify note Markdown or frontmatter. Pill colors, conditional formatting, layout, and column appearance are saved as namespaced 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