Шаблон:Цвет/doc: различия между версиями
Материал из Space Station 14 Вики
Pok (обсуждение | вклад) мНет описания правки |
Pok (обсуждение | вклад) мНет описания правки |
||
| Строка 7: | Строка 7: | ||
Цвета можно удалять, добавлять и изменять путём манипулирования кодом этого шаблона. '''Эти изменения не следует делать без предварительного [[Обсуждение шаблона:Цвет|обсуждения на странице шаблона]].''' Во избежание вандализма и неконсенсусных изменений редактирование всех подстраниц доступно только администраторам и инженерам (это сделано через [[MediaWiki:Titleblacklist]]). | Цвета можно удалять, добавлять и изменять путём манипулирования кодом этого шаблона. '''Эти изменения не следует делать без предварительного [[Обсуждение шаблона:Цвет|обсуждения на странице шаблона]].''' Во избежание вандализма и неконсенсусных изменений редактирование всех подстраниц доступно только администраторам и инженерам (это сделано через [[MediaWiki:Titleblacklist]]). | ||
= | == Тематический == | ||
=== Использование === | |||
* Основной цвет нашей Вики, при переключении темы будет изменятся в первую очередь. | |||
=== Цвета фонов === | |||
{| class="sortable wikitable" style="font-size:100%;" | |||
! scope="col" | Тема | |||
! scope="col" | Цвет | |||
! scope="col" | CSS | |||
! scope="col" colspan="5"| [https://w.wiki/DjpV#Цветовое_оформление Контраст] | |||
! scope="col" | [https://w.wiki/DnhP HSL] | |||
|- | |||
{{Цвет/По темам|цвет=Theme|ступень=}} | |||
{{Цвет/По темам|цвет=Theme|ступень=50}} | |||
{{Цвет/По темам|цвет=Theme|ступень=100}} | |||
{{Цвет/По темам|цвет=Theme|ступень=200}} | |||
{{Цвет/По темам|цвет=Theme|ступень=250}} | |||
{{Цвет/По темам|цвет=Theme|ступень=300}} | |||
{{Цвет/По темам|цвет=Theme|ступень=400}} | |||
{{Цвет/По темам|цвет=Theme|ступень=500}} | |||
|- | |||
|} | |||
=== Цвета границ === | |||
{| class="sortable wikitable" style="font-size:100%;" | |||
! scope="col" | Тема | |||
! scope="col" | Цвет | |||
! scope="col" | CSS | |||
! scope="col" colspan="5"| [https://w.wiki/DjpV#Цветовое_оформление Контраст] | |||
! scope="col" | [https://w.wiki/DnhP HSL] | |||
|- | |||
{{Цвет/По темам|цвет=Theme|ступень=Border}} | |||
{{Цвет/По темам|цвет=Theme|ступень=Border-100}} | |||
|- | |||
|} | |||
== Красный == | == Красный == | ||
| Строка 98: | Строка 133: | ||
{{Цвет/По темам|цвет=Sky-blue|ступень=200}} | {{Цвет/По темам|цвет=Sky-blue|ступень=200}} | ||
{{Цвет/По темам|цвет=Sky-blue|ступень=Subtle}} | {{Цвет/По темам|цвет=Sky-blue|ступень=Subtle}} | ||
|- | |||
|} | |||
== Пурпурный == | |||
=== Использование === | |||
* Для [[Научный отдел|научного отдела]] | |||
{| class="sortable wikitable" style="font-size:100%;" | |||
! scope="col" | Тема | |||
! scope="col" | Цвет | |||
! scope="col" | CSS | |||
! scope="col" colspan="5"| [https://w.wiki/DjpV#Цветовое_оформление Контраст] | |||
! scope="col" | [https://w.wiki/DnhP HSL] | |||
|- | |||
{{Цвет/По темам|цвет=Purple|ступень=100}} | |||
{{Цвет/По темам|цвет=Purple|ступень=150}} | |||
{{Цвет/По темам|цвет=Purple|ступень=200}} | |||
{{Цвет/По темам|цвет=Purple|ступень=Subtle}} | |||
|- | |||
|} | |||
== Зелёный == | |||
=== Использование === | |||
* Для [[Сервисный отдел|сервисного отдела]] | |||
{| class="sortable wikitable" style="font-size:100%;" | |||
! scope="col" | Тема | |||
! scope="col" | Цвет | |||
! scope="col" | CSS | |||
! scope="col" colspan="5"| [https://w.wiki/DjpV#Цветовое_оформление Контраст] | |||
! scope="col" | [https://w.wiki/DnhP HSL] | |||
|- | |||
{{Цвет/По темам|цвет=Green|ступень=100}} | |||
{{Цвет/По темам|цвет=Green|ступень=150}} | |||
{{Цвет/По темам|цвет=Green|ступень=200}} | |||
{{Цвет/По темам|цвет=Green|ступень=Subtle}} | |||
|- | |||
|} | |||
== Фиолетовый == | |||
=== Использование === | |||
* Для [[Гидропоника|мутаций растений]] | |||
{| class="sortable wikitable" style="font-size:100%;" | |||
! scope="col" | Тема | |||
! scope="col" | Цвет | |||
! scope="col" | CSS | |||
! scope="col" colspan="5"| [https://w.wiki/DjpV#Цветовое_оформление Контраст] | |||
! scope="col" | [https://w.wiki/DnhP HSL] | |||
|- | |||
{{Цвет/По темам|цвет=Violet|ступень=100}} | |||
{{Цвет/По темам|цвет=Violet|ступень=150}} | |||
{{Цвет/По темам|цвет=Violet|ступень=200}} | |||
{{Цвет/По темам|цвет=Violet|ступень=Subtle}} | |||
|- | |||
|} | |||
== Бирюзовый == | |||
=== Использование === | |||
* Для [[Гидропоника|растений]] | |||
{| class="sortable wikitable" style="font-size:100%;" | |||
! scope="col" | Тема | |||
! scope="col" | Цвет | |||
! scope="col" | CSS | |||
! scope="col" colspan="5"| [https://w.wiki/DjpV#Цветовое_оформление Контраст] | |||
! scope="col" | [https://w.wiki/DnhP HSL] | |||
|- | |||
{{Цвет/По темам|цвет=Turquoise|ступень=100}} | |||
{{Цвет/По темам|цвет=Turquoise|ступень=150}} | |||
{{Цвет/По темам|цвет=Turquoise|ступень=200}} | |||
{{Цвет/По темам|цвет=Turquoise|ступень=Subtle}} | |||
|- | |- | ||
|} | |} | ||
Версия от 09:38, 20 апреля 2025
 |
 | Внимание! Это один из самых используемых шаблонов. |
Этот шаблон придуман, чтобы стандартизировать цветовое оформление статей в рамках одной тематики. Шаблон используется для цвета фона в таблицах, шаблонах-карточках и других элементах.
Например, если в какой-либо статье или в каком-нибудь шаблоне, связанном с водными объектами, нужно указать цвет, это делается с помощью шаблона {{Цвет|Водный объект}}.
Цвета можно удалять, добавлять и изменять путём манипулирования кодом этого шаблона. Эти изменения не следует делать без предварительного обсуждения на странице шаблона. Во избежание вандализма и неконсенсусных изменений редактирование всех подстраниц доступно только администраторам и инженерам (это сделано через 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) | |||||||
