Brighter Shores:Theme: Difference between revisions

Jump to navigation Jump to search
Content added Content deleted
No edit summary
No edit summary
Line 6: Line 6:
<div class="color-column">
<div class="color-column">
<h3>Body</h3>
<h3>Body</h3>
<div class="color-group" style="background: #d1b9ad;">
<div class="color-group" style="background: #fdfcfc;">
<p class="variable">--body-border</p>
<p class="variable">--body-main</p>
<p class="hexcode">#d1b9ad</p>
<p class="hexcode">#fdfcfc</p>
</div>
</div>
<div class="color-group dark" style="background: #b1886f;">
<div class="color-group" style="background: #e7e5e4;">
<p class="variable">--body-dark</p>
<p class="variable">--body-light</p>
<p class="hexcode">#b1886f</p>
<p class="hexcode">#e7e5e4</p>
</div>
</div>
<div class="color-group" style="background: #d1b9ad;">
<div class="color-group" style="background: #ad9e9a;">
<p class="variable">--body-mid</p>
<p class="variable">--body-mid</p>
<p class="hexcode">#d1b9ad</p>
<p class="hexcode">#ad9e9a</p>
</div>
</div>
<div class="color-group" style="background: #f5f0eb;">
<div class="color-group" style="background: #bdb2ae;">
<p class="variable">--body-light</p>
<p class="variable">--body-border</p>
<p class="hexcode">#f5f0eb</p>
<p class="hexcode">#bdb2ae</p>
</div>
</div>
<div class="color-group" style="background: #fdfcfc;">
<div class="color-group dark" style="background: #6d5b54;">
<p class="variable">--body-main</p>
<p class="variable">--body-dark</p>
<p class="hexcode">#fdfcfc</p>
<p class="hexcode">#6d5b54</p>
</div>
<div class="color-group dark" style="background: #47403d;">
<p class="variable">--body-darker</p>
<p class="hexcode">#47403d</p>
</div>
</div>
<div class="color-group dark" style="background: #173a4d;">
<div class="color-group dark" style="background: #173a4d;">
Line 46: Line 50:
<p class="hexcode">#3a301d</p>
<p class="hexcode">#3a301d</p>
</div>
</div>
<div class="color-group dark" style="background: #ab6d46;">
<div class="color-group dark" style="background: #8b694f;">
<p class="variable">--link-color</p>
<p class="variable">--link-color</p>
<p class="hexcode">#ab6d46</p>
<p class="hexcode">#8b694f</p>
</div>
</div>
<div class="color-group dark" style="background: #794f34;">
<div class="color-group dark" style="background: #794f34;">
Line 57: Line 61:
<p class="variable">--background-link-color</p>
<p class="variable">--background-link-color</p>
<p class="hexcode">#52351e</p>
<p class="hexcode">#52351e</p>
</div>
<div class="color-group dark" style="background: #a5918a;">
<p class="variable">@infobox-link</p>
<p class="hexcode">#a5918a</p>
</div>
</div>
</div>
</div>