Brighter Shores:Theme: Difference between revisions

From Brighter Shores Wiki
Jump to navigation Jump to search
Content added Content deleted
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>

Revision as of 23:19, 31 March 2024

This page contains information about the look of the Brighter Shores Wiki.

Colours

Body

--body-border

#d1b9ad

--body-dark

#b1886f

--body-mid

#d1b9ad

--body-light

#f5f0eb

--body-main

#fdfcfc

--body-background-color

#173a4d

Buttons and links

--button-border

#3c352a;

--button-dark

#18140c

--button-light

#3a301d

--osrsw-brown

#605443

--link-color

#936039

--background-link-color

#52351e