在 Drupal 8 中创建 Bartik 子主题答案

【问题标题】：Creating a Bartik sub-theme in Drupal 8在 Drupal 8 中创建 Bartik 子主题
【发布时间】：2016-03-24 07:25:35
【问题描述】：

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

在 /themes/custom/ 中创建文件夹 freex

在 /themes/custom/freex/ 中创建 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/ 中创建文件 freex.libraries.yml，其中包含：

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

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

#header {
background-color: yellow;
}

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

【问题讨论】：

你是否从 Appearance 激活了这个主题
您的自定义主题是否显示在外观下？你激活了这个主题吗？是否包含 style.css 文件？请提供更多信息
是的，包含 css 文件，我在以下位置找到它：files/css/css_ety5xdAt69LTpeH6p9fbVbET2KclBgUgZCeet9COWtE.css?o4sf9o 当我这样做时：查看源代码，所以问题变成了，为什么我的条目：#header {background-color:yellow;} 不让标题背景变黄？另外，如何在评论中添加换行符以使其在此处保持可读？
您可以关闭颜色模块！或者操纵它来获得你想要的颜色。

标签： drupal-8

【解决方案1】：

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

【讨论】：

【解决方案2】：

Bartik 主题最后包含 colors.css（我认为它是从主题设置自动生成的），因此子主题颜色会被后面的颜色模块颜色覆盖。

将“!important”添加到您的 CSS 颜色设置中，这样它们就不会被覆盖。例如：

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

【讨论】：