Foreglow Theme for Visual Studio Code

A twilight-inspired theme for Visual Studio Code.

Variants

• Foreglow Theme: Dark theme
• Afterglow Theme: Light theme
• Alpenglow Theme: Rubescent theme
• Airglow Theme: Auroral theme

Installation

From Marketplace

Search for Foreglow Theme in the VS Code Extensions Marketplace.

Manual Install

cd ~/.vscode/extensions
git clone https://github.com/Foreglow/visual-studio-code.git
code --install-extension foreglow-theme.theme-foreglow

Usage

Open the Command Palette (Ctrl+Shift+P / Cmd+Shift+P) and select:

• Foreglow Theme
• Afterglow Theme
• Alpenglow Theme
• Airglow Theme

Or add to your settings.json:

{
  "workbench.colorTheme": "Foreglow Theme"
}

Glow Effect and Starfield Background

VS Code doesn't natively support text effects, and as a result the glow is experimental. It's likely to be buggy and, whilst it looks futuristic, it isn't intended for extended use. To enable the glow, the extension has to modify the internal files of VS Code, so use with caution. Should something go wrong, you can disable the glow or starfield by running Foreglow: Toggle Glow or Foreglow: Toggle Starfield again from the Command Palette. If for any reason you can't open VS Code, you can fix the issue with a fresh install.

Enable the Glow

Firstly, if you are a Windows user, you may need to run VS Code with administrator privileges. For Linux and Mac users, Code must not be installed in a read-only location and you must have write permissions.

To activate the glow, open the Command Palette with Ctrl + Shift + P or Shift + ⌘ + P and choose Foreglow: Toggle Glow. It will prompt you to restart, and when you do the lights should be on.

Because enabling the glow modifies core files, VS Code will interpret this as the core being 'corrupted' and you may see an error message on restarting your editor. You can safely dismiss this message, or remove it entirely with the Fix VSCode Checksums extension.

Upon installation of 'Fix VSCode Checksums', open the command palette and execute Fix Checksums: Apply. You will need to completely restart VS Code after execution; reopening without fully exiting might not be enough.

Every time you update VS Code, you will need to repeat this step to re-enable the glow.

Disable the Glow

To disable the glow, open the Command Palette with Ctrl + Shift + P or Shift + ⌘ + P and choose Foreglow: Toggle Glow.

Enable the Starfield

To activate the starfield background, open the Command Palette with Ctrl + Shift + P or Shift + ⌘ + P and choose Foreglow: Toggle Starfield. It will prompt you to restart, and when you do the animated starfield background should be visible.

Disable the Starfield

To disable the animated starfield background, open the Command Palette with Ctrl + Shift + P or Shift + ⌘ + P and choose Foreglow: Toggle Starfield.

Settings

Notes

• Glow is theme-aware and automatically matches the active Foreglow variant. Do not mix glow stylesheets between themes.
• Enabling or disabling glow modifies VS Code's internal workbench files and requires a restart to take effect.
• You may see a corruption or unsupported warning after enabling; this is expected and can be dismissed.
• Every VS Code update will require re-enabling glow.

Color Palettes

Foreglow (Dark)

Afterglow (Light)

Alpenglow (Rubescent)

Airglow (Auroral)

Screenshot

Coming soon.

License

MIT © Foreglow