在Drupal 8中创建一个Bartik子主题

Question

我一直在和Drupal 8一起玩。目前我想要一个图像作为Bartik的标题背景。为此我用以下方式创建了一个名为“freex”的子主题：

在/ themes / custom /

中创建文件夹freex

在/ themes / custom / freex / contains中创建freex.info.yml：

name: Freex
description: Basis thema voor verenigingen
type: theme
core: 8.x
base theme: bartik

libraries:
  - freex/global-styling

在/ themes / custom / freex / contains中创建文件freex.libraries.yml：

global-styling:
  version: 1.0
  css:
    theme:
      css/style.css: {}

在/ themes / custom / freex / css /中创建文件，名为style.css，包含：

#header {
background-color: yellow;
}

只是为了看它的工作原理......它没有，标题不会改变背景颜色。关于我缺少什么的任何想法？

Answer 1

关闭页面缓存：配置菜单 - ＆gt;发展 - ＆gt;性能 取消选中复选框：聚合Css文件，聚合javascript文件。 如果这样做，当您看到页面源时，您会看到文件名style.css - 而不是您编写时生成的css文件名。在性能页面的顶部，单击以清除所有缓存。之后，请看你的页面。

Answer 2

Bartik主题包括colors.css last（我认为它是从主题设置中自动生成的）所以subtheme颜色被后面的颜色模块颜色覆盖。

在CSS颜色设置中添加“！important”，因此不会覆盖它们。例如：

#header {
  background-color: #CDBE79 !important;
  background-image: linear-gradient(to bottom, #CDBE79 0%, #CDBE79 100%) !important;
}