Шаблон:Цвет/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) | |||||||
Цвета границ
| Тема | Цвет | 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) | |||||||
Цвета текста
| Тема | Цвет | CSS | Контраст | Использование | HSL | ||||
|---|---|---|---|---|---|---|---|---|---|
|
{{цвет|text|var(--theme-text-color, lightgray)}} |
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}} |
#d22222 | var(--text-color-red) | Аб | Аб | Аб | Аб | Аб | (60°, 100 %, 7 %) |
|
|
{{цвет|text|red}} |
#d22222 | var(--text-color-red) | Аб | Аб | Аб | Аб | Аб | (60°, 100 %, 7 %) |
|
|
{{цвет|text|darkred}} |
#be2424 | var(--text-color-dark-red) | Аб | Аб | Аб | Аб | Аб | (17.5°, 100 %, 44 %) |
|
|
{{цвет|text|indianred}} |
indianred | var(--text-color-indian-red) | Аб | Аб | Аб | Аб | Аб | (0°, 0 %, 0 %) |
|
|
{{цвет|text|crimson}} |
crimson | var(--text-color-crimson) | Аб | Аб | Аб | Аб | Аб | (0°, 0 %, 0 %) |
|
|
{{цвет|text|сarmine}} |
lightgray | var(--theme-text-color) | Аб | Аб | Аб | Аб | Аб | (0°, 0 %, 0 %) |
|
|
{{цвет|text|darksalmon}} |
darksalmon | var(--text-color-dark-salmon) | Аб | Аб | Аб | Аб | Аб | (0°, 0 %, 0 %) |
|
|
{{цвет|text|green}} |
#269335 | var(--text-color-green) | Аб | Аб | Аб | Аб | Аб | (29.1°, 100 %, 21 %) |
|
|
{{цвет|text|lime}} |
#46bf46 | var(--text-color-lime) | Аб | Аб | Аб | Аб | Аб | (93.7°, 100 %, 48 %) |
|
|
{{цвет|text|turquoise}} |
#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}} |
#c7a226 | var(--text-color-gold) | Аб | Аб | Аб | Аб | Аб | (16.7°, 100 %, 24 %) |
|
|
{{цвет|text|orange}} |
#df9100 | var(--text-color-orange) | Аб | Аб | Аб | Аб | Аб | (3.9°, 100 %, 49 %) |
|
|
{{цвет|text|pink}} |
#cd6dca | var(--text-color-pink) | Аб | Аб | Аб | Аб | Аб | (61.6°, 100 %, 43 %) |
|
|
{{цвет|text|blue}} |
#1c86ed | var(--text-color-blue) | Аб | Аб | Аб | Аб | Аб | (33°, 100 %, 39 %) |
|
|
{{цвет|text|skyblue}} |
#3d78d1 | var(--text-color-sky-blue) | Аб | Аб | Аб | Аб | Аб | (39.3°, 100 %, 42 %) |
|
|
{{цвет|text|violet}} |
#946ce3 | var(--text-color-violet) | Аб | Аб | Аб | Аб | Аб | (99.6°, 100 %, 40 %) |
|
|
{{цвет|text|silver}} |
#a9a9a9 | var(--text-color-silver) | Аб | Аб | Аб | Аб | Аб | (60°, 100 %, 30 %) |
|
|
{{цвет|text|moccasin}} |
#D2B48C | var(--text-color-moccasin) | Аб | Аб | Аб | Аб | Аб | (84.2°, 100 %, 14 %) |
|