Colours

Ready-made colours you can apply with a class, without writing any CSS. They also win over themed defaults, so label sun-flower-bg gives a yellow label.

Class	Description
`{colour}-text`	Text in that colour
`{colour}-bg`	Background in that colour
`{colour}-dropshadow`	Background in that colour with a matching drop shadow

<p class="emerald-text">emerald-text</p>
<div class="blurple-bg" style="padding: 1em">blurple-bg</div>
<div class="carrot-dropshadow" style="padding: 1em; margin: 1em 0">carrot-dropshadow</div>

Normal colours

alizarin#e74c3c

amethyst#9b59b6

aqua-blue#006266

asbestos#7f8c8d

belize-hole#2980b9

black#000

blurple#7289da

cardboard#a58855

carrot#e67e22

clouds#ecf0f1

concrete#95a5a6

cubered#ef0c0c

dark-not-black#2c2f33

dark#343a40

disco-ball#25ccf7

emerald#2ecc71

energy-drink#c4e538

fuchsia#b33771

gold#ffd700

green-sea#16a085

greyple#99aab5

highlight#181818

honey#eab543

lavender#b57edc

light#f8f9fa

lemon#ffeaa7

marine-blue#0652dd

midnight-blue#2c3e50

navy-blue#182c61

nephritis#27ae60

not-black#23272a

orange#f39c12

peach#f49898

peter-river#3498db

pink-cherry#e84393

pine#bdc581

pinewood#fdcb6e

pomegranate#c0392b

primary#282828

pumpkin#d35400

rasberry#c51d4a

raw-purple#7222c9

secondary#303030

silver#7f8c8d

soft-purple#6c5ce7

sun-flower#f1c40f

transparenttransparent

turquoise#1abc9c

watermelon#ff4757

wet-asphalt#34495e

white#fff

wisteria#8e44ad

Company/Social medias

amazon#f90

android#8ec047

bandcamp#619aa9

deviantart#05cc47

discord#7289da

facebook#3b5998

gitea#5aa509

github#292d32

gitlab#fc6d26

google#4285f4

googleplus#db4437

instagram#c32aa3

line#00b901

linkedin#007bb5

npm#c12127

patreon#f96854

paypal#1e9cd7

pinterest#bd081c

reddit#ff4500

skype#41a6ed

slack#4d394b

snapchat#fffc00

soundcloud#f50

spotify#1ed760

steam#1b2838

telegram#08c

tumblr#35465d

twitch#6441a4

twitter#1da1f2

viber#7f4d9b

whatsapp#25d366

youtube#f00

Source: scss/components/_colour.scss