Project:Site Color Palette
CSS Classes
Invoke by using
<span class="orangetx">Class for orange text</span>
CSS Variables
The following variables affect all themes by applying the theme-specific colors as indicated.
- var(--clr-magenta)
- var(--clr-purple)
- var(--clr-blue)
- var(--clr-green)
- var(--clr-chartr)
- var(--clr-yellow)
- var(--clr-salmon)
- var(--clr-orange)
- var(--clr-red)
- var(--text-pri-emph)
Classic
Color | Hex | CSS Class | Template:Fc Keywords |
---|---|---|---|
magenta | #d96dc9 | magenttx | magenta |
purple | #aa88e8 | purpletx | vpurple |
blue | #64a5e3 | bluetx | blue, addition, enhancement, confirmation |
green | #4bb073 | greentx | green, fix, functional, relevant |
chartr | #9ead48 | chartrtx | chartr |
yellow | #e0b438 | yellowtx | yellow, issue, unknown |
salmon | #daaa99 | salmontx | salmon, instruction |
orange | #d89c4e | orangetx | orange, change, modification |
red | #ee7a72 | redtx | red, removal, non-functional, irrelevant, warning |
highlight | #dddddd | hltx | highlight, important |
dim | #888 | dimx | dim, subtle |
Dark
magenta #ce56bf
purple #a07fdf
addition, enhancement, confirmation, blue #5c8dd7
fix, functional, relevant, green #43a86b
chartr #96a13f
issue, unknown, yellow #d6b026
instruction, ilheading1, salmon #d0a08f
change, modification, orange #d09446
removal, non-functional, irrelevant, warning, red #e6716a
important, highlight #d8d8d8
Light
magenta #d96dc9
purple #9978d8
addition, enhancement, confirmation, blue #5c8dd6
fix, functional, relevant, green #3fa963
chartr #96a13f
issue, unknown, yellow #d0a91a
instruction, ilheading1, salmon #c49584
change, modification, orange #cc9042
removal, non-functional, irrelevant, warning, red #e6716a
important, highlight #303030