日本語版を開く
コード、画像、UI
はっきり言えます。
くっきりクリアです。
Wallpaper Settingが提供する背景は、目の覚めるような美しさ。VSCode の背景だけを透明にする事ができ、他の背景設定拡張機能と比べ物にならない鮮やかさです。UI と画像は豊かなコントラストで細部までくっきり際立たせ、コードはどこまでもシャープに読みやすく映し出します。
デメリット？
メリットしかありません。
 |
 |
|---|---|
Wallpaper Setting Opacity 0.4% |
Other Extensions Opacity 0.4% (0.6%) |
 |
 |
|---|---|
Wallpaper Setting Opacity 0.4% |
Other Extensions Opacity 0.4% (0.6%) |
鮮やかなエディター。 Wallpaper Setting は他の拡張機能では得られない鮮やかさ。 何も犠牲にする事なく最高の体験が楽しめます。
Wallpaper Setting を使い始めよう。
Wallpaper Setting で背景を設定するのはお茶のこさいさいです。 ⇧⌘P でコマンドパレットを表示して Wallpaper Setting と入力し、メニューから最適化を実行して画像や動画を背景に設定する。それだけ。
お気に召すまま。
Wallpaper Setting では VSCode のパーツ毎に透明度を設定できます。パーツ毎に見やすい透明度を設定して貴方だけの最高のエディターを手に入れましょう!
さぁ Wallpaper Setting をインストールして、最高の VSCode を手に入れよう!
詳細仕様
画像を背景に設定する。
| Name | Required | Description | Remark |
|---|---|---|---|
| File path | ○ | 壁紙として設定する画像ファイルのパス。 | |
| Size | - | 壁紙の画像サイズ。 | デフォルト "cover" |
| Position | - | 壁紙の画像位置。 | デフォルト "center" |
| Repeat | - | 壁紙の画像の繰り返す方法。 | デフォルト "no-repeat" |
画像のスライドを背景に設定する。
| Name | Required | Description | Remark |
|---|---|---|---|
| File paths | ○ | 画像スライドで使用される画像ファイルのパス。 | |
| Size | - | 壁紙の画像サイズ。 | デフォルト "cover" |
| Position | - | 壁紙の画像位置。 | デフォルト "center" |
| Repeat | - | 壁紙の画像の繰り返す方法。 | デフォルト "no-repeat" |
| Interval time | - | 画像の切り替え時間。 (時、分、秒、ミリ秒) | デフォルト 25 分 |
| Randome play | - | 画像の切り替え順番をランダムにするかどうか。 | デフォルト False |
| Effect fade in | - | 画像切り替え時にフェードインするかどうか。 | デフォルト True |
| Load wait complete | - | 画像の読み込みが完了するまで待つようにするかどうか。 | デフォルト False 画像のファイルサイズによっては起動に時間が掛かる場合があります。 |
動画を背景に設定する。
| Name | Required | Description | Remark |
|---|---|---|---|
| File path | ○ | 壁紙として設定する動画ファイルのパス。 | |
| Playback rate | - | 動画の再生レート。 | デフォルト 1.0 |
* 全画面壁紙モードのみ
* ミュートは仕様。
背景設定の登録と呼び出す機能です。
| Name | Required | Description | Remark |
|---|---|---|---|
| Start up | - | 起動時にお気に入りの設定から壁紙をランダムに設定するかどうか。 | デフォルト False |
| Filter | - | 起動時に設定する壁紙の種類。 | 選択肢:All, Image, Slide, Movie, Layout デフォルト All |
お気に入りの画像をインストールし直すことなく、背景画像を切り替えることができます。
* 全画面の画像か、画像のみで構成されたレイアウトのみ。スライドと動画は対象外です。
VSCode のウォーターマーク画像を変更、又は非表示にすることが出来ます。
* ウォーターマークを設定した後で、セットかリセットを実行してください。
以下のグラフィック効果を画像や動画に適用する事が出来ます。
- ぼかし
- 明度
- コントラスト
- グレイスケール
- 彩度
- セピア
* フィルターを設定した後で、セットかリセットを実行してください。
専用サーバーを用意することで、 WebSocket 経由で壁紙を設定することができます。
又は、クライアントから接続された時に画像ファイルを返すアプリケーションであればこの機能を利用することができます。
* サーバーからのレスポンスデータを検証できないので信頼できるサーバーでのみご利用ください。
Q. なぜ http ではなく WebSocket なのか?
A. VSCode は Content Security Policy (コンテンツセキュリティポリシー) で https と ws しか許可していません。
異なるマシン間で背景を共有する機能です。
背景画像をアップロードします。
画像をダウンロードし、背景に設定します。
アップロードした画像を削除します。
注意事項
同期機能は画像ファイルのデータを Base64 (文字列データ) に変換し、Settings Sync で共有することで実現しています。
Settings Sync のバックエンドは、おそらく Microsoft が提供しています。そして間違いなくこの用途 (画像データの共有) を目的としていません。
もし MB (KB もあるかもしれない) 以上の画像ファイルを Settings Sync で共有しようとすると Microsoft は怒るかもしれない。そして Microsoft はこの拡張機能を無効化し、場合によってはこの拡張機能を使用しているユーザーアカウントが Settings Sync を使用できないようにするかもしれません。
同期機能を使用する場合は、上記注意事項を理解した上でご利用ください。
Settings Sync にアップロードされる Base64 データは、AES256 CTR モードで暗号化します。
従って元の画像が第三者の目に触れることはありません。
貴方がパスワードとソルトに不適切な値を用いるか、暗号モジュール呼び出しの実装で、この拡張機能の開発者がミスをしない限りは。
VSCode から背景を消去し、この拡張機能に関するデータを削除します。
画像ファイルを指定するパスに環境変数を使用することができます。
| 記法 | 概要 | 備考 |
|---|---|---|
| ${userHome} | ログインユーザーのホームディレクトリの文字列パスを返します。 | 実装的には node.js の os.homedir を使用している。 |
| ${<環境変数名>} | ${~} で指定された環境変数が存在する場合、その環境変数の値で置き換えられます。 |
必要要件
この拡張機能は VSCode インストールディレクトリ配下にある以下のファイルを変更します。よって、それらのファイルへの書き込み権限が必要です。
- /Resources/app/out/vs/code/electron-sandbox/workbench/workbench.js
そのため Linux 向けの App Store 『Snap Store』からインストールした VSCode では、この拡張機能を使用できません (書き込み権限が取得できないため)。
注意事項
この拡張機能は VSCode インストールディレクトリ配下の以下のファイルを変更します。
- /Resources/app/out/vs/code/electron-sandbox/workbench/workbench.js
及び以下のファイルに変更を加えます。
- settings.json
- extensions.json (同期機能を使用する時のみ)
VSCode 1.72 以前では当該メッセージは表示されませんでした。実際は表示されるのが正しいです。
この警告メッセージに関して公式は、以下のように述べています。
私たちは VSCode のパッチ適用をブロックしようとしているわけではありませんが、VSCode にパッチを適用するということはサポートされていない VSCode を使用しているという認識を高めたいと考えています。
この主張を尊重し、この拡張機能では当該メッセージが表示されないようにするような対応はしません。
仮に表示されないようにしたとしても公式はさらにそれを防ごうとして、いたちごっこになると考えています。
CODE, IMAGE, AND UI
Let’s be clear.
It’s brilliant.
The Wallpaper Setting is a sight to behold, with support for can be transparent for only background and vividness unmatched by other background setting extensions. UI and images pop with rich contrast and sharp detail, and code appears supercrisp for easy reading.
Sacrificing nothing.
 |
 |
|---|---|
Wallpaper Setting Opacity 0.4% |
Other Extensions Opacity 0.4% (0.6%) |
 |
 |
|---|---|
Wallpaper Setting Opacity 0.4% |
Other Extensions Opacity 0.4% (0.6%) |
As a result of research allowing only the background to be transparent, it provides a vivid editor that other extensions cannot reach.
It is a piece of cake.
Setting the background with Wallpaper Setting is a piece of cake. Press ⇧⌘P to bring up the command pallete and typing the Wallpaper Setting, and perform the Optimize, image or video setup.
As you like.
With Wallpaper Setting, transparency can be set for VSCode parts. Set the transparency of the parts to your satisfaction!
Let's Install Wallpaper Setting and get your VSCode just the way you like it!
Detailed Specifications
Set the background image.
| Name | Required | Description | Remark |
|---|---|---|---|
| File path | ○ | Path of the image file to be set as wallpaper. | |
| Size | - | Size of the wallpaper image. | Default "cover" |
| Position | - | Position for wallpaper image. | Default "center" |
| Repeat | - | Sets how wallpaper image are repeated. | Default "no-repeat" |
Set the background of image sliding.
| Name | Required | Description | Remark |
|---|---|---|---|
| File paths | ○ | Path to the image files used by the images slide. | |
| Size | - | Size of the wallpaper image. | Default "cover" |
| Position | - | Position for wallpaper image. | Default "center" |
| Repeat | - | Sets how wallpaper image are repeated. | Default "no-repeat" |
| Interval time | - | Image switching time. (Hour, Minute, Second, MilliSecond) | Default 25 Minute |
| Randome play | - | Randomize the order in which images slide. | Default False |
| Effect fade in | - | Fade in when the slide image changes. | Default True |
| Load wait complete | - | Wait until the images loading to complete. | Default False Depending on the images file size, startup may be slow. |
Set the background of movie.
| Name | Required | Description | Remark |
|---|---|---|---|
| File path | ○ | Path of the movie file to be set as wallpaper. | |
| Playback rate | - | Movie playback rate. | Default 1.0 |
* Fullscreen wallpaper mode only.
* Mute is a specification.
Register and recall background settings.
| Name | Required | Description | Remark |
|---|---|---|---|
| Start up | - | Randomly set wallpaper from favorite settings at startup. | Default False |
| Filter | - | Specifies the type of wallpaper to be set at start up. | Options:All, Image, Slide, Movie, Layout Default All |
Switch images without having to install your favorite images each time.
* Only fullscreen image or layout composed solely of images. Slide and movie are excluded.
Change the image or invisible of VSCode's watermark.
* Then, after set the watermark setting, run Set or Reset.
The following graphical effects can be applied to image or video.
- Blur
- Brightness
- Contrast
- Grayscale
- Saturate
- Sepia
* Then, after set the filter setting, run Set or Reset.
By preparing a dedicated server, wallpaper can be set via WebSocket.
otherwise, an application that sends image data when a client makes a WebSocket connection can be substituted.
* Please use only trusted server as we can't verify delivery data.
Q. Why WebSocket instead of http ?
A. VSCode only allows https and ws in Content Security Policy
Background image can be shared between different machines.
Upload the background image.
Download and setup the background image.
Delete uploaded image.
Warning
The Sync feature is achieved by converting image data to strings in Base64 and sharing them via Settings Sync.
Settings Sync backend is probably provided by Microsoft. And definitely not intended for image data sharing.
If you try to share an image file over MB (maybe even KB) with Settings Sync, Microsoft will be offended. They will reject the this extension and possibly disable the account of the user using the this extension from Settings Sync.
If you use it, please take its dangers into consideration.
The Base64 string uploaded to Settings Sync is encrypted in AES256 CTR mode.
Therefore, there is no fear of prying eye.
Unless you use poor values for password and salt, or I have made a mistake in the implementation of the cryptographic call.
Erase wallpaper from VSCode, and delete data related to Wallpaper Setting.
Environment variables can be used in the path that specifies the image file.
| Notation | Description | Remark |
|---|---|---|
| ${userHome} | Returns the string path of the current user's home directory. | Implementation-wise, we use node.js os.homedir. |
| ${<Environment Variables Name>} | If the environment variable specified in ${~} exists, it is replaced by its value. |
Required
This extension modifies the following files in the VSCode installation directory, so requires write permission.
- /Resources/app/out/vs/code/electron-sandbox/workbench/workbench.js
Therefor, this extension cannot be used with VSCode installed from "Snap Store" App Store for Linux (Because write permission cannot be obtained).
Caution
This extension modifies the following files in the VSCode installation directory.
- /Resources/app/out/vs/code/electron-sandbox/workbench/workbench.js
and following files.
- settings.json
- extensions.json (Only when using the Sync feature)
Prior to VSCode 1.72, the relevant message was not displayed. In fact, it is more correct to display.
The official explanation of this message is roughly as follows.
We are not trying to block VS Code patching, but we want to raise awareness that patching VS Code means you are running an unsupported version.
Respecting this assertion, this extension makes no attempt to prevent such messages from being displayed.
Even if we were to prevent it from being displayed, I believe the officials will block it.