Шаблон:Цвет/doc

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

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

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

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

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

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

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

Цвета фонов

Тема	Цвет	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)
{{цвет|theme|500}}	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|100}}	var(--bg-color-red-100)
{{цвет|red|150}}	var(--bg-color-red-150)
{{цвет|red|200}}	var(--bg-color-red-100)
{{цвет|red|subtle}}	var(--bg-color-red-subtle)

Жёлтый

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

• Для инженерного отдела

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

Коричневый

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

• Для отдела снабжения

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

Синий

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

• Для Командование

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

Голубой

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

• Для медицинского отдела

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

Пурпурный

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

• Для научного отдела

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

Зелёный

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

• Для сервисного отдела

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

Фиолетовый

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

• Для мутаций растений

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

Бирюзовый

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

• Для растений

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

Бирюзовый

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

• Для синтетиков
• Палитра атмосферного техника

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