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

问题描述

我目前正在研究一个基本显示地图的项目。下面的地图(具有下面的图像)具有不同的颜色渐变,当您在CSS中设置颜色时,我想复制vscode的效果,它显示一个显示颜色的小框。我会显示该颜色并在其旁边写一个注释。(例如,绿色=很好的经济性,浅绿色=中等的经济性,非常浅绿色的=较差的经济性。)

当您在CSS中设置颜色属性时,我真的很想复制您在vscode中看到的颜色显示

enter image description here

Image

解决方法

在vs代码中打开设置(在Mac上,按Command +逗号)

搜索Color Decorators并选中框

enter image description here

有关代码设置https://code.visualstudio.com/docs/getstarted/settings

的更多信息 ,

我认为您是在问有关在CSS中设置自定义属性/变量的问题吗?


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


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