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: #fdfcfc;"> |
||
<p class="variable">--body- |
<p class="variable">--body-main</p> |
||
<p class="hexcode"># |
<p class="hexcode">#fdfcfc</p> |
||
</div> |
</div> |
||
<div class="color-group |
<div class="color-group" style="background: #e7e5e4;"> |
||
<p class="variable">--body- |
<p class="variable">--body-light</p> |
||
<p class="hexcode"># |
<p class="hexcode">#e7e5e4</p> |
||
</div> |
</div> |
||
<div class="color-group" style="background: # |
<div class="color-group" style="background: #ad9e9a;"> |
||
<p class="variable">--body-mid</p> |
<p class="variable">--body-mid</p> |
||
<p class="hexcode"># |
<p class="hexcode">#ad9e9a</p> |
||
</div> |
</div> |
||
<div class="color-group" style="background: # |
<div class="color-group" style="background: #bdb2ae;"> |
||
<p class="variable">--body- |
<p class="variable">--body-border</p> |
||
<p class="hexcode"># |
<p class="hexcode">#bdb2ae</p> |
||
</div> |
</div> |
||
<div class="color-group" style="background: # |
<div class="color-group dark" style="background: #6d5b54;"> |
||
<p class="variable">--body- |
<p class="variable">--body-dark</p> |
||
<p class="hexcode"># |
<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: # |
<div class="color-group dark" style="background: #8b694f;"> |
||
<p class="variable">--link-color</p> |
<p class="variable">--link-color</p> |
||
<p class="hexcode"># |
<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> |
Revision as of 08:55, 22 April 2024
This page contains information about the look of the Brighter Shores Wiki.
Colours
Body
--body-main
#fdfcfc
--body-light
#e7e5e4
--body-mid
#ad9e9a
--body-border
#bdb2ae
--body-dark
#6d5b54
--body-darker
#47403d
--body-background-color
#173a4d
Buttons and links
--button-border
#3c352a
--button-dark
#18140c
--button-light
#3a301d
--link-color
#8b694f
--table-link-color
#794f34
--background-link-color
#52351e
@infobox-link
#a5918a
Buttons and links
--hammermage
#FFE233
--cryoknight
#68ABF1
--guardian
#72D757