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: # |
<div class="color-group" style="background: #d1b9ad;"> |
||
<p class="variable">--body-border</p> |
<p class="variable">--body-border</p> |
||
<p class="hexcode"># |
<p class="hexcode">#d1b9ad</p> |
||
</div> |
</div> |
||
<div class="color-group dark" style="background: #b1886f;"> |
<div class="color-group dark" style="background: #b1886f;"> |
||
Line 18: | Line 18: | ||
<p class="hexcode">#d1b9ad</p> |
<p class="hexcode">#d1b9ad</p> |
||
</div> |
</div> |
||
<div class="color-group" style="background: # |
<div class="color-group" style="background: #f5f0eb;"> |
||
<p class="variable">--body-light</p> |
<p class="variable">--body-light</p> |
||
<p class="hexcode"># |
<p class="hexcode">#f5f0eb</p> |
||
</div> |
</div> |
||
<div class="color-group" style="background: # |
<div class="color-group" style="background: #fdfcfc;"> |
||
<p class="variable">--body-main</p> |
<p class="variable">--body-main</p> |
||
<p class="hexcode"># |
<p class="hexcode">#fdfcfc</p> |
||
</div> |
</div> |
||
<div class="color-group dark" style="background: #173a4d;"> |
<div class="color-group dark" style="background: #173a4d;"> |
||
<p class="variable">--body-background-color</p> |
<p class="variable">--body-background-color</p> |
||
<p class="hexcode">#173a4d</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> |
||
</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