Power Mode Plus ^{VS Code}

[!IMPORTANT] This is a fork of vscode-power-mode by @hoovercj. All credit goes to the original author and its contributors.

Improvements

This fork includes fixes and enhancements based on community contributions from the original repository:

Fixed: Combo Meter Positioning Issue

The original extension had a combo meter positioning issue in VS Code v1.88.x or higher due to style changes. This fork incorporates a fix based on [PR #114](https://github.com/hoovercj/vscode-power-mode/pull/114) contributed by @slowquery.

If you are using Custom CSS and JS Loader with the following CSS:

.monaco-editor .lines-content > .view-lines > .view-line > span {
  width: inherit;
}

You can adjust the combo meter position using the powermode.combo.customCss configuration to achieve the original extension behavior:

[!NOTE] If you use percentage-based right positioning, you should enable "editor.wordWrap": true to prevent horizontal scrollbars from pushing the combo meter outside the visible viewport.

{
  "editor.wordWrap": true,
  "powermode.combo.customCss": {
    "right": "5%",
    "left": "auto"
  }
}

The current default value is "left": "calc(100vw - 35rem)", which looks good in most cases but cannot dynamically adjust its position when dragging the right sidebar.

Fixed: Combo Meter Decoration Flickering

The original extension had a flickering issue with the combo meter decoration. This was caused by the previous combo decoration being disposed before the new one was created. This fork incorporates a fix based on [PR #106](https://github.com/hoovercj/vscode-power-mode/pull/106) contributed by @ao-shen, which ensures the previous decoration is only disposed after the new one is created and rendered.

Enhanced: Custom CSS Support

With the powermode.combo.customCss configuration support, you can easily customize the combo meter's appearance. For example, you can change the font family:

{
  "powermode.combo.customCss": {
    "font-family": "Monaspace Argon"
  }
}

You can apply any CSS properties to fully personalize the combo meter to match your editor theme and preferences.

For a complete VSCode setup example with custom CSS and JS configurations, you can refer to my vscode-config.

Installation

Search for "power mode plus" in your editor's extension marketplace:

• VS Code Marketplace
• Open VSX Registry (for VS Code forks)
• GitHub Releases (download .vsix file)

Explosions

Particles

Fireworks

Flames

Magic

Clippy

Simple Rift

Exploding Rift

Configuration

[!NOTE] This extension inherits the configuration options from the original vscode-power-mode. However, deprecated configuration options from the original extension have been removed.

Commands

License

MIT License © jinghaihan