Шаблон:Цвет

Версия от 19:05, 26 июля 2025; DeRecnad (обсуждение | вклад) (DeRecnad изменил модель содержимого страницы Шаблон:Цвет с «вики-текст» на «CSS»: Надо так)
<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