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