Skip to content

wraith13/zoombar-vscode

Repository files navigation

Zoom Bar README

Zoom UI in status bar for vscode.

Features

Can zoom via GUI in status bar.

screen shot

Tutorial

0. ⬇️ Install Zoom Bar

Show extension side bar within VS Code(Mac:Command+Shift+X, Windows and Linux: Ctrl+Shift+X), type zoombar-vscode and press Enter and click Install. Restart VS Code when installation is completed.

1. 🔍 Zooming via GUI

Click - to zoom out, click + to zoom in. And click zoom percentage to show zoom menu.

how to use

menu screen shot

2. 🔧 Next step

You can change settings by settings.json. And you can apply keyboard shortcuts by keybindings.json.

Enjoy!

Commands

  • Zoom Bar: Select Zoom : zoom by preset or input
  • Zoom Bar: Reset Zoom : reset zoom
  • Zoom Bar: Zoom In : zoom in
  • Zoom Bar: Zoom Out : zoom out

Extension Settings

This extension contributes the following settings by settings.json( Mac: Command+,, Windows / Linux: File -> Preferences -> User Settings ):

  • zoombar.defaultZoom: set default zoom
  • zoombar.zoomUnit: set zoom unit
  • zoombar.zoomUnitType: set zoom unit type
  • zoombar.preview: temporarily apply the zoom before confirming.
  • zoombar.zoomPreset: set zoom preset
  • zoombar.zoomInLabel: set zoom in's label
  • zoombar.zoomOutLabel: set zoom out's label
  • zoombar.fontZoomResetLabel: set Editor Font Zoom Reset's label
  • zoombar.uiDisplayOrder: set zoom UI display order
  • zoombar.configurationTarget: configuration target scope.

You can embed icons in the label text( zoombar.zoomInLabel, zoombar.zoomOutLabel ) by leveraging the syntax:

My text $(icon-name) contains icons like $(icon'name) this one.

Where the icon-name is taken from the octicon icon set, e.g. light-bulb, thumbsup, zap etc.

You can specify unicode characters ( include emoji ) as label text too.

Keyboard shortcut Settings

In default, Zoom bar's commands doesn't apply keyboard shortcuts. Althogh, you can apply keyboard shortcuts by keybindings.json ( Mac: Code -> Preferences -> Keyboard Shortcuts, Windows / Linux: File -> Preferences -> Keyboard Shortcuts).

Command name on keybindings.json is diffarent from on Command Pallete. See below table.

on Command Pallete on keybindings.json
Zoom Bar: Select Zoom zoombar-vscode.selectZoom
Zoom Bar: Reset Zoom zoombar-vscode.resetZoom
Zoom Bar: Zoom In zoombar-vscode.zoomIn
Zoom Bar: Zoom Out zoombar-vscode.zoomOut

Release Notes

see ChangLog on marketplace or github

Support

GitHub Issues

License

Boost Software License

Download VSIX file ( for VS Code compatible softwares )

Releases · wraith13/zoombar-vscode

Other extensions of wraith13's work

Icon Name Description
Bracket Lens Show bracket header on closing bracket.
Zoom Bar Zoom UI in status bar for VS Code.
Unsaved Files Easy access to unsaved files for VS Code.

See all wraith13's expansions: https://marketplace.visualstudio.com/publishers/wraith13