Revision history [back]

To achieve two code colors in RevealJS, you can use the following method:

1. Wrap the code block in a div container with a specific class.
2. Apply one color to the text inside the code block.
3. Apply the other color to the background of the container.

Here is an example code snippet:

<div class="my-code-block">
  <pre><code class="language-javascript">
    // Your code here
  </code></pre>
</div>

<style>
.my-code-block {
  background-color: #f2f2f2; /* Set the background color */
  padding: 10px;
}

.my-code-block code {
  color: #333; /* Set the text color */
}
</style>

In the example above, .my-code-block is the container class, #f2f2f2 is the background color, and #333 is the text color. You can replace these values with your preferred colors.