css - 根据书籍颜色主题自定义具有背景颜色的 block

Question

我正在使用这个例子中的自定义 block

.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，但不幸的是不知道该怎么做。 我的猜测是以一种或另一种方式添加颜色方案，从而产生单独的“Sepia-Theme-Block-background”和“Night-Theme-Block-background”。

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 来更改白色主题 block 背景