Шаблон:Цвет

Документация

[просмотр | править | история | ]

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

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

Цвета можно удалять, добавлять и изменять путём манипулирования кодом этого шаблона. Эти изменения не следует делать без предварительного обсуждения на странице шаблона. Во избежание вандализма и неконсенсусных изменений редактирование всех подстраниц доступно только администраторам и инженерам (это сделано через 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 %)	Характеристика radiation (радиация) и стоимость.
{{цвет|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 %)	Характеристика caustic (кислотные). Цвет очков исследований.
{{цвет|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. Подстраницы этого шаблона.