Themes

Themes set the colors of JSON Digger, including the colors of keys, strings, and numbers in the tree. You choose one theme for light mode and one for dark mode. All theme settings are in Preferences → Appearance.

Choose a theme

1. Open Preferences (Ctrl+,) and select Appearance.
2. Under Mode, choose System, Light, or Dark. System follows your computer’s light or dark setting.
3. Under Customize profile, choose Light or Dark, then click a theme.

Light mode and dark mode each have their own theme. The Light and Dark switch under Customize profile chooses which one you change, whatever mode is showing, so you can set up your dark theme while you work in light mode. The light themes include Codex Light, GitHub Light, and Solarized Light; the dark themes include Codex Dark, Dracula, Nord, and Tokyo Night.

To switch between light and dark quickly, choose View → Toggle Theme. This sets Mode to Light or Dark, so the app stops following the system setting.

Adjust a theme’s colors

Under the theme list, change Accent, Background, or Foreground with the color picker or a hex value, such as #1e1e2e, and move Contrast to make surfaces, borders, and text stand out more or less. The theme is then marked Customized; Reset to preset returns to its original colors.

The readouts show whether text and accent are readable against the background. A color too faint to read is refused, with a message that gives the contrast it needs.

Install a VS Code theme

Browse themes… lists the VS Code themes that come with JSON Digger. Search or filter them, and select Install to add one to your light or dark themes. Installing does not switch to it: click it in the theme list.

Import a VS Code theme

To use a VS Code theme you have as a file:

1. Select Import theme… and choose the theme’s .json or .jsonc file. You find these files in a VS Code extension’s themes folder.
2. JSON Digger adds the theme and switches to it, in light or dark mode depending on the theme.

JSON Digger takes the background, text, and accent colors and the colors of keys, strings, and numbers from the theme. When it has to adjust a color, or cannot import the theme, a message says why.

To remove a theme you installed or imported, hover over it and select the trash button.

Fonts and sizes

Interface Font sets the font of the menus, panels, and dialogs, and Document font the font of the data views; see Appearance in Preferences. Choose a monospaced font for Document font, such as Consolas or JetBrains Mono, so that values line up. A larger document font also makes the rows taller.