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

Материал из Space Station 14 Вики
Интерактивная навигация по истории
← Предыдущая правка
ВизуальныйВики-текст
мНет описания правки
м Защитил страницу Шаблон:Цвет ([Редактирование=Разрешено только инженерам] (бессрочно) [Переименование=Разрешено только инженерам] (бессрочно))
 
(не показана 51 промежуточная версия этого же участника)
Строка 1: Строка 1:
<onlyinclude>{{#switch: {{{1}}}
<onlyinclude>{{#if: {{{color|{{{c|}}}}}} | <span style="color: }}{{#if: {{{background|{{{bg|}}}}}} | <span style="background: }}<!--
| Security =
-->{{#switch: {{lc:{{{1}}}}}
   {{#switch: {{{2|}}}
| theme =
   | Primary Bold|#default   = #8f2121
   {{#switch: {{lc:{{{2|}}}}}
   | Primary                = 9B383A
   |#default       = var(--theme-bg-color-base)
   | Secondary              = 515255
  | 50            = var(--theme-bg-color-50)
   | Tertiary                = 404144
  | 100            = var(--theme-bg-color-100)
   | Saturated              = 8f2121 <!-- Повтор цвета -->
  | 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)
   }}
   }}
| Science =
| grey =
   {{#switch: {{{2|}}}
   {{#switch: {{lc:{{{2|}}}}}
   | Primary Bold|#default  = 7c0183
   | 50            = var(--bg-color-grey-50)
  | Primary                = 84328f
  | 100|#default  = var(--bg-color-grey-100)
   | Secondary              = 630069
   | 150            = var(--bg-color-grey-150)
   | Tertiary                = 4e0163
   | dark          = var(--bg-color-grey-dark)
   | Saturated              = 78027f
   | subtle        = var(--bg-color-grey-subtle)
   }}
   }}
| Service =  
| red =
   {{#switch: {{{2|}}}
   {{#switch: {{lc:{{{2|}}}}}
   | Primary Bold|#default  = 297929
   | 50            = var(--bg-color-red-50)
  | Primary                = 3f833f
  | 100|#default  = var(--bg-color-red-100)
   | Secondary              = 216321
   | 150            = var(--bg-color-red-150)
   | Tertiary                = 1c5d24
   | dark          = var(--bg-color-red-dark)
   | Saturated              = 2b7d2b
   | subtle        = var(--bg-color-red-subtle)
   }}
   }}
| Engineering =
| orange =
   {{#switch: {{{2|}}}
   {{#switch: {{lc:{{{2|}}}}}
   | Primary Bold|#default  = 8f7210
   | 50            = var(--bg-color-orange-50)
  | Primary                = 977e31
  | 100|#default  = var(--bg-color-orange-100)
   | Secondary              = 775f0e
   | 150            = var(--bg-color-orange-150)
   | Tertiary                = 715609
   | dark          = var(--bg-color-orange-dark)
   | Saturated              = 957710
   | subtle        = var(--bg-color-orange-subtle)
   }}
   }}
| Atmospheric =  
| rust =
   {{#switch: {{{2|}}}
   {{#switch: {{lc:{{{2|}}}}}
   | Primary Bold|#default  = 1a89ad
   | 50            = var(--bg-color-rust-50)
  | Primary                = 30AEBF
  | 100|#default  = var(--bg-color-rust-100)
   | Secondary              = D0AC3F
   | 150            = var(--bg-color-rust-150)
   | Tertiary                = 907114
   | dark          = var(--bg-color-rust-dark)
   | Saturated              = 066b80
   | subtle        = var(--bg-color-rust-subtle)
   }}
   }}
| Command =  
| yellow =
   {{#switch: {{{2|}}}
   {{#switch: {{lc:{{{2|}}}}}
   | Primary Bold|#default  = 104b8f
   | 50            = var(--bg-color-yellow-50)
  | Primary                = 285991
  | 100|#default  = var(--bg-color-yellow-100)
   | Secondary              = 0e3f79
   | 150            = var(--bg-color-yellow-150)
   | Tertiary                = 0b396f
   | dark          = var(--bg-color-yellow-dark)
   | Saturated              = 104c91
   | subtle        = var(--bg-color-yellow-subtle)
   }}
   }}
| Medical =  
| brown =
   {{#switch: {{{2|}}}
   {{#switch: {{lc:{{{2|}}}}}
   | Primary Bold|#default  = 005b53
   | 50            = var(--bg-color-brown-50)
  | Primary                = 1f635d
  | 100|#default  = var(--bg-color-brown-100)
   | Secondary              = 01453e
   | 150            = var(--bg-color-brown-150)
   | Tertiary                = 004d45
   | dark          = var(--bg-color-brown-dark)
   | Saturated              = 0d747f
   | subtle        = var(--bg-color-brown-subtle)
   }}
   }}
| Cargo =  
| blue =
   {{#switch: {{{2|}}}
   {{#switch: {{lc:{{{2|}}}}}
   | Primary Bold|#default  = 85490c
   | 50            = var(--bg-color-blue-50)
  | Primary                = 8f5a23
  | 100|#default  = var(--bg-color-blue-100)
   | Secondary              = 6f3d0a
   | 150            = var(--bg-color-blue-150)
   | Tertiary                = 6f390a
   | dark          = var(--bg-color-blue-dark)
   | Saturated              = 874b0e
   | subtle        = var(--bg-color-blue-subtle)
   }}
   }}
| Lavaland =  
| skyblue =
   {{#switch: {{{2|}}}
   {{#switch: {{lc:{{{2|}}}}}
   | Primary Bold|#default  = AF8D1A
  | 50            = var(--bg-color-sky-blue-50)
   | Primary                = BB9042
   | 100|#default  = var(--bg-color-sky-blue-100)
   | Secondary              = 9E6C2A
   | 150            = var(--bg-color-sky-blue-150)
   | Tertiary                = 6B4C26
   | dark          = var(--bg-color-sky-blue-dark)
   | subtle        = var(--bg-color-sky-blue-subtle)
   }}
   }}
| Synthetic =  
| turquoise =
   {{#switch: {{{2|}}}  
   {{#switch: {{lc:{{{2|}}}}}
   | Primary Bold|#default  = 1364C1
  | 50            = var(--bg-color-turquoise-50)
   | Primary                = 2770C4
   | 100|#default  = var(--bg-color-turquoise-100)
   | Secondary              = 4C82BF
   | 150            = var(--bg-color-turquoise-150)
   | Tertiary                = 5E8BBC
   | dark          = var(--bg-color-turquoise-dark)
   | subtle        = var(--bg-color-turquoise-subtle)
   }}
   }}
| Antagonist =  
| azure =
   {{#switch: {{{2|}}}  
   {{#switch: {{lc:{{{2|}}}}}
   | Primary Bold|#default  = 160202
  | 50            = var(--bg-color-azure-50)
   | Primary                = 190505
   | 100|#default  = var(--bg-color-azure-100)
   | Secondary              = 4C1E1E
   | 150            = var(--bg-color-azure-150)
   | Tertiary                = 663333
   | dark          = var(--bg-color-azure-dark)
   | subtle        = var(--bg-color-azure-subtle)
   }}
   }}
| Ratvar =  
| purple =
   {{#switch: {{{2|}}}  
   {{#switch: {{lc:{{{2|}}}}}
   | Primary Bold|#default  = 6c4b13
  | 50            = var(--bg-color-purple-50)
   | Primary                = 825b17
   | 100|#default  = var(--bg-color-purple-100)
   | Secondary              = 332409
   | 150            = var(--bg-color-purple-150)
   | Tertiary                = 4c3f27
   | dark          = var(--bg-color-purple-dark)
   | subtle        = var(--bg-color-purple-subtle)
   }}
   }}
| Xenomorph =  
| violet =
   {{#switch: {{{2|}}}  
   {{#switch: {{lc:{{{2|}}}}}
   | Primary Bold|#default  = 252138
  | 50            = var(--bg-color-violet-50)
   | Primary                = 312d43
   | 100|#default  = var(--bg-color-violet-100)
   | Secondary              = 4c4666
   | 150            = var(--bg-color-violet-150)
   | Tertiary                = 5e577e
   | dark          = var(--bg-color-violet-dark)
   | subtle        = var(--bg-color-violet-subtle)
   }}
   }}
| Marine =  
| pink =
   {{#switch: {{{2|}}}
   {{#switch: {{lc:{{{2|}}}}}
   | Primary Bold|#default  = 005b53
   | 50            = var(--bg-color-pink-50)
  | Primary                = 1f635d
  | 100|#default  = var(--bg-color-pink-100)
   | Secondary              = 01453e
   | 150            = var(--bg-color-pink-150)
   | Tertiary                = 004d45
   | dark          = var(--bg-color-pink-dark)
   | Saturated              = 0d747f
   | subtle        = var(--bg-color-pink-subtle)
   }}
   }}
| Wizard =  
| green =
   {{#switch: {{{2|}}}
   {{#switch: {{lc:{{{2|}}}}}
   | Primary Bold|#default  = 6919FF
  | 50            = var(--bg-color-green-50)
   | Primary                = 7D32FF
   | 100|#default  = var(--bg-color-green-100)
   | Secondary              = 9866FF
   | 150            = var(--bg-color-green-150)
   | Tertiary                = A77FFF
   | dark          = var(--bg-color-green-dark)
   | subtle        = var(--bg-color-green-subtle)
   }}
   }}
| Abductor =  
| emerald =
   {{#switch: {{{2|}}}
   {{#switch: {{lc:{{{2|}}}}}
   | Primary Bold|#default  = 999999
  | 50            = var(--bg-color-emerald-50)
   | Primary                = 7F7F7F
   | 100|#default  = var(--bg-color-emerald-100)
   | Secondary              = E5E5E5
   | 150            = var(--bg-color-emerald-150)
   | Tertiary                = CCCCCC
   | dark          = var(--bg-color-emerald-dark)
   | subtle        = var(--bg-color-emerald-subtle)
   }}
   }}
}}</onlyinclude>
<!--
 
  Пастельные цвета
 
--> 
| 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>
<noinclude>{{doc}}</noinclude>

Текущая версия от 17:57, 27 октября 2025

Документация
[просмотр | править | история | обновить]

Этот шаблон придуман, чтобы стандартизировать цветовое оформление статей в рамках одной тематики. Шаблон используется для цвета фона в таблицах, шаблонах-карточках и других элементах.

Например, если в какой-либо статье или в каком-нибудь шаблоне, связанном с водными объектами, нужно указать цвет, это делается с помощью шаблона {{Цвет|Водный объект}}.

Цвета можно удалять, добавлять и изменять путём манипулирования кодом этого шаблона. Эти изменения не следует делать без предварительного обсуждения на странице шаблона. Во избежание вандализма и неконсенсусных изменений редактирование всех подстраниц доступно только администраторам и инженерам (это сделано через MediaWiki:Titleblacklist).

Использование параметров

При указании палитры выводит цвет в виде переменной CSS, которая работает в стилях также, как ввод цветов в формате HEX (например, #ffffff)

  • {{Цвет|theme|200}} → var(--theme-bg-color-200)
  • {{Цвет|violet|100}} → var(--bg-color-violet-100)

Покраска текста

|color = или |c =

  • {{Цвет|text|crimson|c=Плохой текст}} → Плохой текст
  • {{Цвет|text|turquoise|c=Хороший текст}} → Хороший текст


Покраска фона

|background = или |bg =

  • {{Цвет|theme|300|bg=Серый фон}} → Серый фон
  • {{Цвет|red|150|bg=Цветной фон}} → Цветной фон


Цвета фонов/границ

Тематический

Использование

  • Основной цвет нашей Вики, при переключении темы будет изменятся в первую очередь

Цвета фонов

Тема Цвет
{{цвет|theme|}} var(--theme-bg-color-base)
{{цвет|theme|50}} var(--theme-bg-color-50)
{{цвет|theme|100}} var(--theme-bg-color-100)
{{цвет|theme|150}} var(--theme-bg-color-150)
{{цвет|theme|200}} var(--theme-bg-color-200)
{{цвет|theme|250}} var(--theme-bg-color-250)
{{цвет|theme|300}} var(--theme-bg-color-300)

Цвета границ

Тема Цвет
{{цвет|theme|border}} var(--theme-border-color-base)
{{цвет|theme|border-100}} var(--theme-border-color-100)

Серый

Использование

Тема Цвет
{{цвет|grey|50}} var(--bg-color-grey-50)
{{цвет|grey|100}} var(--bg-color-grey-100)
{{цвет|grey|150}} var(--bg-color-grey-150)
{{цвет|grey|dark}} var(--bg-color-grey-dark)
{{цвет|grey|subtle}} var(--bg-color-grey-subtle)

Красный

Использование

Тема Цвет
{{цвет|red|50}} var(--bg-color-red-50)
{{цвет|red|100}} var(--bg-color-red-100)
{{цвет|red|150}} var(--bg-color-red-150)
{{цвет|red|dark}} var(--bg-color-red-dark)
{{цвет|red|subtle}} var(--bg-color-red-subtle)

Оранжевый

Использование

Тема Цвет
{{цвет|orange|50}} var(--bg-color-orange-50)
{{цвет|orange|100}} var(--bg-color-orange-100)
{{цвет|orange|150}} var(--bg-color-orange-150)
{{цвет|orange|dark}} var(--bg-color-orange-dark)
{{цвет|orange|subtle}} var(--bg-color-orange-subtle)


Ржавый

Использование

Тема Цвет
{{цвет|rust|50}} var(--bg-color-rust-50)
{{цвет|rust|100}} var(--bg-color-rust-100)
{{цвет|rust|150}} var(--bg-color-rust-150)
{{цвет|rust|dark}} var(--bg-color-rust-dark)
{{цвет|rust|subtle}} var(--bg-color-rust-subtle)

Жёлтый

Использование

Тема Цвет
{{цвет|yellow|50}} var(--bg-color-yellow-50)
{{цвет|yellow|100}} var(--bg-color-yellow-100)
{{цвет|yellow|150}} var(--bg-color-yellow-150)
{{цвет|yellow|dark}} var(--bg-color-yellow-dark)
{{цвет|yellow|subtle}} var(--bg-color-yellow-subtle)

Коричневый

Использование

Тема Цвет
{{цвет|brown|50}} var(--bg-color-brown-50)
{{цвет|brown|100}} var(--bg-color-brown-100)
{{цвет|brown|150}} var(--bg-color-brown-150)
{{цвет|brown|dark}} var(--bg-color-brown-dark)
{{цвет|brown|subtle}} var(--bg-color-brown-subtle)

Синий

Использование

Тема Цвет
{{цвет|blue|50}} var(--bg-color-blue-50)
{{цвет|blue|100}} var(--bg-color-blue-100)
{{цвет|blue|150}} var(--bg-color-blue-150)
{{цвет|blue|dark}} var(--bg-color-blue-dark)
{{цвет|blue|subtle}} var(--bg-color-blue-subtle)

Голубой

Использование

Тема Цвет
{{цвет|skyblue|50}} var(--bg-color-sky-blue-50)
{{цвет|skyblue|100}} var(--bg-color-sky-blue-100)
{{цвет|skyblue|150}} var(--bg-color-sky-blue-150)
{{цвет|skyblue|dark}} var(--bg-color-sky-blue-dark)
{{цвет|skyblue|subtle}} var(--bg-color-sky-blue-subtle)

Бирюзовый

Использование

Тема Цвет
{{цвет|turquoise|50}} var(--bg-color-turquoise-50)
{{цвет|turquoise|100}} var(--bg-color-turquoise-100)
{{цвет|turquoise|150}} var(--bg-color-turquoise-150)
{{цвет|turquoise|dark}} var(--bg-color-turquoise-dark)
{{цвет|turquoise|subtle}} var(--bg-color-turquoise-subtle)

Лазурный

Использование

Тема Цвет
{{цвет|azure|50}} var(--bg-color-azure-50)
{{цвет|azure|100}} var(--bg-color-azure-100)
{{цвет|azure|150}} var(--bg-color-azure-150)
{{цвет|azure|dark}} var(--bg-color-azure-dark)
{{цвет|azure|subtle}} var(--bg-color-azure-subtle)

Пурпурный

Использование

Тема Цвет
{{цвет|purple|50}} var(--bg-color-purple-50)
{{цвет|purple|100}} var(--bg-color-purple-100)
{{цвет|purple|150}} var(--bg-color-purple-150)
{{цвет|purple|dark}} var(--bg-color-purple-dark)
{{цвет|purple|subtle}} var(--bg-color-purple-subtle)

Фиолетовый

Использование

Тема Цвет
{{цвет|violet|50}} var(--bg-color-violet-50)
{{цвет|violet|100}} var(--bg-color-violet-100)
{{цвет|violet|150}} var(--bg-color-violet-150)
{{цвет|violet|dark}} var(--bg-color-violet-dark)
{{цвет|violet|subtle}} var(--bg-color-violet-subtle)

Розовый

Использование

Тема Цвет
{{цвет|pink|50}} var(--bg-color-pink-50)
{{цвет|pink|100}} var(--bg-color-pink-100)
{{цвет|pink|150}} var(--bg-color-pink-150)
{{цвет|pink|dark}} var(--bg-color-pink-dark)
{{цвет|pink|subtle}} var(--bg-color-pink-subtle)

Зелёный

Использование

Тема Цвет
{{цвет|green|50}} var(--bg-color-green-50)
{{цвет|green|100}} var(--bg-color-green-100)
{{цвет|green|150}} var(--bg-color-green-150)
{{цвет|green|dark}} var(--bg-color-green-dark)
{{цвет|green|subtle}} var(--bg-color-green-subtle)

Изумрудный

Использование

Тема Цвет
{{цвет|emerald|50}} var(--bg-color-emerald-50)
{{цвет|emerald|100}} var(--bg-color-emerald-100)
{{цвет|emerald|150}} var(--bg-color-emerald-150)
{{цвет|emerald|dark}} var(--bg-color-emerald-dark)
{{цвет|emerald|subtle}} var(--bg-color-emerald-subtle)

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

Тема Цвет
{{цвет|pastel-red|50}} var(--bg-color-pastel-red-50)
{{цвет|pastel-red|100}} var(--bg-color-pastel-red-100)
{{цвет|pastel-red|150}} var(--bg-color-pastel-red-150)
{{цвет|pastel-red|dark}} var(--bg-color-pastel-red-dark)
{{цвет|pastel-red|subtle}} var(--bg-color-pastel-red-subtle)
Тема Цвет
{{цвет|pastel-lime|50}} var(--bg-color-pastel-lime-50)
{{цвет|pastel-lime|100}} var(--bg-color-pastel-lime-100)
{{цвет|pastel-lime|150}} var(--bg-color-pastel-lime-150)
{{цвет|pastel-lime|dark}} var(--bg-color-pastel-lime-dark)
{{цвет|pastel-lime|subtle}} var(--bg-color-pastel-lime-subtle)
Тема Цвет
{{цвет|pastel-blue|50}} var(--bg-color-pastel-blue-50)
{{цвет|pastel-blue|100}} var(--bg-color-pastel-blue-100)
{{цвет|pastel-blue|150}} var(--bg-color-pastel-blue-150)
{{цвет|pastel-blue|dark}} var(--bg-color-pastel-blue-dark)
{{цвет|pastel-blue|subtle}} var(--bg-color-pastel-blue-subtle)
Тема Цвет
{{цвет|pastel-magenta|50}} var(--bg-color-pastel-magenta-50)
{{цвет|pastel-magenta|100}} var(--bg-color-pastel-magenta-100)
{{цвет|pastel-magenta|150}} var(--bg-color-pastel-magenta-150)
{{цвет|pastel-magenta|dark}} var(--bg-color-pastel-magenta-dark)
{{цвет|pastel-magenta|subtle}} var(--bg-color-pastel-magenta-subtle)
Тема Цвет
{{цвет|pastel-turquoise|50}} var(--bg-color-pastel-turquoise-50)
{{цвет|pastel-turquoise|100}} var(--bg-color-pastel-turquoise-100)
{{цвет|pastel-turquoise|150}} var(--bg-color-pastel-turquoise-150)
{{цвет|pastel-turquoise|dark}} var(--bg-color-pastel-turquoise-dark)
{{цвет|pastel-turquoise|subtle}} var(--bg-color-pastel-turquoise-subtle)
Тема Цвет
{{цвет|pastel-skyblue|50}} var(--bg-color-pastel-skyblue-50)
{{цвет|pastel-skyblue|100}} var(--bg-color-pastel-skyblue-100)
{{цвет|pastel-skyblue|150}} var(--bg-color-pastel-skyblue-150)
{{цвет|pastel-skyblue|dark}} var(--bg-color-pastel-skyblue-dark)
{{цвет|pastel-skyblue|subtle}} var(--bg-color-pastel-skyblue-subtle)
Тема Цвет
{{цвет|pastel-orange|50}} var(--bg-color-pastel-orange-50)
{{цвет|pastel-orange|100}} var(--bg-color-pastel-orange-100)
{{цвет|pastel-orange|150}} var(--bg-color-pastel-orange-150)
{{цвет|pastel-orange|dark}} var(--bg-color-pastel-orange-dark)
{{цвет|pastel-orange|subtle}} var(--bg-color-pastel-orange-subtle)
Тема Цвет
{{цвет|pastel-yellow|50}} var(--bg-color-pastel-yellow-50)
{{цвет|pastel-yellow|100}} var(--bg-color-pastel-yellow-100)
{{цвет|pastel-yellow|150}} var(--bg-color-pastel-yellow-150)
{{цвет|pastel-yellow|dark}} var(--bg-color-pastel-yellow-dark)
{{цвет|pastel-yellow|subtle}} var(--bg-color-pastel-yellow-subtle)
Тема Цвет
{{цвет|pastel-grey|50}} var(--bg-color-pastel-grey-50)
{{цвет|pastel-grey|100}} var(--bg-color-pastel-grey-100)
{{цвет|pastel-grey|150}} var(--bg-color-pastel-grey-150)
{{цвет|pastel-grey|dark}} var(--bg-color-pastel-grey-dark)
{{цвет|pastel-grey|subtle}} var(--bg-color-pastel-grey-subtle)

Цвета текста

Тема Цвет CSS Контраст HSL Использование

{{цвет|text|default}}

lightgray var(--theme-text-color) Аб Аб Аб Аб Аб (0°, 0 %, 0 %)
  • Базовый тематический цвет текста нашей Вики.

{{цвет|text|header}}

#dddddd var(--theme-text-color-header) Аб Аб Аб Аб Аб (60°, 100 %, 43 %)
  • Немного более яркий цвет для заголовков. На яркой теме имеет больше отличий.

{{цвет|text|light}}

white var(--theme-text-color-light) Аб Аб Аб Аб Аб (0°, 0 %, 0 %)
  • Очень яркий тематический цвет, использовать только для предупреждений или при крайней необходимости.

{{цвет|text|dark}}

#72777d var(--theme-text-color-dark) Аб Аб Аб Аб Аб (100.3°, 100 %, 23 %)
  • Тёмный тематический цвет.

{{цвет|text|red}}, {{цвет|text|bad}}

#d22222 var(--text-color-red) Аб Аб Аб Аб Аб (60°, 100 %, 7 %)
  • Код угроз красный.
  • Цвет для шаблона {{Плохо}}.

{{цвет|text|darkred}}, {{цвет|text|bloodloss}}, {{цвет|text|delta}}

#be2424 var(--text-color-dark-red) Аб Аб Аб Аб Аб (17.5°, 100 %, 44 %)
  • Характеристика bloodloss (кровопотеря).
  • Код угроз дельта.

{{цвет|text|indianred}}, {{цвет|text|slash}}

indianred var(--text-color-indian-red) Аб Аб Аб Аб Аб (0°, 0 %, 0 %)
  • Характеристика slash (порезы).

{{цвет|text|crimson}}, {{цвет|text|blunt}}

crimson var(--text-color-crimson) Аб Аб Аб Аб Аб (0°, 0 %, 0 %)
  • Характеристика blunt (ушибы).

{{цвет|text|сarmine}}, {{цвет|text|cellular}}

lightgray var(--theme-text-color) Аб Аб Аб Аб Аб (0°, 0 %, 0 %)
  • Характеристика cellular (клеточные).

{{цвет|text|darksalmon}}, {{цвет|text|piercing}}

darksalmon var(--text-color-dark-salmon) Аб Аб Аб Аб Аб (0°, 0 %, 0 %)
  • Характеристика piercing (уколы).

{{цвет|text|green}}

#269335 var(--text-color-green) Аб Аб Аб Аб Аб (29.1°, 100 %, 21 %)
  • Код угроз зелёный.

{{цвет|text|lime}}, {{цвет|text|radiation}}

#46bf46 var(--text-color-lime) Аб Аб Аб Аб Аб (93.7°, 100 %, 48 %)

{{цвет|text|turquoise}}, {{цвет|text|good}}

#189d80 var(--text-color-turquoise) Аб Аб Аб Аб Аб (81.9°, 100 %, 42 %)

{{цвет|text|yellow}}

#dbdb11 var(--text-color-yellow) Аб Аб Аб Аб Аб (56.2°, 100 %, 37 %)
  • Общий цвет значений из игры (например, скорость передвижение).

{{цвет|text|darkyellow}}

#a4a400 var(--text-color-dark-yellow) Аб Аб Аб Аб Аб (51.9°, 100 %, 15 %)
  • Код угроз жёлтый.

{{цвет|text|gold}}, {{цвет|text|shock}}, {{цвет|text|gamma}}

#c7a226 var(--text-color-gold) Аб Аб Аб Аб Аб (16.7°, 100 %, 24 %)
  • Характеристика shock (электрические).
  • Код угроз гамма.

{{цвет|text|orange}}, {{цвет|text|heat}}

#df9100 var(--text-color-orange) Аб Аб Аб Аб Аб (3.9°, 100 %, 49 %)
  • Характеристика heat (термические).

{{цвет|text|orangered}}, {{цвет|text|fire}}

#df9711 var(--text-color-orangered) Аб Аб Аб Аб Аб (27.2°, 100 %, 49 %)
  • Цвет стоков огня или сопротивления температурам.

{{цвет|text|pink}}

#cd6dca var(--text-color-pink) Аб Аб Аб Аб Аб (61.6°, 100 %, 43 %)

{{цвет|text|blue}}, {{цвет|text|endurance}}

#1c86ed var(--text-color-blue) Аб Аб Аб Аб Аб (33°, 100 %, 39 %)
  • Характеристика endurance (выносливость).
  • Код угроз синий.

{{цвет|text|skyblue}}, {{цвет|text|asphyxiation}}

#3d78d1 var(--text-color-sky-blue) Аб Аб Аб Аб Аб (39.3°, 100 %, 42 %)
  • Характеристика asphyxiation (удушение).

{{цвет|text|aquamarine}}, {{цвет|text|cold}}

#69d2d7 var(--text-color-aquamarine) Аб Аб Аб Аб Аб (17.2°, 100 %, 31 %)
  • Характеристика cold (обморожение).

{{цвет|text|violet}}, {{цвет|text|poison}}

#946ce3 var(--text-color-violet) Аб Аб Аб Аб Аб (99.6°, 100 %, 40 %)
  • Характеристика poison (яды).
  • Код угроз фиолетовый.

{{цвет|text|silver}}, {{цвет|text|structural}}

#a9a9a9 var(--text-color-silver) Аб Аб Аб Аб Аб (60°, 100 %, 30 %)
  • Характеристика structural (структурные).

{{цвет|text|moccasin}}, {{цвет|text|explosive}}

#D2B48C var(--text-color-moccasin) Аб Аб Аб Аб Аб (84.2°, 100 %, 14 %)
  • Характеристика explosive (взрывные).

Во избежание поломок страниц, использующих этот шаблон, экспериментируйте в песочнице (создать | зеркало) или своём личном пространстве.
Пожалуйста, добавляйте категории на подстраницу /doc. Подстраницы этого шаблона.

Источник — https://station14.ru/index.php?title=Шаблон:Цвет&oldid=108275