Шаблон:Цвет: различия между версиями

DeRecnad изменил модель содержимого страницы Шаблон:Цвет с «вики-текст» на «CSS»: Надо так
DeRecnad изменил модель содержимого страницы Шаблон:Цвет с «CSS» на «Sanitized CSS»
 
(не показана 1 промежуточная версия этого же участника)
Строка 1: Строка 1:
<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