Typo3 8.7引导程序包10.0.2更改页脚背景颜色

Question

如何在不更改css的情况下更改页脚的背景色？我们运行一个多域站点，因此我们不想更改扩展css。我们找到了一些常数，发现改变$gray-900是一种可能的解决方案。但$gray-900也用于其他上下文，而且看起来不是一个好的解决方案。。

我的设置是：Typo3 8.7引导程序包10.0.2

Answer 1

我找到了覆盖页脚颜色的方法。在输出中，它是干净构建的css代码，没有重复的类。

首先，您应该创建自定义主题.scs文件，并将其放在您的扩展名或fileadmin文件夹中。在该文件中，您应该定义要覆盖的变量，然后使用相对路径导入bootstrap_package的theme.scs：

(自定义主题.scs(/type3conf/ext/YOUR_ext/Resources/Public/theme/customtheme.scss

// variables you want to override
$footer-sections: ();
$footer-sections: map-merge((
content: (
background:                tomato,
color:                     #fff,
link-color:                $primary
),
meta: (
background:                tomato,
color:                     #fff,
link-color:                $primary
)
), $footer-sections);
// relative path to theme.scss
@import '../../../../bootstrap_package/Resources/Public/Scss/Theme/theme';

之后，当您有自定义主题文件时，您应该将其包含在安装程序中。转到模板工具(根页面(->信息/修改->设置(或进入您的Setup.typoscript文件(并粘贴以下代码：

page {
includeCSS {
# default is: theme = EXT:bootstrap_package/Resources/Public/Scss/Theme/theme.scss
# in result here should be only one theme definition
theme = EXT:YOUR_EXT/Resources/Public/Theme/custom-theme.scss
}
}

此代码将覆盖bootstrap_package主题定义并使用您的。

结果与预期一致：页脚背景覆盖结果