reveal.js 背景颜色选择答案

【问题标题】：reveal.js background color choicesreveal.js 背景颜色选择
【发布时间】：2013-03-03 08:06:24
【问题描述】：

我一直在使用reveal.js，您可以使用称为全局状态的东西更改单个幻灯片的背景，如演示中的here 所示。

除了提到的颜色之外，还有其他颜色吗（-soothe，-blackout 和-alert）在这张幻灯片上可以应用（在演示文稿中按下键以查看颜色）？如果有，是什么颜色？

【问题讨论】：

【解决方案1】：

您可以这样做，例如最后一张幻灯片有不同的背景颜色：

声明背景样式（给定类“the-end”）：

  html.the-end .state-background {
    background-color: rgba(0,0,0, 0.8);
  }

然后让最终的幻灯片看起来像这样：

<section data-state='the-end'>
  <h1>__END__</h1>
  <br>
  <h3>Thank you!</h3>
</section>

编辑（由 tyler rinker 添加）您是对的，但我想对未来的搜索者更加明确。我添加了以下两个部分。

将此添加到reveal.min.css

.orange .reveal .state-background{background:rgba(255,165,0,1)}

将此添加到reveal.css

.orange .reveal .state-background {
    background: rgba( 255, 165, 0, 1 );
}

【讨论】：

我在哪里声明样式？
在编辑您的答案时回答我自己的问题。感谢您的回复。 +1 和支票。
仅供参考，我在默认样式中添加了更多颜色选项：github.com/hakimel/reveal.js/blob/master/css/reveal.css#L1242
就我个人而言，我不会将任何特定于演示文稿的东西添加到库中，我可能只是在演示文稿本身中添加内联样式。