Project:Site Color Palette: Difference between revisions

Revision as of 19:29, June 30, 2021

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-chartreuse)

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
chartreuse	#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
dimmer	#888	dimx	dimmer

Dark

magenta #ce56bf
purple #a07fdf
addition, enhancement, confirmation, blue #5c8dd7
fix, functional, relevant, green #43a86b
chartreuse #96a13f
issue, unknown, yellow #d6b026
instruction, ilheading¹, 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
chartreuse #96a13f
issue, unknown, yellow #d0a91a
instruction, ilheading¹, salmon #c49584
change, modification, orange #cc9042
removal, non-functional, irrelevant, warning, red #e6716a
important, highlight #303030

@@ Line 43: / Line 43: @@
 | {{Fc|highlight|highlight}} || #dddddd || hltx || highlight, important
 |-
-| {{Fc|dim|dim}} || #888 || dimx || dim, subtle
+| {{Fc|dimmer|dimmer}} || #888 || dimx || dimmer
 |}
 <div>