Skip to main content

Appearance Settings

Configure how TablePro looks in Settings > Appearance.
Appearance settings

Theme Engine

TablePro ships with 9 built-in themes and supports custom themes. Community themes are available from the plugin registry. Each theme controls editor syntax colors, data grid colors, sidebar/toolbar styling, fonts, spacing, and layout tokens.

Theme Editor Layout

The Appearance tab is a split view with two panels:
  • Left panel: Sections for “Built-in”, “Registry”, and “Custom”. Each row shows a color thumbnail, theme name, and source label. Select a theme to activate and edit it.
  • Right panel: Three tabs: Fonts, Colors, and Layout.
At the bottom of the sidebar, an action bar provides:
ButtonAction
+ menuNew Theme, Import…
- buttonDelete selected theme (disabled for built-in and registry themes)
Gear menuDuplicate, Export…, Uninstall (registry themes only)

Built-in Themes

ThemeAppearanceBased On
Default LightLightmacOS system colors
Default DarkDarkmacOS system colors
DraculaDarkDracula color scheme
Solarized LightLightEthan Schoonover’s Solarized
Solarized DarkDarkEthan Schoonover’s Solarized
One DarkDarkAtom One Dark
GitHub LightLightGitHub UI
GitHub DarkDarkGitHub UI
NordDarkArctic north-bluish palette

Theme Appearance Mode

Each theme has a fixed appearance property: light, dark, or auto. Activating a theme sets NSApp.appearance to match. One active theme at a time; there is no separate light/dark assignment.
Theme comparison

Customizing Themes

Select a theme and edit directly. Built-in themes auto-duplicate when you change colors or layout, preserving the original. Font changes apply without duplication.

Import, Export & Registry

Export custom themes as JSON. Import from files or install from the plugin registry (Settings > Plugins > Browse, filter by Themes). Registry themes are read-only; duplicate to customize.

Connection Colors

Color-code connections for quick identification:
ColorSuggested Use
NoneDefault, neutral
RedProduction databases
OrangeStaging environments
YellowTesting databases
GreenDevelopment/local
BlueShared databases
PurpleSpecial purpose
PinkPersonal projects

Setting Connection Color

  1. Open the connection form (edit or create)
  2. In the Appearance section, click Color
  3. Select a color from the palette
  4. Save the connection
Connection colors

Connection Color Display

Connection colors show up in:
  • Sidebar connection list
  • Tab headers
  • Connection status bar
  • Window title (when connected)
Use red for production databases as a visual reminder to be careful with queries.
Connection colors in sidebar and tabs

Database Type Colors

Each database type has a fixed color for quick identification:
DatabaseColor
MySQLOrange
MariaDBCyan
PostgreSQLBlue
SQLiteGreen
These appear on:
  • Database type icons
  • Connection type indicators
  • Sidebar icons
Database type colors