Skip to main content
The JT-View-Exports-SVG.reloadTheme command reloads the built-in editor theme integration in the playground, ensuring the viewer reflects your current VS Code theme settings.

​
Command Details

Command ID

JT-View-Exports-SVG.reloadTheme

Display Title

Reload the built-in editor theme in the playground

Category

View Exports SVG
Icon: $(sync) (sync/refresh icon)

​
Availability

This command is only available when the View Exports SVG webview panel is active.Enablement condition: activeWebviewPanelId == 'JT-View-Exports-SVG'

​
Overview

The reload theme command synchronizes the viewer’s appearance with your current VS Code theme settings. This is useful when:
  • You’ve changed your VS Code color theme
  • Theme colors aren’t displaying correctly in the viewer
  • You’ve made custom theme modifications
  • The viewer theme seems out of sync

​
What Gets Reloaded

When you reload the theme, the extension:
  1. Retrieves current theme settings from VS Code
  2. Reloads extension theme data specific to your workspace
  3. Updates editor configuration in the viewer
  4. Sends theme information to the webview panel
  5. Refreshes visual elements to match the current theme

​
Theme Components Updated

Extension Theme

Custom theme data and color schemes for the extension

Editor Config

Editor-specific settings and preferences

Theme Kind

Light, dark, or high-contrast theme mode

Visual Elements

UI colors, backgrounds, and visual styling

​
Usage

​
From the Editor Title Bar

The reload theme button may be available in the viewer’s toolbar (look for the sync icon).

​
From Command Palette

1

Open Command Palette

Press Ctrl/Cmd + Shift + P
2

Search for command

Type “View Exports SVG: Reload the built-in editor theme in the playground”
3

Execute

Press Enter to reload the theme

​
Behavior

  • Extension theme data is reloaded
  • Theme information is sent to the webview
  • Editor configuration is updated
  • Visual elements refresh automatically
  • Viewer reflects the current VS Code theme
  • An information message is displayed: “No theme found for the current workspace”
  • The viewer continues using the previously loaded theme
  • You may need to check your workspace theme configuration

​
When to Use Reload Theme

Theme Changed

You’ve switched to a different VS Code color theme

Theme Modified

You’ve edited custom theme settings

Appearance Issues

Colors or styling don’t look correct in the viewer

Workspace Switch

You’ve switched to a workspace with different theme settings

​
Troubleshooting

​
Theme Not Applying

If the theme doesn’t reload correctly:
  1. Check VS Code theme: Ensure your VS Code theme is properly installed and active
  2. Reload window: Try reloading the entire VS Code window (Developer: Reload Window)
  3. Check workspace settings: Verify workspace-specific theme settings
  4. Restart extension: Close and reopen the View Exports SVG panel

​
No Theme Found Message

If you see “No theme found for the current workspace”:
This usually means the extension couldn’t locate theme data for your workspace. Try:
  • Ensuring you’re in a valid workspace
  • Checking if your theme supports the required theme APIs
  • Switching to a different theme and reloading

Build docs developers (and LLMs) love

Get started for freeTalk to us