Question

我正在使用本示例中的自定义块

.rmdcomment {
  padding: 1em 1em 1em 4em;
  margin-bottom: 10px;
  background: #f5f5f5;
  position:relative;
}

.rmdcomment:before {
    content: "\f075";
    font-family: FontAwesome;
    left:10px;
    position:absolute;
    top:0px;
    font-size: 45px;
 }

我的问题是如何使背景颜色响应用户选择的设计，即“白色”，“棕褐色”或“夜色”。

我想将上下文添加到CSS，但是不幸的是不知道如何去做。我的猜测是以一种或另一种方式添加颜色方案，从而得到单独的“棕褐色-主题-背景-背景”和“夜间主题-背景-背景”。

Answer 1

我终于弄清楚了：

.book.color-theme-1 .book-body .page-wrapper .page-inner section.normal .rmdcomment {
background-color: #f3eacb; /*Sepia-Theme*/
}
.book.color-theme-2 .book-body .page-wrapper .page-inner section.normal .rmdcomment {
background-color: #1c1f2b; /*Night-Theme*/
}

通过将背景色添加到标准.rmdcomment中，可以更改白色主题块背景

根据书的颜色主题使用背景色的自定义块

1 个答案: