 | Пожалуйста, убедитесь в адекватности и правильности ваших изменений, проверьте их на тестовых страницах. Узнать число включений. |
Этот шаблон придуман, чтобы стандартизировать цветовое оформление статей в рамках одной тематики. Шаблон используется для цвета фона в таблицах, шаблонах-карточках и других элементах.
Например, если в какой-либо статье или в каком-нибудь шаблоне, связанном с водными объектами, нужно указать цвет, это делается с помощью шаблона {{Цвет|Водный объект}}.
Цвета можно удалять, добавлять и изменять путём манипулирования кодом этого шаблона. Эти изменения не следует делать без предварительного обсуждения на странице шаблона. Во избежание вандализма и неконсенсусных изменений редактирование всех подстраниц доступно только администраторам и инженерам (это сделано через 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)
|
Цвета текста
