Просмотр кода страницы Шаблон:Цвет

<onlyinclude>{{#if: {{{color|{{{c|}}}}}} | <span style="color: }}{{#if: {{{background|{{{bg|}}}}}} | <span style="background: }}<!--
-->{{#switch: {{lc:{{{1}}}}}
| theme =
  {{#switch: {{lc:{{{2|}}}}}
   |#default        = var(--theme-bg-color-base)
   | 50             = var(--theme-bg-color-50)
   | 100            = var(--theme-bg-color-100)
   | 150            = var(--theme-bg-color-150)
   | 200            = var(--theme-bg-color-200)
   | 250            = var(--theme-bg-color-250)
   | 300            = var(--theme-bg-color-300)

   | border         = var(--theme-border-color-base)
   | border-100     = var(--theme-border-color-100)
  }}
| grey =
  {{#switch: {{lc:{{{2|}}}}}
   | 50             = var(--bg-color-grey-50)
   | 100|#default   = var(--bg-color-grey-100)
   | 150            = var(--bg-color-grey-150)
   | dark           = var(--bg-color-grey-dark)
   | subtle         = var(--bg-color-grey-subtle)
  }}
| red =
  {{#switch: {{lc:{{{2|}}}}}
   | 50             = var(--bg-color-red-50)
   | 100|#default   = var(--bg-color-red-100)
   | 150            = var(--bg-color-red-150)
   | dark           = var(--bg-color-red-dark)
   | subtle         = var(--bg-color-red-subtle)
  }}
| orange =
  {{#switch: {{lc:{{{2|}}}}}
   | 50             = var(--bg-color-orange-50)
   | 100|#default   = var(--bg-color-orange-100)
   | 150            = var(--bg-color-orange-150)
   | dark           = var(--bg-color-orange-dark)
   | subtle         = var(--bg-color-orange-subtle)
  }}
| rust =
  {{#switch: {{lc:{{{2|}}}}}
   | 50             = var(--bg-color-rust-50)
   | 100|#default   = var(--bg-color-rust-100)
   | 150            = var(--bg-color-rust-150)
   | dark           = var(--bg-color-rust-dark)
   | subtle         = var(--bg-color-rust-subtle)
  }}
| yellow =
  {{#switch: {{lc:{{{2|}}}}}
   | 50             = var(--bg-color-yellow-50)
   | 100|#default   = var(--bg-color-yellow-100)
   | 150            = var(--bg-color-yellow-150)
   | dark           = var(--bg-color-yellow-dark)
   | subtle         = var(--bg-color-yellow-subtle)
  }}
| brown =
  {{#switch: {{lc:{{{2|}}}}}
   | 50             = var(--bg-color-brown-50)
   | 100|#default   = var(--bg-color-brown-100)
   | 150            = var(--bg-color-brown-150)
   | dark           = var(--bg-color-brown-dark)
   | subtle         = var(--bg-color-brown-subtle)
  }}
| blue =
  {{#switch: {{lc:{{{2|}}}}}
   | 50             = var(--bg-color-blue-50)
   | 100|#default   = var(--bg-color-blue-100)
   | 150            = var(--bg-color-blue-150)
   | dark           = var(--bg-color-blue-dark)
   | subtle         = var(--bg-color-blue-subtle)
  }}
| skyblue =
  {{#switch: {{lc:{{{2|}}}}}
   | 50             = var(--bg-color-sky-blue-50)
   | 100|#default   = var(--bg-color-sky-blue-100)
   | 150            = var(--bg-color-sky-blue-150)
   | dark           = var(--bg-color-sky-blue-dark)
   | subtle         = var(--bg-color-sky-blue-subtle)
  }}
| turquoise =
  {{#switch: {{lc:{{{2|}}}}}
   | 50             = var(--bg-color-turquoise-50)
   | 100|#default   = var(--bg-color-turquoise-100)
   | 150            = var(--bg-color-turquoise-150)
   | dark           = var(--bg-color-turquoise-dark)
   | subtle         = var(--bg-color-turquoise-subtle)
  }}
| azure =
  {{#switch: {{lc:{{{2|}}}}}
   | 50             = var(--bg-color-azure-50)
   | 100|#default   = var(--bg-color-azure-100)
   | 150            = var(--bg-color-azure-150)
   | dark           = var(--bg-color-azure-dark)
   | subtle         = var(--bg-color-azure-subtle)
  }}
| purple =
  {{#switch: {{lc:{{{2|}}}}}
   | 50             = var(--bg-color-purple-50)
   | 100|#default   = var(--bg-color-purple-100)
   | 150            = var(--bg-color-purple-150)
   | dark           = var(--bg-color-purple-dark)
   | subtle         = var(--bg-color-purple-subtle)
  }}
| violet =
  {{#switch: {{lc:{{{2|}}}}}
   | 50             = var(--bg-color-violet-50)
   | 100|#default   = var(--bg-color-violet-100)
   | 150            = var(--bg-color-violet-150)
   | dark           = var(--bg-color-violet-dark)
   | subtle         = var(--bg-color-violet-subtle)
  }}
| pink =
  {{#switch: {{lc:{{{2|}}}}}
   | 50             = var(--bg-color-pink-50)
   | 100|#default   = var(--bg-color-pink-100)
   | 150            = var(--bg-color-pink-150)
   | dark           = var(--bg-color-pink-dark)
   | subtle         = var(--bg-color-pink-subtle)
  }}
| green =
  {{#switch: {{lc:{{{2|}}}}}
   | 50             = var(--bg-color-green-50)
   | 100|#default   = var(--bg-color-green-100)
   | 150            = var(--bg-color-green-150)
   | dark           = var(--bg-color-green-dark)
   | subtle         = var(--bg-color-green-subtle)
  }}
| emerald =
  {{#switch: {{lc:{{{2|}}}}}
   | 50             = var(--bg-color-emerald-50)
   | 100|#default   = var(--bg-color-emerald-100)
   | 150            = var(--bg-color-emerald-150)
   | dark           = var(--bg-color-emerald-dark)
   | subtle         = var(--bg-color-emerald-subtle)
  }}
<!-- 

  Пастельные цвета

-->  
| pastel-red =
  {{#switch: {{lc:{{{2|}}}}}
   | 50             = var(--bg-color-pastel-red-50)
   | 100|#default   = var(--bg-color-pastel-red-100)
   | 150            = var(--bg-color-pastel-red-150)
   | dark           = var(--bg-color-pastel-red-dark)
   | subtle         = var(--bg-color-pastel-red-subtle)
  }}
| pastel-blue =
  {{#switch: {{lc:{{{2|}}}}}
   | 50             = var(--bg-color-pastel-blue-50)
   | 100|#default   = var(--bg-color-pastel-blue-100)
   | 150            = var(--bg-color-pastel-blue-150)
   | dark           = var(--bg-color-pastel-blue-dark)
   | subtle         = var(--bg-color-pastel-blue-subtle)
  }}
| pastel-skyblue =
  {{#switch: {{lc:{{{2|}}}}}
   | 50             = var(--bg-color-pastel-skyblue-50)
   | 100|#default   = var(--bg-color-pastel-skyblue-100)
   | 150            = var(--bg-color-pastel-skyblue-150)
   | dark           = var(--bg-color-pastel-skyblue-dark)
   | subtle         = var(--bg-color-pastel-skyblue-subtle)
  }}
| pastel-magenta =
  {{#switch: {{lc:{{{2|}}}}}
   | 50             = var(--bg-color-pastel-magenta-50)
   | 100|#default   = var(--bg-color-pastel-magenta-100)
   | 150            = var(--bg-color-pastel-magenta-150)
   | dark           = var(--bg-color-pastel-magenta-dark)
   | subtle         = var(--bg-color-pastel-magenta-subtle)
  }}
| pastel-lime =
  {{#switch: {{lc:{{{2|}}}}}
   | 50             = var(--bg-color-pastel-lime-50)
   | 100|#default   = var(--bg-color-pastel-lime-100)
   | 150            = var(--bg-color-pastel-lime-150)
   | dark           = var(--bg-color-pastel-lime-dark)
   | subtle         = var(--bg-color-pastel-lime-subtle)
  }}
| pastel-turquoise =
  {{#switch: {{lc:{{{2|}}}}}
   | 50             = var(--bg-color-pastel-turquoise-50)
   | 100|#default   = var(--bg-color-pastel-turquoise-100)
   | 150            = var(--bg-color-pastel-turquoise-150)
   | dark           = var(--bg-color-pastel-turquoise-dark)
   | subtle         = var(--bg-color-pastel-turquoise-subtle)
  }}
| pastel-orange =
  {{#switch: {{lc:{{{2|}}}}}
   | 50             = var(--bg-color-pastel-orange-50)
   | 100|#default   = var(--bg-color-pastel-orange-100)
   | 150            = var(--bg-color-pastel-orange-150)
   | dark           = var(--bg-color-pastel-orange-dark)
   | subtle         = var(--bg-color-pastel-orange-subtle)
  }}
| pastel-yellow =
  {{#switch: {{lc:{{{2|}}}}}
   | 50             = var(--bg-color-pastel-yellow-50)
   | 100|#default   = var(--bg-color-pastel-yellow-100)
   | 150            = var(--bg-color-pastel-yellow-150)
   | dark           = var(--bg-color-pastel-yellow-dark)
   | subtle         = var(--bg-color-pastel-yellow-subtle)
  }}
| pastel-grey =
  {{#switch: {{lc:{{{2|}}}}}
   | 50             = var(--bg-color-pastel-grey-50)
   | 100|#default   = var(--bg-color-pastel-grey-100)
   | 150            = var(--bg-color-pastel-grey-150)
   | dark           = var(--bg-color-pastel-grey-dark)
   | subtle         = var(--bg-color-pastel-grey-subtle)
  }}
<!-- 

  Цвета текста 

-->
| text =
  {{#switch: {{lc:{{{2|}}}}}
   | #default       = var(--theme-text-color, lightgray)
   | header         = var(--theme-text-color-header, #dddddd)
   | light          = var(--theme-text-color-light, white)
   | dark           = var(--theme-text-color-dark, #72777d)
  
   | red|bad                 = var(--text-color-red, #d22222)
   | darkred|delta|bloodloss = var(--text-color-dark-red, #be2424)
   | indianred|slash         = var(--text-color-indian-red, indianred)
   | crimson|blunt|brute     = var(--text-color-crimson, crimson)
   | carmine                 = var(--text-color-carmine, #bd3759)
   | darksalmon|piercing     = var(--text-color-dark-salmon, darksalmon)
   | green  	             = var(--text-color-green, #269335)
   | lime|radiation          = var(--text-color-lime, #46bf46)
   | turquoise|good          = var(--text-color-turquoise, #189d80) 
   | yellow                  = var(--text-color-yellow, #dbdb11)
   | darkyellow              = var(--text-color-dark-yellow, #a4a400)
   | gold|gamma|shock        = var(--text-color-gold, #c7a226)
   | orange|heat|burn    	 = var(--text-color-orange, #df9100)
   | orangered|fire          = var(--text-color-orangered, #df9711)
   | pink                    = var(--text-color-pink, #cd6dca)
   | plum|caustic            = var(--text-color-plum, #db9fdb) 
   | blue|endurance          = var(--text-color-blue, #1c86ed)
   | skyblue|asphyxiation|airloss = var(--text-color-sky-blue, #3d78d1)
   | aquamarine|cold         = var(--text-color-aquamarine, #69d2d7)
   | violet|poison|toxin     = var(--text-color-violet, #946ce3)
   | silver|structural       = var(--text-color-silver, #a9a9a9)
   | moccasin|explosive      = var(--text-color-moccasin, #D2B48C)
  }}
}}{{#if: {{{color|{{{c|}}}}}}{{{background|{{{bg|}}}}}} | ;">{{{color|{{{c|}}}}}}{{{background|{{{bg|}}}}}}</span> }}</onlyinclude>
<noinclude>{{doc}}</noinclude>