是否可以在 VS CODE 中更改标准 CSS 颜色？答案

【问题标题】：Is it possible to change standard CSS colors in VS CODE?是否可以在 VS CODE 中更改标准 CSS 颜色？
【发布时间】：2020-02-18 06:54:29
【问题描述】：

当您在 VS CODE 中键入 CSS 代码时，它会使用 Intellisense 建议颜色预设，例如，black 等于 #000。

那么，我可以再次将这个black 更改为#495057 吗？

【问题讨论】：

如果您在 js 中使用 css，您可以分配类似 const theme = { colors: { black: '#495057' } } 或者如果您使用 scss，您可以使用 sass 变量分配颜色，如下所示$color-black: #495057
@Aquasar 很好，但我问的是 VS Code。
@PythonNewbie - 如果您的问题是将基本调色板更改为 VS 代码主题的自定义调色板，那么不建议这样做。但是，如果您想在项目或其他任何地方使用这些颜色，则可以通过各种方法完成。例如，下面给出的答案
既然已经有了想要的颜色，为什么还要更改标准化颜色？ (#495057)

标签： css visual-studio-code vscode-settings

【解决方案1】：

您可以为此使用 css 变量。例如在您的 css 文件中。

:root {
  --main-bg-color: coral;
  --black-color: #495057;
}

#div1 {
  background-color: var(--main-bg-color);
  color: var(--black-color);
}

#div2 {
  background-color: var(--main-bg-color);
  color: var(--black-color);
}

您现在可以在整个代码中使用这些 css 变量并为它们分配不同的黑色阴影

【讨论】：