Question

如何在不更改CSS的情况下更改页脚的背景颜色？我们运行一个多域网站-出于这个原因，我们不想更改扩展名CSS。我们找到了一些常数，发现更改$ gray-900是一种可能的解决方案。但是$ gray-900也用于其他环境-看起来不是很好的解决方案..

我的设置是： Typo3 8.7 Bootstrap_package 10.0.2

Answer 1

我发现这种方法可以覆盖页脚颜色。在输出中，它是干净的内置CSS代码，没有类的重复。

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

（custom-theme.scss） / typo3conf / ext / YOUR_EXT /Resources/Public/Theme/custom-theme.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主题定义并使用您的主题定义。

结果将与预期的一样： Footer background overriding result

Typo3 8.7 Bootstrap_package 10.0.2更改页脚背景颜色

1 个答案: