Actions

Work Header

Rating:
Archive Warning:
Fandom:
Additional Tags:
Language:
English
Stats:
Published:
2022-03-21
Words:
480
Chapters:
1/1
Comments:
35
Kudos:
245
Bookmarks:
45
Hits:
3,131

Colour Fonts in Basic Skin

Summary:

Just a test for Colour Fonts used on the Basic Skin. This is so I can have people test out whether the fonts are eye-bleeding between Light and Dark Modes while reading, and so personally have quick and easy access to copy/paste CSS for colours.

Work Text:

This is just a test fic and resource. So please don't expect anything fancy from me - my HTML abilities may have been website worthy some ten years or so ago, but we can all agree that ten years ago may as well be fifty in Internet development.

 

So we've got the following:

 

THE REDS

Red Font, which the code reads as:

<span class="font-red"> and closes with </span>


Pink Font, which the code reads as:

 

<span class="font-pink"> and closes with </span>


Cherry Red Font, which the code reads as:

 

<span class="font-cherryred"> and closes with </span>


Brick Red Font, which the code reads as:

 

<span class="font-brickred"> and closes with </span>


Red-Brown Font, which the code reads as:

 

<span class="font-redbrown"> and closes with </span>


Maroon Font, which the code reads as:

 

<span class="font-darkmaroon"> and closes with </span>

 

 

 

 

ORANGES

Orange Font, which the code reads as:

 

<span class="font-orange"> and closes with </span>


Dim Orange Font, which the code reads as:

 

<span class="font-dimorange"> and closes with </span>

 

 

YELLOWS

Yellow Font, which the code reads as:

 

<span class="font-yellow"> and closes with </span>


Murky Yellow Font, which the code reads as:

 

<span class="font-murkyyellow"> and closes with </span>



 

GREENS

Green Font, which the code reads as:

 

<span class="font-green"> and closes with </span>


Jade Green Font, which the code reads as:

 

<span class="font-jade"> and closes with </span>


Dim Green Font, which the code reads as:

 

<span class="font-dimgreen"> and closes with </span>


Leaf Green Font, which the code reads as:

 

<span class="font-leafgreen"> and closes with </span>


Dark Olive Green Font, which the code reads as:

 

<span class="font-darkolive"> and closes with </span>

 

 

BLUES

Blue Font, which the code reads as:

 

<span class="font-blue"> and closes with </span>


Dim Blue Font, which the code reads as:

 

<span class="font-dimblue"> and closes with </span>


Teal Blue Font, which the code reads as:

 

<span class="font-teal"> and closes with </span>


Medium Blue Font, which the code reads as:

 

<span class="font-midblue"> and closes with </span>


Sky Blue Font, which the code reads as:

 

<span class="font-mediumskyblue"> and closes with </span>


Navy Blue Font, which the code reads as:

 

<span class="font-darknavy"> and closes with </span>

 

 

PURPLES

Purple Font, which the code reads as:

 

<span class="font-purple"> and closes with </span>


Light Purple Font, which the code reads as:

 

<span class="font-lightpurple"> and closes with </span>


Medium Violet Purple Font, which the code reads as:

 

<span class="font-midviolet"> and closes with </span>


Dark Purple Font, which the code reads as:

 

<span class="font-verydarkpurple"> and closes with </span>


Dark Plum Purple Font, which the code reads as:

 

<span class="font-darkplum"> and closes with </span>

 

 

You also have your standard white and black text which can be done in exactly the same way, and also a "reallydarkgrey" that can also be used. But I'll leave those three for you guys to explore.