Шаблон:Цвет/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)