VSCode設定

VSCodeの設定などを書き留めておきます。

settings.json

{
  "editor.formatOnSave": true,
  "editor.stickyScroll.enabled": false,
  "markdown-preview-enhanced.previewTheme": "atom-dark.css",
  "redhat.telemetry.enabled": false,
  "terminal.integrated.enableMultiLinePasteWarning": "never",
  "terminal.integrated.stickyScroll.enabled": false,
  "terminal.integrated.suggest.enabled": false,
  "workbench.secondarySideBar.defaultVisibility": "hidden",
  "workbench.tree.enableStickyScroll": false,
  "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[jsonc]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  }
}

テーマ設定

settings.jsonに貼り付けることで適用可能な外観設定です。

ネイビー基調

{
  "workbench.colorTheme": "Default Dark+",

  "workbench.colorCustomizations": {
    "activityBar.activeBorder": "#6f1ea2",
    "activityBar.background": "#0a042e",
    "activityBar.border": "#2B2B2B",
    "activityBar.foreground": "#D7D7D7",
    "activityBar.inactiveForeground": "#868686",
    "activityBarBadge.background": "#007ACC",
    "activityBarBadge.foreground": "#FFFFFF",
    "badge.background": "#616161",
    "badge.foreground": "#F8F8F8",
    "button.background": "#6f1ea2",
    "button.border": "#FFFFFF12",
    "button.foreground": "#FFFFFF",
    "button.hoverBackground": "#651a93",
    "button.secondaryBackground": "#071727",
    "button.secondaryForeground": "#CCCCCC",
    "button.secondaryHoverBackground": "#202545",
    "checkbox.background": "#070227",
    "checkbox.border": "#6B6B6B",
    "debugToolBar.background": "#0a042e",
    "descriptionForeground": "#9D9D9D",
    "dropdown.background": "#070227",
    "dropdown.border": "#3C3C3C",
    "dropdown.foreground": "#CCCCCC",
    "dropdown.listBackground": "#1F1F1F",
    "editor.background": "#070227",
    "editor.foreground": "#D4D4D4",
    "editor.findMatchBackground": "#9E6A03",
    "editorGroup.border": "#FFFFFF17",
    "editorGroupHeader.tabsBackground": "#0a042e",
    "editorGroupHeader.tabsBorder": "#2B2B2B",
    "editorLineNumber.activeForeground": "#CCCCCC",
    "editorLineNumber.foreground": "#6E7681",
    "editorOverviewRuler.border": "#010409",
    "editorWidget.background": "#0a042e",
    "errorForeground": "#F85149",
    "focusBorder": "#6f1ea2",
    "foreground": "#CCCCCC",
    "icon.foreground": "#CCCCCC",
    "input.background": "#070227",
    "input.border": "#3C3C3C",
    "input.foreground": "#CCCCCC",
    "input.placeholderForeground": "#A6A6A6",
    "list.dropBackground": "#291e50",
    "list.hoverBackground": "#291e50",
    "list.inactiveSelectionBackground": "#291e6f",
    "menu.background": "#0a042e",
    "menu.foreground": "#CCCCCC",
    "menu.selectionBackground": "#6f1ea2",
    "notifications.background": "#16093e",
    "panel.background": "#0a042e",
    "panel.border": "#2B2B2B",
    "sideBar.background": "#0a042e",
    "sideBar.border": "#2B2B2B",
    "sideBar.foreground": "#CCCCCC",
    "sideBarTitle.foreground": "#BBBBBB",
    "sideBarSectionHeader.background": "#0a042e",
    "statusBar.background": "#6f1ea2",
    "statusBar.border": "#2B2B2B",
    "statusBar.foreground": "#CCCCCC",
    "statusBar.noFolderBackground": "#6f1ea2",
    "tab.activeBackground": "#070227",
    "tab.activeForeground": "#FFFFFF",
    "tab.inactiveBackground": "#0a042e",
    "tab.inactiveForeground": "#9D9D9D",
    "terminal.foreground": "#CCCCCC",
    "titleBar.activeBackground": "#0a042e",
    "titleBar.activeForeground": "#CCCCCC",
    "titleBar.inactiveBackground": "#1F1F1F",
    "titleBar.inactiveForeground": "#9D9D9D",
    "quickInput.background": "#0a042e",
    "widget.border": "#303031"
  }
}

デフォルトダークテーマ

{
  "workbench.colorTheme": "Default Dark+",

  "workbench.colorCustomizations": {
    "activityBar.activeBorder": "#0078D4",
    "activityBar.background": "#181818",
    "activityBar.border": "#2B2B2B",
    "activityBar.foreground": "#D7D7D7",
    "activityBar.inactiveForeground": "#868686",
    "activityBarBadge.background": "#007ACC",
    "activityBarBadge.foreground": "#FFFFFF",
    "badge.background": "#616161",
    "badge.foreground": "#F8F8F8",
    "button.background": "#0078D4",
    "button.border": "#FFFFFF12",
    "button.foreground": "#FFFFFF",
    "button.hoverBackground": "#026EC1",
    "button.secondaryBackground": "#313131",
    "button.secondaryForeground": "#CCCCCC",
    "button.secondaryHoverBackground": "#3C3C3C",
    "checkbox.background": "#313131",
    "checkbox.border": "#6B6B6B",
    "debugToolBar.background": "#181818",
    "descriptionForeground": "#9D9D9D",
    "dropdown.background": "#313131",
    "dropdown.border": "#3C3C3C",
    "dropdown.foreground": "#CCCCCC",
    "dropdown.listBackground": "#1F1F1F",
    "editor.background": "#1E1E1E",
    "editor.foreground": "#D4D4D4",
    "editor.findMatchBackground": "#9E6A03",
    "editorGroup.border": "#FFFFFF17",
    "editorGroupHeader.tabsBackground": "#181818",
    "editorGroupHeader.tabsBorder": "#2B2B2B",
    "editorLineNumber.activeForeground": "#CCCCCC",
    "editorLineNumber.foreground": "#6E7681",
    "editorOverviewRuler.border": "#010409",
    "editorWidget.background": "#202020",
    "errorForeground": "#F85149",
    "focusBorder": "#0078D4",
    "foreground": "#CCCCCC",
    "icon.foreground": "#CCCCCC",
    "input.background": "#313131",
    "input.border": "#3C3C3C",
    "input.foreground": "#CCCCCC",
    "input.placeholderForeground": "#A6A6A6",
    "menu.background": "#252526",
    "menu.foreground": "#CCCCCC",
    "menu.selectionBackground": "#0078d4",
    "panel.background": "#181818",
    "panel.border": "#2B2B2B",
    "sideBar.background": "#181818",
    "sideBar.border": "#2B2B2B",
    "sideBar.foreground": "#CCCCCC",
    "sideBarTitle.foreground": "#BBBBBB",
    "sideBarSectionHeader.background": "#181818",
    "statusBar.background": "#181818",
    "statusBar.border": "#2B2B2B",
    "statusBar.foreground": "#CCCCCC",
    "statusBar.noFolderBackground": "#181818",
    "tab.activeBackground": "#1F1F1F",
    "tab.activeForeground": "#FFFFFF",
    "tab.inactiveBackground": "#181818",
    "tab.inactiveForeground": "#9D9D9D",
    "terminal.foreground": "#CCCCCC",
    "titleBar.activeBackground": "#181818",
    "titleBar.activeForeground": "#CCCCCC",
    "titleBar.inactiveBackground": "#1F1F1F",
    "titleBar.inactiveForeground": "#9D9D9D",
    "widget.border": "#303031"
  }
}