Project:Site Color Palette

From Step Mods | Change The Game
Revision as of 17:15, September 20, 2021 by Z929669 (talk | contribs) (→‎Dark)

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]

style="background: #373f49" 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 #dddddd hltx highlight, brighter
dimmer #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
dimmer #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 #303030 (m)hltx highlight, brighter
dimmer #888 (m)dimx dimmer, dim