如何让 VS Code 文件夹图标变大，文字变白？

Question

如何使 VS Code 文件夹图标变大并使文字变白？我在 VS Code 中使用 Material Design 主题。

Answer 1

要更改侧边栏字体颜色，请使用：

"workbench.colorCustomizations": {
    "sideBar.foreground": "#fff"
}

要更改图标大小，您可能必须更改整个应用程序的缩放级别，然后根据您的喜好减小 editor.fontsize。 请参阅更改侧边栏外观。 我认为您不能同时增加图标大小和附带的侧边栏字体大小。

问题正在追踪中，请参阅请自定义侧边栏。

Answer 2

我对如何在 VSCode 侧边栏中使图标尺寸更大进行了一些研究，并找到了唯一的方法，即加载自定义 CSS。

这可以通过自定义 CSS 和 JS 加载器扩展来实现。 https://marketplace.visualstudio.com/items?itemName=be5invis.vscode-custom-css 有关安装和设置，请参阅此链接页面中的说明。

在您的系统上使用您喜欢的任何名称创建一个 css 文件，然后将此 css 粘贴到该文件中。

.sidebar .monaco-list-row {
  font-size: 16px;
}

.sidebar .codicon {
  font-size: 20px;
}

.sidebar .monaco-icon-label:before {
  background-size: 20px;
}

注意：与字体大小相关的更改是可选的，您可以根据需要更改背景大小。

粘贴后保存此文件并复制此文件的路径。 打开 VSCode 设置并单击 JSON 选项

之后将此行粘贴到设置中。

"vscode_custom_css.imports": ["file:///cssFilePath"],

完成此操作后，设置将如下所示。

就我而言，我使用的是linux。 Windows 或 Mac 的文件路径结构可能会有所不同。

完成后，按 ctrl+sfift+p 打开 VSCode 命令面板。 键入启用自定义 CSS 和 JS，然后按 Enter。 它会像这样在底部触发一个弹出窗口。

单击弹出窗口中的“重新启动 Visual Studio Code”按钮。

重启后图标大小会更新。 如果没有，您可以再次打开命令选项板并输入重新加载自定义 CSS 和 JS，然后按 Enter。 它会再次弹出窗口并要求重新启动，一旦重新启动，图标大小就会更新。

最终结果会是这样的

Answer 3

为了使图标更大，我已将设置中的

Zoom Level

更新为1，现在更好了。