Stylesheet generator - 颜色变体生成器

首先，首先从左下角边栏中的变体开关中选择最适合您的颜色变体作为起点。

该图形是交互式的，反映当前颜色。您可以单击任何彩色框来调整相应的颜色. 图表和页面将相应更新.

箭头线反映如果未覆盖后代，则如何通过主题的不同部分继承颜色。如果要删除颜色并让它从其父级继承，只需从输入字段中删除该值即可。

为了更好地理解这一点，请选择"霓虹灯"变体并修改不同的标题颜色。在那里，明确设置了标题h2,h3和h4的颜色。未设置h5，并从h4继承其值。h6也没有设置，并从h5继承其值。

更改颜色后，变体开关将显示"My custom variant"条目，并且您的更改将存储在浏览器中. 您可以浏览到其他页面，甚至关闭浏览器而不会丢失您的更改。

满意后，您可以下载新的变体文件并将其复制到您网站的static/css 目录中。之后，您必须将config.toml中 themeVariant参数调整为您选择的文件名.

例如。如果您的新变体文件名为 theme-my-custom-variant.css, 则必须将 config.toml中设置themeVariant='my-custom-variant'才能使用它.