85
56

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Visual Studio Codeの背景を透過する(Windows版)

Last updated at Posted at 2018-01-06

結論

拡張機能GlassIt-VSCを使えばできます。

image.png

やりかた

  1. Windowsを用意します。Macしか無いならばこの機会に買いましょう。
  2. VSCodeをインストールします。
  3. VSCodeの拡張機能GlassIt-VSCをインストールします。

おわり。

環境

  • VSCode 1.19.1 x64
  • Windows 10 Pro Insider Preview 10.0.17025.0

Insider Previewである必要は特に無いと思いますが、GlassIt-VSCはWindows7以降でないと動作しないようです。

拡張機能のインストールと設定

VSCodeのコマンドパレットを起動(Ctrl+Shift+P)して>Install ExtensionsからGlasslt-VSCをインストールします。

コマンドパレットで>Open User Settingsして、settings.jsonにglassit.alphaを設定すると、不透明度を調整できます。>Reload Windowで反映されます。

settings.json
{
  "glassit.alpha": 220
}

またCtrl+Alt+zで減少、Ctrl+Alt+cで上昇します。settings.jsonにも反映されます。

参考: Mac版について

Make VSCode window transparent · Issue #12578 · Microsoft/vscodeにて議論されていますが、Macにはまだこのような拡張機能は無いようです。

85
56
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
85
56

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?