Skip to content

lennardv2/vscode-window-color

Repository files navigation

VSCode Window Color

demo

Set Window Color & Name is a VS Code extension designed to make your Visual Studio Code window more personal and visually distinct. Easily set window-specific colors and display a window name in the status bar to improve organization and recognition across multiple windows.

Features

  • Customizable Colors:
    Personalize the colors of the activity bar, title bar, status bar, and other UI elements. Adjust contrast and transparency for better readability.

  • Dynamic Window Name:
    Display the window name in the status bar and optionally set it as the VS Code window title.

  • User-friendly Configuration Panel:
    Use an integrated settings panel to customize colors and window details.

  • Live Updates:
    All changes are applied instantly without needing to reload your editor.

  • Toggleable Options:
    Decide which parts of the UI to colorize:

    • Activity Bar
    • Title Bar
    • Status Bar
    • Active Items (buttons, tabs, etc.)
    • Window Name Coloring

Click the image to watch the full demo.

Differences from Peacock

  • Allows you to set a window name in the status bar.
  • Provides a settings panel for easy customization.
color-and-name-your-vsode-window

Settings

This extension adds the following settings to your window:

  • windowColor.name: Display name of the window in the status bar.
  • windowColor.mainColor: The primary color for UI customizations.
  • windowColor.isActivityBarColored: Enable/disable coloring of the activity bar.
  • windowColor.isTitleBarColored: Enable/disable coloring of the title bar.
  • windowColor.isStatusBarColored: Enable/disable coloring of the status bar.
  • windowColor.isWindowNameColored: Enable/disable coloring of the window name in the status bar.
  • windowColor.isActiveItemsColored: Enable/disable coloring of active UI elements.
  • windowColor.setWindowTitle: Set the VS Code window title to the window name.

How to Use

  1. Open the Command Palette (Ctrl+Shift+P or Cmd+Shift+P).
  2. Search for and select Customize Window Color & Name.
  3. Customize your window name, color, and toggles using the interactive settings panel.

or

  1. Click on the window name in the left lower corner

Keywords: window, colors, peacock, color, colorize, theme, personalization, customization, activity bar, title bar, status bar, window name, UI, settings, dynamic, live updates, toggleable, contrast, transparency, readability, integrated, user-friendly, interactive, settings panel, active items, buttons, tabs, window title, primary color, color settings, themes, override, personal, visually distinct, organization, recognition, multiple windows.

About

Customize your VS Code with project-specific colors and name

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •