0
0

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 1 year has passed since last update.

異色VSCode 混合テーマの作成

Posted at

VSCodeであるテーマとあるテーマの色を同時に利用したいとき、ありませんか?

たとえば、テーマ色はDraculaが良いけど、シンタックスハイライトはDark+が良いといったときです。

あまり役に立たない知識になりますが、参考程度までに載せておきます。

環境: Arch Linux

テーマのインストール

今回はDraculaテーマにシンタックスハイライトをDark+のものを使用します。

とりあえずDraculaをインストールします。

テーマのjsonファイルを移植

インストールした拡張機能(テーマ)は.vscode/extensions/以下に格納されています。
catなどでテーマファイルを開いてください。参考までに、Draculaのテーマの一部を載せておきます。

dracula.json
....
    "colors": {
        "terminal.background": "#282A36",
        "terminal.foreground": "#F8F8F2",
        "terminal.ansiBrightBlack": "#6272A4",
        "terminal.ansiBrightRed": "#FF6E6E",
...

ここでcolorsを移植する際は、colorsのところをworkbench.colorCustomizationsに書き換えてください。
あとはこれを自分のsettings.jsonに移すだけです。

実装後

  • Dark+テーマ

Screenshot from 2023-06-09 23-49-29.png

  • Draculaテーマ
    Screenshot from 2023-06-09 23-49-54.png

  • 混合テーマ(テーマ: Dracula, シンタックス: Dark+)

Screenshot from 2023-06-09 23-50-15.png

以上です。お疲れ様でした。

Dark+のjsonファイルはどこに格納されているのかわからなかったので知っている人がいれば教えてください。

0
0
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
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?