Brighter Shores:Theme: Difference between revisions
no edit summary
m (Merds moved page User:Merds/Sandbox to Brighter Shores:Theme without leaving a redirect) |
No edit summary |
||
Line 2:
==Colours==
===Brand===
<div class="color-container">
Line 98 ⟶ 99:
<p class="hexcode">#3f3f3f</p>
</div>
</div>
</div>
===Status===
<div class="color-container">
<div class="color-column">
<div class="color-group dark" style="background: #801c13;">
<p class="variable">@mocaccino</p>
<p class="hexcode">#801c13</p>
</div>
<div class="color-group dark" style="background: #9f261e;">
<p class="variable">@old-brick</p>
<p class="hexcode">#9f261e</p>
</div>
<div class="color-group dark" style="background: #ee4231;">
<p class="variable">@flamingo</p>
<p class="hexcode">#ee4231</p>
</div>
<div class="color-group" style="background: #fbc0ba;">
<p class="variable">@apricot-peach</p>
<p class="hexcode">#fbc0ba</p>
</div>
<div class="color-group" style="background: #feecea;">
<p class="variable">@bridesmaid</p>
<p class="hexcode">#feecea</p>
</div>
</div>
<div class="color-column">
<div class="color-group dark" style="background: #7a3f08;">
<p class="variable">@antique-bronze</p>
<p class="hexcode">#7a3f08</p>
</div>
<div class="color-group dark" style="background: #b55e0c;">
<p class="variable">@korma</p>
<p class="hexcode">#b55e0c</p>
</div>
<div class="color-group dark" style="background: #f7861b;">
<p class="variable">@ecstasy</p>
<p class="hexcode">#f7861b</p>
</div>
<div class="color-group" style="background: #fbcfa6;">
<p class="variable">@corvette</p>
<p class="hexcode">#fbcfa6</p>
</div>
<div class="color-group" style="background: #fef0e4;">
<p class="variable">@lace</p>
<p class="hexcode">#fef0e4</p>
</div>
</div>
<div class="color-column">
<div class="color-group dark" style="background: #786300;">
<p class="variable">@cinnamon</p>
<p class="hexcode">#786300</p>
</div>
<div class="color-group dark" style="background: #a48900;">
<p class="variable">@olive</p>
<p class="hexcode">#a48900</p>
</div>
<div class="color-group" style="background: #f9d000;">
<p class="variable">@supernova</p>
<p class="hexcode">#f9d000</p>
</div>
<div class="color-group" style="background: #fcea94;">
<p class="variable">@golden</p>
<p class="hexcode">#fcea94</p>
</div>
<div class="color-group" style="background: #fef9de;">
<p class="variable">@half-dutch</p>
<p class="hexcode">#fef9de</p>
</div>
</div>
<div class="color-column">
<div class="color-group dark" style="background: #2e5e05;">
<p class="variable">@san-felix</p>
<p class="hexcode">#2e5e05</p>
</div>
<div class="color-group dark" style="background: #3c780a;">
<p class="variable">@la-palma</p>
<p class="hexcode">#3c780a</p>
</div>
<div class="color-group dark" style="background: #6bc71f;">
<p class="variable">@lima</p>
<p class="hexcode">#6bc71f</p>
</div>
<div class="color-group" style="background: #c3e8a3;">
<p class="variable">@caper</p>
<p class="hexcode">#c3e8a3</p>
</div>
<div class="color-group" style="background: #ecf8e3;">
<p class="variable">@frost</p>
<p class="hexcode">#ecf8e3</p>
</div>
</div>
</div>
<div class="color-container">
<div class="color-column">
<div class="color-group dark" style="background: #03436b;">
<p class="variable">@regal-blue</p>
<p class="hexcode">#03436b</p>
</div>
<div class="color-group dark" style="background: #0b5884;">
<p class="variable">@venice-blue</p>
<p class="hexcode">#0b5884</p>
</div>
<div class="color-group dark" style="background: #3ea6e6;">
<p class="variable">@curious-blue</p>
<p class="hexcode">#3ea6e6</p>
</div>
<div class="color-group" style="background: #aad9f5;">
<p class="variable">@jordy-blue</p>
<p class="hexcode">#aad9f5</p>
</div>
<div class="color-group" style="background: #e5f3fc;">
<p class="variable">@tropical-blue</p>
<p class="hexcode">#e5f3fc</p>
</div>
</div>
<div class="color-column">
<div class="color-group dark" style="background: #3d276b;">
<p class="variable">@honey-flower</p>
<p class="hexcode">#3d276b</p>
</div>
<div class="color-group dark" style="background: #4f348b;">
<p class="variable">@seance</p>
<p class="hexcode">#4f348b</p>
</div>
<div class="color-group dark" style="background: #855cd8;">
<p class="variable">@medium-purple</p>
<p class="hexcode">#855cd8</p>
</div>
<div class="color-group" style="background: #cebbf7;">
<p class="variable">@perfume</p>
<p class="hexcode">#cfc0f0</p>
</div>
<div class="color-group" style="background: #f0ecfa;">
<p class="variable">@heliotrope</p>
<p class="hexcode">#f0ecfa</p>
</div>
</div>
<div class="color-column">
<div class="color-group dark" style="background: #6d3662;">
<p class="variable">@cosmic</p>
<p class="hexcode">#6d3662</p>
</div>
<div class="color-group dark" style="background: #984c89;">
<p class="variable">@cannon-pink</p>
<p class="hexcode">#984c89</p>
</div>
<div class="color-group dark" style="background: #e874cf;">
<p class="variable">@lavender</p>
<p class="hexcode">#e874cf</p>
</div>
<div class="color-group" style="background: #f5c8ec;">
<p class="variable">@cherub</p>
<p class="hexcode">#f5c8ec</p>
</div>
<div class="color-group" style="background: #fceef9;">
<p class="variable">@french-lilac</p>
<p class="hexcode">#fceef9</p>
</div>
</div>
<div class="color-column">
<div class="color-group dark" style="background: #444e5a;">
<p class="variable">@river-bed</p>
<p class="hexcode">#444e5a</p>
</div>
<div class="color-group dark" style="background: #5d6773;">
<p class="variable">@shuttle-gray</p>
<p class="hexcode">#5d6773</p>
</div>
<div class="color-group dark" style="background: #949eaa;">
<p class="variable">@gray-chateau</p>
<p class="hexcode">#949eaa</p>
</div>
<div class="color-group" style="background: #e4eaee;">
<p class="variable">@mystic</p>
<p class="hexcode">#e4eaee</p>
</div>
<div class="color-group" style="background: #f9fafa;">
<p class="variable">@black-haze</p>
<p class="hexcode">#f9fafa</p>
</div>
</div>
</div>
| |||