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

画面配色の設定項目

setting.json
{
  "workbench.colorCustomizations": {
    "editor.background": "",  // エディタの背景色
    "editor.foreground": "",  // エディタの前景色
    "editorGroup.border": "", // 複数のエディタを横に並べた時の境界線の色
    "editorLineNumber.foreground": "", // エディタの行番号の色
    "editor.selectionBackground": "",  // エディタカーソルの背景色
    "errorForeground": "",  // エラーメッセージの全体的な前景色

    "button.background": "",  // ボタンの背景色
    "badge.background": "", // バッジの背景色

    "input.background": "",  // 入力ボックスの背景
    "input.border": "",  // 入力ボックスの枠線
    "input.placeholderForeground": "",  // プレースホルダ

    "scrollbarSlider.background": "",  // スクロールバー背景色
    "scrollbarSlider.hoverBackground": "",  // ホバー時のスクロールバー背景色

    "statusBar.background": "", // ワークスペースを開いていない状態のステータスバー背景色
    "statusBar.foreground": "", // ワークスペースを開いていない状態のステータスバー前景色
    "statusBar.noFolderBackground": "",  // フォルダーを開いていない状態のステータスバー背景色
    "statusBar.debuggingBackground": "",  // プログラムをデバッグしている時の背景色
    "statusBar.border": "",  // ステータスバーの枠線
    "statusBarItem.prominentBackground": "",  // ステータスバー内で強調する項目の背景色

    "list.activeSelectionBackground": "",  // 選択された項目のリスト/ツリー背景色
    "list.hoverBackground": "",  // ホバー時のリスト/ツリーの背景
    "list.invalidItemForeground": "",  // 無効な項目のリスト/ツリーの文字色

    "activityBar.background": "",  // アクティビティバーの背景色
    "activityBar.foreground": "",  // アイコン
    "activityBar.border": "",  // アクティビティバーとサイドバーの境界線
    "activityBarBadge.background": "",  // 通知バッジの背景色
    "activityBarBadge.foreground": "",  // 通知バッジの文字色

    "titleBar.activeBackground": "", // タイトルバーの背景色
    "titleBar.activeForeground": "", // タイトルバーの文字色

    "sideBar.background": "",  // サイドバーの背景色
    "sideBar.foreground": "",  // サイドバーの文字色
    "sideBar.border": "",  // サイドバーとエディターの境界線の色
    "sideBarTitle.foreground": "",  // サイドバータイトルの前景色

    "editorGroupHeader.tabsBackground": "",  // タブの背景色
    "tab.activeBackground": "",  // アクティブなタブの背景色
    "tab.activeForeground": "",  // アクティブなタブの文字色
    "tab.border": "",   // タブを区切るための境界線
    "tab.activeBorder": "",  // アクティブなタブの下の線
    "tab.inactiveBackground": "",  // 非アクティブな色の背景色
    "tab.inactiveForeground": "",  // 非アクティブなタブの文字色
  }, 

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?