使用常量编辑器TYPO3更改css颜色变量

Question

我目前在typed3上有多个站点，我想建立一个系统，通过常量编辑器更改每个站点的颜色。

为此，我在CSS文件上创建了颜色变量，例如：

root {
--first: # 007bff;
--second: # 6610f2;
}

以下是我如何设置的：

我的常量文件：

skin {
# customsubcategory = site = Param Site
site {
# cat = skin / site / 1; type = string; label = title detail news
newsSuffixHeadTitle = Poppy
# cat = skin / site / 2 type = color; label = first color
firstcolor = var (--first)
# cat = skin / site / 3 type = color; label = second color
secondcolor = var (--second)
}

我的设置文件：

page.cssInline.10 = TEXT
page.cssInline.10.value (
.theme1 .container-nav .content-nav .theme1 .container-nav .menu-responsive {background: {$ skin.site.firstcolor}}
.theme1 .container-carousel-communes .b-title-item h3 {color: $ skin.site.secondcolor})

在常量编辑器上，我使用var(--first(和var(--second(在css上应用我的颜色，但在我看来，不是一个好方法

我希望我可以通过常量编辑器直接选择颜色，但我对它的了解还不够，你有什么想法吗？

谢谢

Answer 1

您不能从TYPO3常量访问CSS常量。CSS常量实际上只适用于像SCSS或SASS这样的扩展，并且只在将扩展的CSS编译为CSS时使用。

将您的值直接分配给TYPO3常量，如下所示：

skin {    
# customsubcategory = site = Param Site
site {
# cat = skin / site / 2 type = color; label = first color
firstcolor =  #007bff;
# cat = skin / site / 3 type = color; label = second color
secondcolor = #6610f2;
}

我想#后面应该没有空格。