Brighter Shores:Theme: Difference between revisions

Line 107:
<p class="variable">@stonemaw-dark</p>
<p class="hexcode">#3b3430</p>
</div>
</div>
 
<div class="color-column">
<h3>BodyDark mode</h3>
<div class="color-group dark" style="background: #2b231e;">
<p class="variable">@cocoa-brown</p>
<p class="hexcode">#2b231e</p>
</div>
<div class="color-group dark" style="background: #39312a;">
<p class="variable">@woody-brown</p>
<p class="hexcode">#39312a</p>
</div>
<div class="color-group dark" style="background: #483c37;">
<p class="variable">@merlin</p>
<p class="hexcode">#483c37</p>
</div>
<div class="color-group dark" style="background: #5b4d48;">
<p class="variable">@armadillo</p>
<p class="hexcode">#5b4d48</p>
</div>
<div class="color-group dark" style="background: #736059;">
<p class="variable">@russett</p>
<p class="hexcode">#736059</p>
</div>
<div class="color-group dark" style="background: #d4ab9b;">
<p class="variable">@eunry</p>
<p class="hexcode">#d4ab9b</p>
</div>
</div>
Line 299 ⟶ 327:
<p class="variable">@black-haze</p>
<p class="hexcode">#f9fafa</p>
</div>
</div>
 
</div>
 
===Dark mode===
<div class="color-container">
 
<div class="color-column">
<h3>Body</h3>
<div class="color-group dark" style="background: #2b231e;">
<p class="variable">@cocoa-brown</p>
<p class="hexcode">#2b231e</p>
</div>
<div class="color-group dark" style="background: #39312a;">
<p class="variable">@woody-brown</p>
<p class="hexcode">#39312a</p>
</div>
<div class="color-group dark" style="background: #483c37;">
<p class="variable">@merlin</p>
<p class="hexcode">#483c37</p>
</div>
<div class="color-group dark" style="background: #5b4d48;">
<p class="variable">@armadillo</p>
<p class="hexcode">#5b4d48</p>
</div>
<div class="color-group dark" style="background: #736059;">
<p class="variable">@russett</p>
<p class="hexcode">#736059</p>
</div>
<div class="color-group dark" style="background: #d4ab9b;">
<p class="variable">@eunry</p>
<p class="hexcode">#d4ab9b</p>
</div>
</div>