可视化颜色代码方案如何工作？

Question

我正在使用Vuetify.js，但无法理解颜色代码的工作原理？

https://vuetifyjs.com/en/styles/colors/#colors

这也是我所指的页面。该页面具有一些预定义的颜色集，例如red lighten-3＃EF9A9A

但是，如果我将原色设置为某些随机颜色代码，例如mediumaquamarine＃66CDAA，然后如果我使用原色lighten-3，那么我将在什么基础上获得颜色？

Answer 1

Vuetify根据在Vuetify初始化时theme上定义的颜色来计算颜色和变体（变亮和变暗：

theme

请参见将原色设置为粉红色的该Codepen：

new Vuetify({
    theme: {
       themes: {
          light: {
            primary: "#d63fd9", // pink
            secondary: "#b0bec5",
            anchor: "#8c9eff"
         }
       }
    }
})