Project:Site Color Palette

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

magenta #d96dc9
purple #aa88e8
addition, enhancement, confirmation, blue #64a5e3
fix, functional, relevant, green #4bb073
chartreuse #9ead48
issue, unknown, yellow #e0b438
instruction, ilheading¹, salmon #daaa99
change, modification, orange #d89c4e
removal, non-functional, irrelevant, warning, red #ee7a72
important, highlight #dddddd

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