Шаблон:Цвет/doc: различия между версиями

Материал из Space Station 14 Вики
мНет описания правки
мНет описания правки
Строка 57: Строка 57:
! scope="col" | [https://w.wiki/DnhP HSL]
! scope="col" | [https://w.wiki/DnhP HSL]
|-
|-
{{Цвет/По темам|цвет=red|ступень=50}}
{{Цвет/По темам|цвет=red|ступень=100}}
{{Цвет/По темам|цвет=red|ступень=100}}
{{Цвет/По темам|цвет=red|ступень=150}}
{{Цвет/По темам|цвет=red|ступень=150}}
{{Цвет/По темам|цвет=red|ступень=200}}
{{Цвет/По темам|цвет=red|ступень=subtle}}
{{Цвет/По темам|цвет=red|ступень=subtle}}
|-
|-
Строка 76: Строка 76:
! scope="col" | [https://w.wiki/DnhP HSL]
! scope="col" | [https://w.wiki/DnhP HSL]
|-
|-
{{Цвет/По темам|цвет=yellow|ступень=50}}
{{Цвет/По темам|цвет=yellow|ступень=100}}
{{Цвет/По темам|цвет=yellow|ступень=100}}
{{Цвет/По темам|цвет=yellow|ступень=150}}
{{Цвет/По темам|цвет=yellow|ступень=150}}
{{Цвет/По темам|цвет=yellow|ступень=200}}
{{Цвет/По темам|цвет=yellow|ступень=subtle}}
{{Цвет/По темам|цвет=yellow|ступень=subtle}}
|-
|-
Строка 94: Строка 94:
! scope="col" | [https://w.wiki/DnhP HSL]
! scope="col" | [https://w.wiki/DnhP HSL]
|-
|-
{{Цвет/По темам|цвет=brown|ступень=50}}
{{Цвет/По темам|цвет=brown|ступень=100}}
{{Цвет/По темам|цвет=brown|ступень=100}}
{{Цвет/По темам|цвет=brown|ступень=150}}
{{Цвет/По темам|цвет=brown|ступень=150}}
{{Цвет/По темам|цвет=brown|ступень=200}}
{{Цвет/По темам|цвет=brown|ступень=subtle}}
{{Цвет/По темам|цвет=brown|ступень=subtle}}
|-
|-
Строка 112: Строка 112:
! scope="col" | [https://w.wiki/DnhP HSL]
! scope="col" | [https://w.wiki/DnhP HSL]
|-
|-
{{Цвет/По темам|цвет=blue|ступень=50}}
{{Цвет/По темам|цвет=blue|ступень=100}}
{{Цвет/По темам|цвет=blue|ступень=100}}
{{Цвет/По темам|цвет=blue|ступень=150}}
{{Цвет/По темам|цвет=blue|ступень=150}}
{{Цвет/По темам|цвет=blue|ступень=200}}
{{Цвет/По темам|цвет=blue|ступень=subtle}}
{{Цвет/По темам|цвет=blue|ступень=subtle}}
|-
|-
Строка 130: Строка 130:
! scope="col" | [https://w.wiki/DnhP HSL]
! scope="col" | [https://w.wiki/DnhP HSL]
|-
|-
{{Цвет/По темам|цвет=sky-blue|ступень=50}}
{{Цвет/По темам|цвет=sky-blue|ступень=100}}
{{Цвет/По темам|цвет=sky-blue|ступень=100}}
{{Цвет/По темам|цвет=sky-blue|ступень=150}}
{{Цвет/По темам|цвет=sky-blue|ступень=150}}
{{Цвет/По темам|цвет=sky-blue|ступень=200}}
{{Цвет/По темам|цвет=sky-blue|ступень=subtle}}
{{Цвет/По темам|цвет=sky-blue|ступень=subtle}}
|-
|-
Строка 148: Строка 148:
! scope="col" | [https://w.wiki/DnhP HSL]
! scope="col" | [https://w.wiki/DnhP HSL]
|-
|-
{{Цвет/По темам|цвет=purple|ступень=100}}
{{Цвет/По темам|цвет=purple|ступень=200}}
{{Цвет/По темам|цвет=purple|ступень=50}}
{{Цвет/По темам|цвет=purple|ступень=150}}
{{Цвет/По темам|цвет=purple|ступень=150}}
{{Цвет/По темам|цвет=purple|ступень=200}}
{{Цвет/По темам|цвет=purple|ступень=subtle}}
{{Цвет/По темам|цвет=purple|ступень=subtle}}
|-
|-
|}
|}


== Зелёный ==
== Фиолетовый ==


=== Использование ===
=== Использование ===
* Для [[Сервисный отдел|сервисного отдела]]
* Для [[Гидропоника|мутаций растений]]
{| class="sortable wikitable" style="font-size:100%;"
{| class="sortable wikitable" style="font-size:100%;"
! scope="col" | Тема
! scope="col" | Тема
Строка 166: Строка 166:
! scope="col" | [https://w.wiki/DnhP HSL]
! scope="col" | [https://w.wiki/DnhP HSL]
|-
|-
{{Цвет/По темам|цвет=green|ступень=100}}
{{Цвет/По темам|цвет=violet|ступень=50}}
{{Цвет/По темам|цвет=green|ступень=150}}
{{Цвет/По темам|цвет=violet|ступень=100}}
{{Цвет/По темам|цвет=green|ступень=200}}
{{Цвет/По темам|цвет=violet|ступень=150}}
{{Цвет/По темам|цвет=green|ступень=subtle}}
{{Цвет/По темам|цвет=violet|ступень=subtle}}
|-
|-
|}
|}


== Фиолетовый ==
== Зелёный ==


=== Использование ===
=== Использование ===
* Для [[Гидропоника|мутаций растений]]
* Для [[Сервисный отдел|сервисного отдела]]
{| class="sortable wikitable" style="font-size:100%;"
{| class="sortable wikitable" style="font-size:100%;"
! scope="col" | Тема
! scope="col" | Тема
Строка 184: Строка 184:
! scope="col" | [https://w.wiki/DnhP HSL]
! scope="col" | [https://w.wiki/DnhP HSL]
|-
|-
{{Цвет/По темам|цвет=violet|ступень=100}}
{{Цвет/По темам|цвет=green|ступень=50}}
{{Цвет/По темам|цвет=violet|ступень=150}}
{{Цвет/По темам|цвет=green|ступень=100}}
{{Цвет/По темам|цвет=violet|ступень=200}}
{{Цвет/По темам|цвет=green|ступень=150}}
{{Цвет/По темам|цвет=violet|ступень=subtle}}
{{Цвет/По темам|цвет=green|ступень=subtle}}
|-
|-
|}
|}
Строка 202: Строка 202:
! scope="col" | [https://w.wiki/DnhP HSL]
! scope="col" | [https://w.wiki/DnhP HSL]
|-
|-
{{Цвет/По темам|цвет=turquoise|ступень=50}}
{{Цвет/По темам|цвет=turquoise|ступень=100}}
{{Цвет/По темам|цвет=turquoise|ступень=100}}
{{Цвет/По темам|цвет=turquoise|ступень=150}}
{{Цвет/По темам|цвет=turquoise|ступень=150}}
{{Цвет/По темам|цвет=turquoise|ступень=200}}
{{Цвет/По темам|цвет=turquoise|ступень=subtle}}
{{Цвет/По темам|цвет=turquoise|ступень=subtle}}
|-
|-
Строка 210: Строка 210:




== Бирюзовый ==
== Лазурный ==


=== Использование ===
=== Использование ===
Строка 222: Строка 222:
! scope="col" | [https://w.wiki/DnhP HSL]
! scope="col" | [https://w.wiki/DnhP HSL]
|-
|-
{{Цвет/По темам|цвет=azure|ступень=50}}
{{Цвет/По темам|цвет=azure|ступень=100}}
{{Цвет/По темам|цвет=azure|ступень=100}}
{{Цвет/По темам|цвет=azure|ступень=150}}
{{Цвет/По темам|цвет=azure|ступень=150}}
{{Цвет/По темам|цвет=azure|ступень=200}}
{{Цвет/По темам|цвет=azure|ступень=subtle}}
{{Цвет/По темам|цвет=azure|ступень=subtle}}
|-
|-

Версия от 15:31, 24 апреля 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)

Цвета границ

Тема Цвет CSS Контраст HSL
{{цвет|theme|border}} var(--theme-border-color-base)
{{цвет|theme|border-100}} var(--theme-border-color-100)

Красный

Использование

Тема Цвет CSS Контраст HSL
{{цвет|red|50}} var(--bg-color-red-50)
{{цвет|red|100}} var(--bg-color-red-100)
{{цвет|red|150}} var(--bg-color-red-150)
{{цвет|red|subtle}} var(--bg-color-red-subtle)


Жёлтый

Использование

Тема Цвет CSS Контраст HSL
{{цвет|yellow|50}} var(--bg-color-yellow-50)
{{цвет|yellow|100}} var(--bg-color-yellow-100)
{{цвет|yellow|150}} var(--bg-color-yellow-150)
{{цвет|yellow|subtle}} var(--bg-color-yellow-subtle)

Коричневый

Использование

Тема Цвет CSS Контраст HSL
{{цвет|brown|50}} var(--bg-color-brown-50)
{{цвет|brown|100}} var(--bg-color-brown-100)
{{цвет|brown|150}} var(--bg-color-brown-150)
{{цвет|brown|subtle}} var(--bg-color-brown-subtle)

Синий

Использование

Тема Цвет CSS Контраст HSL
{{цвет|blue|50}} var(--bg-color-blue-50)
{{цвет|blue|100}} var(--bg-color-blue-100)
{{цвет|blue|150}} var(--bg-color-blue-150)
{{цвет|blue|subtle}} var(--bg-color-blue-subtle)

Голубой

Использование

Тема Цвет CSS Контраст HSL
{{цвет|sky-blue|50}}
{{цвет|sky-blue|100}}
{{цвет|sky-blue|150}}
{{цвет|sky-blue|subtle}}

Пурпурный

Использование

Тема Цвет CSS Контраст HSL
{{цвет|purple|200}} var(--bg-color-purple-100)
{{цвет|purple|50}} var(--bg-color-purple-50)
{{цвет|purple|150}} var(--bg-color-purple-150)
{{цвет|purple|subtle}} var(--bg-color-purple-subtle)

Фиолетовый

Использование

Тема Цвет CSS Контраст HSL
{{цвет|violet|50}} var(--bg-color-violet-50)
{{цвет|violet|100}} var(--bg-color-violet-100)
{{цвет|violet|150}} var(--bg-color-violet-150)
{{цвет|violet|subtle}} var(--bg-color-violet-subtle)

Зелёный

Использование

Тема Цвет CSS Контраст HSL
{{цвет|green|50}} var(--bg-color-green-50)
{{цвет|green|100}} var(--bg-color-green-100)
{{цвет|green|150}} var(--bg-color-green-150)
{{цвет|green|subtle}} var(--bg-color-green-subtle)

Бирюзовый

Использование

Тема Цвет CSS Контраст HSL
{{цвет|turquoise|50}} var(--bg-color-turquoise-50)
{{цвет|turquoise|100}} var(--bg-color-turquoise-100)
{{цвет|turquoise|150}} var(--bg-color-turquoise-150)
{{цвет|turquoise|subtle}} var(--bg-color-turquoise-subtle)


Лазурный

Использование

Тема Цвет CSS Контраст HSL
{{цвет|azure|50}} var(--bg-color-azure-50)
{{цвет|azure|100}} var(--bg-color-azure-100)
{{цвет|azure|150}} var(--bg-color-azure-150)
{{цвет|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 %)
  • Характеристика slash (порезы).

{{цвет|text|crimson}}

crimson var(--text-color-crimson) Аб Аб Аб Аб Аб (0°, 0 %, 0 %)
  • Характеристика blunt (ушибы).

{{цвет|text|сarmine}}

lightgray var(--theme-text-color) Аб Аб Аб Аб Аб (0°, 0 %, 0 %)
  • Характеристика cellular (клеточные).

{{цвет|text|darksalmon}}

darksalmon var(--text-color-dark-salmon) Аб Аб Аб Аб Аб (0°, 0 %, 0 %)
  • Характеристика piercing (уколы).

{{цвет|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 %)
  • Характеристика heat (термические).

{{цвет|text|pink}}

#cd6dca var(--text-color-pink) Аб Аб Аб Аб Аб (61.6°, 100 %, 43 %)

{{цвет|text|blue}}

#1c86ed var(--text-color-blue) Аб Аб Аб Аб Аб (33°, 100 %, 39 %)
  • Характеристика endurance (выносливость).
  • Код угроз синий.

{{цвет|text|skyblue}}

#3d78d1 var(--text-color-sky-blue) Аб Аб Аб Аб Аб (39.3°, 100 %, 42 %)
  • Характеристика asphyxiation (удушение).

{{цвет|text|violet}}

#946ce3 var(--text-color-violet) Аб Аб Аб Аб Аб (99.6°, 100 %, 40 %)
  • Характеристика poison (яды).
  • Код угроз фиолетовый.

{{цвет|text|silver}}

#a9a9a9 var(--text-color-silver) Аб Аб Аб Аб Аб (60°, 100 %, 30 %)
  • Характеристика structural (структурные).

{{цвет|text|moccasin}}

#D2B48C var(--text-color-moccasin) Аб Аб Аб Аб Аб (84.2°, 100 %, 14 %)
  • Характеристика explosive (взрывные).