You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/customization/appearance.mdx
+4-114Lines changed: 4 additions & 114 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -76,107 +76,13 @@ You pick one active theme at a time. There is no separate "light theme" and "dar
76
76
77
77
## Customizing Themes
78
78
79
-
Select a theme in the sidebar, then edit it directly in the right panel.
79
+
Select a theme and edit directly. For built-in themes, you can always edit fonts, and you can modify colors/layout by duplicating first.
80
80
81
-
### Fonts Tab
81
+
Built-in themes auto-duplicate when you make changes, preserving the original.
82
82
83
-
Always editable, even on built-in themes. If you change a font on a built-in theme, TablePro auto-duplicates it as a custom theme so the original stays untouched.
83
+
## Import, Export & Registry
84
84
85
-
Four settings:
86
-
87
-
-**Editor font family** (used in the SQL editor)
88
-
-**Editor font size**
89
-
-**Data grid font family** (used in result grid cells)
90
-
-**Data grid font size**
91
-
92
-
A live preview updates as you change values.
93
-
94
-
<Tip>
95
-
If you only want to change fonts without touching colors, just adjust the font fields. The auto-duplicate handles the rest.
96
-
</Tip>
97
-
98
-
### Colors Tab
99
-
100
-
Defines 50+ colors across 5 categories. For built-in themes, the Colors tab shows a "Duplicate to customize" prompt. Duplicate first, then edit freely.
101
-
102
-
| Category | What It Controls |
103
-
|----------|-----------------|
104
-
|**Editor**| Background, text, cursor, current line highlight, selection, line numbers, invisibles, and 8 syntax colors (keyword, string, number, comment, null, operator, function, type) |
|**Animations**| Durations: fast (0.1s), normal (0.15s), smooth (0.2s), slow (0.3s) |
124
-
125
-
Values in parentheses are defaults.
126
-
127
-
## Import and Export
128
-
129
-
### Exporting a Theme
130
-
131
-
1. Select the theme in the sidebar
132
-
2. Click the **gear** menu at the bottom of the sidebar
133
-
3. Choose **Export...**
134
-
4. Pick a save location
135
-
136
-
The exported `.json` file contains all colors, fonts, and layout tokens.
137
-
138
-
### Importing a Theme
139
-
140
-
1. Click the **+** menu at the bottom of the sidebar
141
-
2. Choose **Import...**
142
-
3. Select a `.json` theme file
143
-
144
-
The imported theme appears in the "Custom" section.
145
-
146
-
<Note>
147
-
Custom themes are stored as JSON files in `~/Library/Application Support/TablePro/Themes/`.
148
-
</Note>
149
-
150
-
## Registry Themes
151
-
152
-
Install community-created themes from the plugin registry without leaving the app.
153
-
154
-
### Installing a Theme
155
-
156
-
1. Go to **Settings > Plugins > Browse**
157
-
2. Filter by **Themes** category
158
-
3. Click **Install Theme** on the theme you want
159
-
4. The theme appears in the "Registry" section of **Settings > Appearance**
160
-
161
-
Registry themes are read-only. To customize one, duplicate it first: the copy appears in the "Custom" section and is fully editable.
162
-
163
-
### Uninstalling a Theme
164
-
165
-
1. Select the registry theme in **Settings > Appearance**
166
-
2. Click the **gear** menu
167
-
3. Choose **Uninstall**
168
-
169
-
If the uninstalled theme was active, TablePro falls back to Default Light.
170
-
171
-
<Note>
172
-
Registry themes are stored in `~/Library/Application Support/TablePro/Themes/Registry/`. They use a `registry.*` ID prefix to avoid conflicts with built-in and custom themes.
173
-
</Note>
174
-
175
-
### Theme File Format
176
-
177
-
Theme files are JSON with these top-level keys: `id`, `name`, `version`, `appearance`, `author`, `editor`, `dataGrid`, `ui`, `sidebar`, `toolbar`, `fonts`, `spacing`, `typography`, `iconSizes`, `cornerRadius`, `rowHeights`, `animations`.
178
-
179
-
All fields are optional on import. Missing fields fall back to Default Light values.
0 commit comments