theme.html

---
layout: empty
title: Theme Check
permalink: /theme/
---

<div class="color-swatch theme-color-darkest">
<pre>
$theme-color-darkest
#18104b
</pre>
</div><div class="color-swatch theme-color-dark">
<pre>
$theme-color-dark
#392759
</pre>
</div><div class="color-swatch theme-color-bright">
<pre>
$theme-color-bright
#b51ccc
</pre>
</div><div class="color-swatch theme-color-light">
<pre>
$theme-color-light
#da5ad1
</pre>
</div><div class="color-swatch theme-color-contrast">
<pre>
$theme-color-contrast
#dc94ba
</pre>
</div><div class="color-swatch theme-color-highlight">
<pre>
$theme-color-highlight
#f2cf67
</pre>
</div>

<main>

<h1>ABCDEFGHIJKLMNOPQRSTUVWXZ</h1>
<h2>ABCDEFGHIJKLMNOPQRSTUVWXZ</h2>
<h3>ABCDEFGHIJKLMNOPQRSTUVWXZ</h3>
<h4>ABCDEFGHIJKLMNOPQRSTUVWXZ</h4>
<h5>ABCDEFGHIJKLMNOPQRSTUVWXZ</h5>
<h6>ABCDEFGHIJKLMNOPQRSTUVWXZ</h6>

<p>The quick brown fox jumped over the lazy dog.</p>

<figure>
  <img src="/assets/images/RLD.png" alt="Rocket Lab Delta"/>
  <figcaption>Caption contents</figcaption>
</figure>

</main>