Reactjs 在编写CSS时复制VScode中的颜色框

我目前正在做一个项目，基本上是显示一张地图。下图中的地图有不同的颜色渐变，我想在css中设置颜色时复制vscode的效果，它显示了一个显示颜色的小框。我会展示这种颜色，并在旁边写一条评论（即绿色=经济效益好，浅绿色=中等经济效益，非常浅绿色=经济效益差）

我很想复制您在css中设置颜色属性时在vscode中看到的颜色显示，如下所示：

---

我想你是在问CSS中设置自定义属性/变量的问题吧

    :root {
      --some-yellow-you-name-here: #ffff00;
    }

---

在vs代码中打开设置（在Mac上，按command+逗号）

搜索

颜色装饰器

并选中该框

关于vs代码设置的更多信息

    .you-class-name {
      background-color: var(--some-yellow-you-name-here);
    }