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

Материал из Space Station 14 Вики
Интерактивная навигация по истории
← Предыдущая правкаСледующая правка →
ВизуальныйВики-текст
мНет описания правки
мНет описания правки
Строка 18: Строка 18:
* {{tji|Цвет|text|crimson|c{{=}}Плохой текст}} → {{Цвет|text|crimson|c=Плохой текст}}
* {{tji|Цвет|text|crimson|c{{=}}Плохой текст}} → {{Цвет|text|crimson|c=Плохой текст}}
* {{tji|Цвет|text|turquoise|c{{=}}Хороший текст}} → {{Цвет|text|turquoise|c=Хороший текст}}
* {{tji|Цвет|text|turquoise|c{{=}}Хороший текст}} → {{Цвет|text|turquoise|c=Хороший текст}}
<br>
=== Покраска фона ===
{{пм|background}} или {{пм|bg}}
* {{tji|Цвет|theme|250|bg{{=}}Серый фон}} → {{Цвет|theme|250|bg=Серый фон}}
* {{tji|Цвет|purple|150|bg{{=}}Цветной фон}} → {{Цвет|purple|150|bg=Цветной фон}}
<br>
<br>


Строка 356: Строка 363:


{{Цвет/Для текста|цвет=text|ступень=red|ступень2=bad|примечание=  
{{Цвет/Для текста|цвет=text|ступень=red|ступень2=bad|примечание=  
* Код угроз красный.
* Код угроз '''красный'''.
* Цвет для шаблона {{t|Плохо}}.
* Цвет для шаблона {{t|Плохо}}.
}}
}}


{{Цвет/Для текста|цвет=text|ступень=darkred|ступень2=delta|примечание=  
{{Цвет/Для текста|цвет=text|ступень=darkred|ступень2=bloodloss|ступень3=delta|примечание=  
* Код угроз дельта.
* Характеристика '''bloodloss''' (кровопотеря).
* Код угроз '''дельта'''.
}}
}}


{{Цвет/Для текста|цвет=text|ступень=indianred|ступень2=slash|примечание=  
{{Цвет/Для текста|цвет=text|ступень=indianred|ступень2=slash|примечание=  
* Характеристика slash (порезы).
* Характеристика '''slash''' (порезы).
}}
}}


{{Цвет/Для текста|цвет=text|ступень=crimson|ступень2=blunt|примечание=  
{{Цвет/Для текста|цвет=text|ступень=crimson|ступень2=blunt|примечание=  
* Характеристика blunt (ушибы).
* Характеристика '''blunt''' (ушибы).
}}
}}


{{Цвет/Для текста|цвет=text|ступень=сarmine|ступень2=cellular|примечание=  
{{Цвет/Для текста|цвет=text|ступень=сarmine|ступень2=cellular|примечание=  
* Характеристика cellular (клеточные).
* Характеристика '''cellular''' (клеточные).
}}
}}


{{Цвет/Для текста|цвет=text|ступень=darksalmon|ступень2=piercing|примечание=  
{{Цвет/Для текста|цвет=text|ступень=darksalmon|ступень2=piercing|примечание=  
* Характеристика piercing (уколы).
* Характеристика '''piercing''' (уколы).
}}
}}


{{Цвет/Для текста|цвет=text|ступень=green|примечание=  
{{Цвет/Для текста|цвет=text|ступень=green|примечание=  
* Код угроз зелёный.
* Код угроз '''зелёный'''.
}}
}}


{{Цвет/Для текста|цвет=text|ступень=lime|ступень2=radiation|примечание=  
{{Цвет/Для текста|цвет=text|ступень=lime|ступень2=radiation|примечание=  
* Характеристика radiation (радиация) и [[стоимость]].
* Характеристика '''radiation''' (радиация) и '''[[стоимость]]'''.
}}
}}


Строка 393: Строка 401:


{{Цвет/Для текста|цвет=text|ступень=yellow|примечание=  
{{Цвет/Для текста|цвет=text|ступень=yellow|примечание=  
*  
* Общий цвет значений из игры (например, скорость передвижение).
}}
}}


{{Цвет/Для текста|цвет=text|ступень=darkyellow|примечание=  
{{Цвет/Для текста|цвет=text|ступень=darkyellow|примечание=  
* Код угроз жёлтый.
* Код угроз '''жёлтый'''.
}}
}}


{{Цвет/Для текста|цвет=text|ступень=gold|ступень2=gamma|примечание=  
{{Цвет/Для текста|цвет=text|ступень=gold|ступень2=shock|ступень3=gamma|примечание=  
* Код угроз гамма.
* Характеристика '''shock''' (электрические).
* Код угроз '''гамма'''.
}}
}}


{{Цвет/Для текста|цвет=text|ступень=orange|ступень2=heat|примечание=  
{{Цвет/Для текста|цвет=text|ступень=orange|ступень2=heat|примечание=  
* Характеристика heat (термические).
* Характеристика '''heat''' (термические).
}}
 
{{Цвет/Для текста|цвет=text|ступень=orangered|ступень2=fire|примечание=
* Цвет стоков '''огня''' или сопротивления '''температурам'''.
}}
}}


{{Цвет/Для текста|цвет=text|ступень=pink|примечание=  
{{Цвет/Для текста|цвет=text|ступень=pink|примечание=  
* Цвет очков [[Руководство по исследованию и разработке|исследований]].
* Характеристика '''caustic''' (кислотные).
* Цвет '''очков [[Руководство по исследованию и разработке|исследований]]'''.
}}
}}


{{Цвет/Для текста|цвет=text|ступень=blue|ступень2=endurance|примечание=  
{{Цвет/Для текста|цвет=text|ступень=blue|ступень2=endurance|примечание=  
* Характеристика endurance (выносливость).
* Характеристика '''endurance''' (выносливость).
* Код угроз синий.
* Код угроз '''синий'''.
}}
}}


{{Цвет/Для текста|цвет=text|ступень=skyblue|ступень2=asphyxiation|примечание=  
{{Цвет/Для текста|цвет=text|ступень=skyblue|ступень2=asphyxiation|примечание=  
* Характеристика asphyxiation (удушение).
* Характеристика '''asphyxiation''' (удушение).
}}
 
{{Цвет/Для текста|цвет=text|ступень=aquamarine|ступень2=cold|примечание=
* Характеристика '''cold''' (обморожение).
}}
}}


{{Цвет/Для текста|цвет=text|ступень=violet|ступень2=poison|примечание=  
{{Цвет/Для текста|цвет=text|ступень=violet|ступень2=poison|примечание=  
* Характеристика poison (яды).
* Характеристика '''poison''' (яды).
* Код угроз фиолетовый.
* Код угроз фиолетовый.
}}
}}


{{Цвет/Для текста|цвет=text|ступень=silver|ступень2=structural|примечание=  
{{Цвет/Для текста|цвет=text|ступень=silver|ступень2=structural|примечание=  
* Характеристика structural (структурные).
* Характеристика '''structural''' (структурные).
}}
}}


{{Цвет/Для текста|цвет=text|ступень=moccasin|ступень2=explosive|примечание=  
{{Цвет/Для текста|цвет=text|ступень=moccasin|ступень2=explosive|примечание=  
* Характеристика explosive (взрывные).
* Характеристика '''explosive''' (взрывные).
}}
}}
|-
|-

Версия от 17:58, 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|250|bg=Серый фон}} → Серый фон
  • {{Цвет|purple|150|bg=Цветной фон}} → Цветной фон


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

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

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

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

Цвета фонов

Тема Цвет CSS Контраст HSL
{{цвет|theme|}} var(--theme-bg-color-base)
{{цвет|theme|50}} var(--theme-bg-color-50)
{{цвет|theme|100}} var(--theme-bg-color-100)
{{цвет|theme|200}} var(--theme-bg-color-200)
{{цвет|theme|250}} var(--theme-bg-color-250)
{{цвет|theme|300}} var(--theme-bg-color-300)
{{цвет|theme|400}} var(--theme-bg-color-base)

Цвета границ

Тема Цвет CSS Контраст HSL
{{цвет|theme|border}} var(--theme-border-color-base)
{{цвет|theme|border-100}} var(--theme-border-color-100)

Красный

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

Тема Цвет CSS Контраст HSL
{{цвет|red|50}} var(--bg-color-red-50)
{{цвет|red|100}} var(--bg-color-red-100)
{{цвет|red|150}} var(--bg-color-red-150)
{{цвет|red|subtle}} var(--bg-color-red-subtle)


Жёлтый

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

Тема Цвет CSS Контраст HSL
{{цвет|yellow|50}} var(--bg-color-yellow-50)
{{цвет|yellow|100}} var(--bg-color-yellow-100)
{{цвет|yellow|150}} var(--bg-color-yellow-150)
{{цвет|yellow|subtle}} var(--bg-color-yellow-subtle)

Коричневый

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

Тема Цвет CSS Контраст HSL
{{цвет|brown|50}} var(--bg-color-brown-50)
{{цвет|brown|100}} var(--bg-color-brown-100)
{{цвет|brown|150}} var(--bg-color-brown-150)
{{цвет|brown|subtle}} var(--bg-color-brown-subtle)

Синий

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

Тема Цвет CSS Контраст HSL
{{цвет|blue|50}} var(--bg-color-blue-50)
{{цвет|blue|100}} var(--bg-color-blue-100)
{{цвет|blue|150}} var(--bg-color-blue-150)
{{цвет|blue|subtle}} var(--bg-color-blue-subtle)

Голубой

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

Тема Цвет CSS Контраст HSL
{{цвет|sky-blue|50}}
{{цвет|sky-blue|100}}
{{цвет|sky-blue|150}}
{{цвет|sky-blue|subtle}}

Пурпурный

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

Тема Цвет CSS Контраст HSL
{{цвет|purple|50}} var(--bg-color-purple-50)
{{цвет|purple|200}} var(--bg-color-purple-100)
{{цвет|purple|150}} var(--bg-color-purple-150)
{{цвет|purple|subtle}} var(--bg-color-purple-subtle)

Фиолетовый

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

Тема Цвет CSS Контраст HSL
{{цвет|violet|50}} var(--bg-color-violet-50)
{{цвет|violet|100}} var(--bg-color-violet-100)
{{цвет|violet|150}} var(--bg-color-violet-150)
{{цвет|violet|subtle}} var(--bg-color-violet-subtle)

Зелёный

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

Тема Цвет CSS Контраст HSL
{{цвет|green|50}} var(--bg-color-green-50)
{{цвет|green|100}} var(--bg-color-green-100)
{{цвет|green|150}} var(--bg-color-green-150)
{{цвет|green|subtle}} var(--bg-color-green-subtle)

Бирюзовый

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

Тема Цвет CSS Контраст HSL
{{цвет|turquoise|50}} var(--bg-color-turquoise-50)
{{цвет|turquoise|100}} var(--bg-color-turquoise-100)
{{цвет|turquoise|150}} var(--bg-color-turquoise-150)
{{цвет|turquoise|subtle}} var(--bg-color-turquoise-subtle)


Лазурный

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

Тема Цвет CSS Контраст HSL
{{цвет|azure|50}} var(--bg-color-azure-50)
{{цвет|azure|100}} var(--bg-color-azure-100)
{{цвет|azure|150}} var(--bg-color-azure-150)
{{цвет|azure|subtle}} var(--bg-color-azure-subtle)

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

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

Цвета текста

Тема Цвет 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 (взрывные).


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