Brighter Shores:Theme: Difference between revisions

no edit summary
No edit summary
No edit summary
Line 6:
<div class="color-column">
<h3>Body</h3>
<div class="color-group" style="background: #e9d8ccd1b9ad;">
<p class="variable">--body-border</p>
<p class="hexcode">#e9d8ccd1b9ad</p>
</div>
<div class="color-group dark" style="background: #b1886f;">
Line 18:
<p class="hexcode">#d1b9ad</p>
</div>
<div class="color-group" style="background: #fff8eef5f0eb;">
<p class="variable">--body-light</p>
<p class="hexcode">#fff8eef5f0eb</p>
</div>
<div class="color-group" style="background: #fefffffdfcfc;">
<p class="variable">--body-main</p>
<p class="hexcode">#fefffffdfcfc</p>
</div>
<div class="color-group dark" style="background: #173a4d;">
<p class="variable">--body-background-color</p>
<p class="hexcode">#173a4d</p>
</div>
</div>
 
<div class="color-column">
<h3>Buttons and links</h3>
<div class="color-group dark" style="background: #3c352a;;">
<p class="variable">--button-border</p>
<p class="hexcode">#3c352a;</p>
</div>
<div class="color-group dark" style="background: #18140c;">
<p class="variable">--button-dark</p>
<p class="hexcode">#18140c</p>
</div>
<div class="color-group dark" style="background: #3a301d;">
<p class="variable">--button-light</p>
<p class="hexcode">#3a301d</p>
</div>
<div class="color-group dark" style="background: #605443;">
<p class="variable">--osrsw-brown</p>
<p class="hexcode">#605443</p>
</div>
<div class="color-group dark" style="background: #936039;">
<p class="variable">--link-color</p>
<p class="hexcode">#936039</p>
</div>
<div class="color-group dark" style="background: #52351e;">
<p class="variable">--background-link-color</p>
<p class="hexcode">#52351e</p>
</div>
</div>