Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Aether Theme Pallete PickerNew to Visual Studio Code? Get it now.
Aether Theme Pallete Picker

Aether Theme Pallete Picker

Hrishikesh H Puliga

|
7 installs
| (0) | Free
A theme generated with Aether color palette
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Aether Icon

Aether Theme

A dynamic VS Code theme that automatically updates based on your Aether color palette. This extension reads color definitions from Aether and generates a cohesive VS Code theme that evolves with your wallpaper changes.

Demo Video

Screenshots

Display 1

Display 1

Display 2

Display 2

Display 3

Display 3

Features

  • Dynamic Theme Generation: Automatically extracts colors from your Aether palette (background, foreground, and 16-color palette)
  • Real-time Updates: Watches for changes in your Aether configuration and updates the theme instantly
  • Auto-Update: Optional automatic theme updates when your wallpaper or color palette changes
  • VS Code Integration: Seamlessly integrates with VS Code's theme system
  • Color Accuracy: Preserves color values exactly as defined in your Aether configuration

Requirements

  • VS Code 1.34.0 or higher
  • Aether - The color scheme generator that this extension depends on

Installation

  1. Install Aether and generate your color palette
  2. Install this extension from the VS Code marketplace
  3. Select "Aether" from the theme selector (Preferences > Color Theme)
  4. Enable auto-update in settings for automatic theme regeneration (optional)

Extension Commands

This extension contributes the following command:

  • aetherTheme.update: Execute a manual update of the theme to sync with your current Aether palette

You can access this command via:

  • Command Palette: Ctrl+Shift+P → "Aether Theme: Update"
  • Or bind it to a keyboard shortcut in your keybindings.json

Extension Settings

This extension contributes the following setting:

  • aetherTheme.autoUpdate (default: true): Enable/disable the auto-update of the theme when your Aether palette changes

Configure this in your VS Code settings:

{
  "aetherTheme.autoUpdate": true
}

How It Works

  1. The extension reads your Aether color configuration from ~/.config/aether/theme.override.css
  2. It extracts:
    • Background color (color 0)
    • Foreground color (color 7)
    • 16-color palette (colors 1-15)
  3. The colors are processed and applied to a VS Code theme template
  4. Two theme variants are generated:
    • aether.json - Standard theme
  5. Changes are automatically detected and the theme is regenerated if auto-update is enabled

Release Notes

Version 0.0.1

  • Initial release
  • Dynamic theme generation from Aether color palette
  • Auto-update functionality
  • Manual update command

Troubleshooting

"Couldn't load colors from Aether cache" error

  • Ensure you have run Aether at least once to generate the color palette
  • Verify that ~/.config/aether/theme.override.css exists
  • Try running the manual update command: aetherTheme.update

Theme not updating automatically

  • Check that aetherTheme.autoUpdate is enabled in settings
  • Verify file permissions for ~/.config/aether/
  • Try manually triggering an update with the command palette

Extension not activating

  • Reload VS Code window (Ctrl+Shift+P → "Developer: Reload Window")
  • Ensure the extension is enabled in your extensions list

Credits

This extension is inspired by:

  • Ayu - For theme architecture inspiration
  • vscode-wal - For dynamic theme generation concepts
  • Aether - The color scheme generator

License

This project is licensed under the MIT License - see the LICENSE file for details.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft