Project:Site Color Palette: Difference between revisions
m (→Classic) |
m (Text replacement - "chartreuse" to "chartr") |
||
| Line 9: | Line 9: | ||
:var(--clr-blue) | :var(--clr-blue) | ||
:var(--clr-green) | :var(--clr-green) | ||
:var(--clr- | :var(--clr-chartr) | ||
:var(--clr-yellow) | :var(--clr-yellow) | ||
:var(--clr-salmon) | :var(--clr-salmon) | ||
| Line 31: | Line 31: | ||
| {{Fc|green|green}} || #4bb073 || greentx || green, fix, functional, relevant | | {{Fc|green|green}} || #4bb073 || greentx || green, fix, functional, relevant | ||
|- | |- | ||
| {{Fc|chartr| | | {{Fc|chartr|chartr}} || #9ead48 || chartrtx || chartr | ||
|- | |- | ||
| {{Fc|yellow|yellow}} || #e0b438 || yellowtx || yellow, issue, unknown | | {{Fc|yellow|yellow}} || #e0b438 || yellowtx || yellow, issue, unknown | ||
| Line 79: | Line 79: | ||
{{Fc|#5c8dd7|addition, enhancement, confirmation, blue #5c8dd7}}<br /> | {{Fc|#5c8dd7|addition, enhancement, confirmation, blue #5c8dd7}}<br /> | ||
{{Fc|#43a86b|fix, functional, relevant, green #43a86b}}<br /> | {{Fc|#43a86b|fix, functional, relevant, green #43a86b}}<br /> | ||
{{Fc|#96a13f| | {{Fc|#96a13f|chartr #96a13f}}<br /> | ||
{{Fc|#d6b026|issue, unknown, yellow #d6b026}}<br /> | {{Fc|#d6b026|issue, unknown, yellow #d6b026}}<br /> | ||
{{Fc|#d0a08f|instruction, ilheading<sup>1</sup>, salmon #d0a08f}}<br /> | {{Fc|#d0a08f|instruction, ilheading<sup>1</sup>, salmon #d0a08f}}<br /> | ||
| Line 119: | Line 119: | ||
{{Fc|#5c8dd6|addition, enhancement, confirmation, blue #5c8dd6}}<br /> | {{Fc|#5c8dd6|addition, enhancement, confirmation, blue #5c8dd6}}<br /> | ||
{{Fc|#3fa963|fix, functional, relevant, green #3fa963}}<br /> | {{Fc|#3fa963|fix, functional, relevant, green #3fa963}}<br /> | ||
{{Fc|#96a13f| | {{Fc|#96a13f|chartr #96a13f}}<br /> | ||
{{Fc|#d0a91a|issue, unknown, yellow #d0a91a}}<br /> | {{Fc|#d0a91a|issue, unknown, yellow #d0a91a}}<br /> | ||
{{Fc|#c49584|instruction, ilheading<sup>1</sup>, salmon #c49584}}<br /> | {{Fc|#c49584|instruction, ilheading<sup>1</sup>, salmon #c49584}}<br /> | ||
Revision as of 19:27, 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-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
