Project:Site Color Palette: Difference between revisions
From Step Mods | Change The Game
m (→Light) |
mNo edit summary |
||
Line 17: | Line 17: | ||
! Template:Fc Keywords | ! Template:Fc Keywords | ||
|- | |- | ||
| style="background: #373f49" | | style="background: #373f49; color:#d96dc9" | magenta || #d96dc9 || magenttx || magenta | ||
|- | |- | ||
| style="background: #373f49" | | style="background: #373f49; color:#aa88e8" | purple || #aa88e8 || purpletx || purple, dev | ||
|- | |- | ||
| style="background: #373f49" | | style="background: #373f49; color:#64a5e3" | blue || #64a5e3 || bluetx || blue, anotice | ||
|- | |- | ||
| style="background: #373f49" | | style="background: #373f49; color:#4bb073" | green || #4bb073 || greentx || green | ||
|- | |- | ||
| style="background: #373f49" | | style="background: #373f49; color:#9ead48" | chartreuse || #9ead48 || chartrtx || chartr, bug | ||
|- | |- | ||
| style="background: #373f49" | | style="background: #373f49; color:#e0b438" | yellow || #e0b438 || yellowtx || yellow, issue | ||
|- | |- | ||
| style="background: #373f49" | | style="background: #373f49; color:#daaa99" | salmon || #daaa99 || salmontx || salmon, instruction | ||
|- | |- | ||
| style="background: #373f49" | | style="background: #373f49; color:#d89c4e" | orange || #d89c4e || orangetx || orange | ||
|- | |- | ||
| style="background: #373f49" | | style="background: #373f49; color:#ee7a72" | red || #ee7a72 || redtx || red, rwarning, warn | ||
|- | |- | ||
| style="background: #373f49" | | style="background: #373f49; color:#ddd" | highlight || #ddd || hltx || highlight, brighter | ||
|- | |- | ||
| style="background: #373f49" | | | style="background: #373f49; color:#888" | dim || #888 || dimx || dimmer, dim | ||
|} | |} | ||
Line 78: | Line 78: | ||
! Template:Fc Keywords | ! Template:Fc Keywords | ||
|- | |- | ||
| style="background: #2a2a2f" | | style="background: #2a2a2f; color:#ce56bf" | magenta || #ce56bf || magenttx || magenta | ||
|- | |- | ||
| style="background: #2a2a2f" | | style="background: #2a2a2f; color:#a07fdf" | purple || #a07fdf || purpletx || purple, dev | ||
|- | |- | ||
| style="background: #2a2a2f" | | style="background: #2a2a2f; color:#5c8dd7" | blue || #5c8dd7 || bluetx || blue, notice | ||
|- | |- | ||
| style="background: #2a2a2f" | | style="background: #2a2a2f; color:#43a86b" | green || #43a86b || greentx || green | ||
|- | |- | ||
| style="background: #2a2a2f" | | style="background: #2a2a2f; color:#96a13f" | chartreuse || #96a13f || chartrtx || chartr, bug | ||
|- | |- | ||
| style="background: #2a2a2f" | | style="background: #2a2a2f; color:#d6b026" | yellow || #d6b026 || yellowtx || yellow, issue | ||
|- | |- | ||
| style="background: #2a2a2f" | | style="background: #2a2a2f; color:#d0a08f" | salmon || #d0a08f || salmontx || salmon, instruction | ||
|- | |- | ||
| style="background: #2a2a2f" | | style="background: #2a2a2f; color:#d09446" | orange || #d09446 || orangetx || orange | ||
|- | |- | ||
| style="background: #2a2a2f" | | style="background: #2a2a2f; color:#e6716a" | red || #e6716a || redtx || red, warning, warn | ||
|- | |- | ||
| style="background: #2a2a2f" | | style="background: #2a2a2f; color:#d8d8d8" | highlight || #d8d8d8 || hltx || highlight, brighter | ||
|- | |- | ||
| style="background: #2a2a2f" | | | style="background: #2a2a2f; color:#888" | dim || #888 || dimx || dimmer, dim | ||
|} | |} | ||
Line 139: | Line 139: | ||
! Template:Fc Keywords | ! Template:Fc Keywords | ||
|- | |- | ||
| style="background: #fffefd" | | style="background: #fffefd; color:#d96dc9" | magenta || #d96dc9 || (m)magenttx || magenta | ||
|- | |- | ||
| style="background: #fffefd" | | style="background: #fffefd; color:#9978d8" | purple || #9978d8 || (m)purpletx || purple, dev | ||
|- | |- | ||
| style="background: #fffefd" | | style="background: #fffefd; color:#5c8dd6" | blue || #5c8dd6 || (m)bluetx || blue, notice | ||
|- | |- | ||
| style="background: #fffefd" | | style="background: #fffefd; color:#3fa963" | green || #3fa963 || (m)greentx || green | ||
|- | |- | ||
| style="background: #fffefd" | | style="background: #fffefd; color:#96a13f" | chartreuse || #96a13f || (m)chartrtx || chartr, bug | ||
|- | |- | ||
| style="background: #fffefd" | | style="background: #fffefd; color:#d0a91a" | yellow || #d0a91a || (m)yellowtx || yellow, issue | ||
|- | |- | ||
| style="background: #fffefd" | | style="background: #fffefd; color:#c49584" | salmon || #c49584 || (m)salmontx || salmon, instruction | ||
|- | |- | ||
| style="background: #fffefd" | | style="background: #fffefd; color:#cc9042" | orange || #cc9042 || (m)orangetx || orange | ||
|- | |- | ||
| style="background: #fffefd" | { | | style="background: #fffefd; color:#e6716a" | {red || #e6716a || (m)redtx || red, warning, warn | ||
|- | |- | ||
| style="background: #fffefd" | | style="background: #fffefd; color:#333" | highlight || #333 || (m)hltx || highlight, brighter | ||
|- | |- | ||
| style="background: #fffefd" | | style="background: #fffefd; color:#888" | dimmer || #888 || (m)dimx || dimmer, dim | ||
|} | |} | ||
Revision as of 17:25, September 20, 2021
CSS Classes[edit | edit source]
Classes are used for colors on the wiki to maintain consistency and to allow variations that accommodate site themes. The following classes should be used as indicated below. Each uses the color name (or shortened name) with 'type' suffix:
- Text - tx - example: orangetx
- Background - bg example: orangebg
- Border - bd example: orangebd
Invoke by using (for example):
<span class="orangetx">Class for orange text</span>
Classic[edit | edit source]
Color | Hex | CSS Class | Template:Fc Keywords |
---|---|---|---|
magenta | #d96dc9 | magenttx | magenta |
purple | #aa88e8 | purpletx | purple, dev |
blue | #64a5e3 | bluetx | blue, anotice |
green | #4bb073 | greentx | green |
chartreuse | #9ead48 | chartrtx | chartr, bug |
yellow | #e0b438 | yellowtx | yellow, issue |
salmon | #daaa99 | salmontx | salmon, instruction |
orange | #d89c4e | orangetx | orange |
red | #ee7a72 | redtx | red, rwarning, warn |
highlight | #ddd | hltx | highlight, brighter |
dim | #888 | dimx | dimmer, dim |
Dark[edit | edit source]
Color | Hex | CSS Class | Template:Fc Keywords |
---|---|---|---|
magenta | #ce56bf | magenttx | magenta |
purple | #a07fdf | purpletx | purple, dev |
blue | #5c8dd7 | bluetx | blue, notice |
green | #43a86b | greentx | green |
chartreuse | #96a13f | chartrtx | chartr, bug |
yellow | #d6b026 | yellowtx | yellow, issue |
salmon | #d0a08f | salmontx | salmon, instruction |
orange | #d09446 | orangetx | orange |
red | #e6716a | redtx | red, warning, warn |
highlight | #d8d8d8 | hltx | highlight, brighter |
dim | #888 | dimx | dimmer, dim |
Light[edit | edit source]
Color | Hex | CSS Class | Template:Fc Keywords |
---|---|---|---|
magenta | #d96dc9 | (m)magenttx | magenta |
purple | #9978d8 | (m)purpletx | purple, dev |
blue | #5c8dd6 | (m)bluetx | blue, notice |
green | #3fa963 | (m)greentx | green |
chartreuse | #96a13f | (m)chartrtx | chartr, bug |
yellow | #d0a91a | (m)yellowtx | yellow, issue |
salmon | #c49584 | (m)salmontx | salmon, instruction |
orange | #cc9042 | (m)orangetx | orange |
{red | #e6716a | (m)redtx | red, warning, warn |
highlight | #333 | (m)hltx | highlight, brighter |
dimmer | #888 | (m)dimx | dimmer, dim |