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

Материал из Space Station 14 Вики
Интерактивная навигация по истории
← Предыдущая правкаСледующая правка →
ВизуальныйВики-текст
мНет описания правки
мНет описания правки
Строка 8: Строка 8:


= Цвета фонов/границ =
= Цвета фонов/границ =
<!--
 
== Тематический ==
== Тематический ==


Строка 228: Строка 228:
|-
|-
|}
|}
-->
 
= Цвета текста =
= Цвета текста =
{| class="sortable wikitable" style="font-size:100%;"
{| class="sortable wikitable" style="font-size:100%;"
Строка 235: Строка 235:
! scope="col" | CSS
! scope="col" | CSS
! scope="col" colspan="5"| [https://w.wiki/DjpV#Цветовое_оформление Контраст]
! scope="col" colspan="5"| [https://w.wiki/DjpV#Цветовое_оформление Контраст]
! scope="col" | Примечание
! scope="col" | Использование
! scope="col" | [https://w.wiki/DnhP HSL]
! scope="col" | [https://w.wiki/DnhP HSL]
|-
|-
{{Цвет/Для текста|цвет=text|ступень=red|примечание=  
{{Цвет/Для текста|цвет=text|ступень=red|примечание=  
* Код угроз: красный.
* Код угроз красный.
* Цвет для шаблона {{t|Плохо}}.
}}
}}


{{Цвет/Для текста|цвет=text|ступень=darkRed|примечание=  
{{Цвет/Для текста|цвет=text|ступень=darkred|примечание=  
* Код угроз: дельта.
* Код угроз дельта.
}}
}}


{{Цвет/Для текста|цвет=text|ступень=indianRed|примечание=  
{{Цвет/Для текста|цвет=text|ступень=indianred|примечание=  
* Характеристика: slash (порезы).
* Характеристика slash (порезы).
}}
}}


{{Цвет/Для текста|цвет=text|ступень=crimson|примечание=  
{{Цвет/Для текста|цвет=text|ступень=crimson|примечание=  
* Характеристика: blunt (ушибы).
* Характеристика blunt (ушибы).
}}
}}


{{Цвет/Для текста|цвет=text|ступень=сarmine|примечание=  
{{Цвет/Для текста|цвет=text|ступень=сarmine|примечание=  
* Характеристика: cellular (клеточные).
* Характеристика cellular (клеточные).
}}
}}


{{Цвет/Для текста|цвет=text|ступень=darkSalmon|примечание=  
{{Цвет/Для текста|цвет=text|ступень=darksalmon|примечание=  
* Характеристика: piercing (уколы).
* Характеристика piercing (уколы).
}}
}}


{{Цвет/Для текста|цвет=text|ступень=green|примечание=  
{{Цвет/Для текста|цвет=text|ступень=green|примечание=  
* Код угроз: зелёный.
* Код угроз зелёный.
}}
}}


{{Цвет/Для текста|цвет=text|ступень=lime|примечание=  
{{Цвет/Для текста|цвет=text|ступень=lime|примечание=  
* Характеристика: radiation (радиация) и [[стоимость]].
* Характеристика radiation (радиация) и [[стоимость]].
}}
 
{{Цвет/Для текста|цвет=text|ступень=turquoise|примечание=
* Цвет для шаблона {{t|Хорошо}}.
}}
}}


Строка 274: Строка 279:
}}
}}


{{Цвет/Для текста|цвет=text|ступень=darkYellow|примечание=  
{{Цвет/Для текста|цвет=text|ступень=darkyellow|примечание=  
* Код угроз: жёлтый.
* Код угроз жёлтый.
}}
}}


{{Цвет/Для текста|цвет=text|ступень=gold|примечание=  
{{Цвет/Для текста|цвет=text|ступень=gold|примечание=  
* Код угроз: гамма.
* Код угроз гамма.
}}
}}


{{Цвет/Для текста|цвет=text|ступень=orange|примечание=  
{{Цвет/Для текста|цвет=text|ступень=orange|примечание=  
* Характеристика: heat (термические).
* Характеристика heat (термические).
}}
}}


Строка 291: Строка 296:


{{Цвет/Для текста|цвет=text|ступень=blue|примечание=  
{{Цвет/Для текста|цвет=text|ступень=blue|примечание=  
* Характеристика: endurance (Выносливость).
* Характеристика endurance (выносливость).
* Код угроз: синий.
* Код угроз синий.
}}
}}


{{Цвет/Для текста|цвет=text|ступень=skyBlue|примечание=  
{{Цвет/Для текста|цвет=text|ступень=skyblue|примечание=  
* Характеристика: asphyxiation (удушение).
* Характеристика asphyxiation (удушение).
}}
}}


{{Цвет/Для текста|цвет=text|ступень=violet|примечание=  
{{Цвет/Для текста|цвет=text|ступень=violet|примечание=  
* Характеристика: poison (яды).
* Характеристика poison (яды).
* Код угроз: фиолетовый.
* Код угроз фиолетовый.
}}
}}


{{Цвет/Для текста|цвет=text|ступень=silver|примечание=  
{{Цвет/Для текста|цвет=text|ступень=silver|примечание=  
* Характеристика: structural (структурные).
* Характеристика structural (структурные).
}}
}}


{{Цвет/Для текста|цвет=text|ступень=moccasin|примечание=  
{{Цвет/Для текста|цвет=text|ступень=moccasin|примечание=  
* Характеристика: explosive (взрывные).
* Характеристика explosive (взрывные).
}}
}}
|-
|-

Версия от 19:59, 23 апреля 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|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|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 (взрывные).


Источник — https://station14.ru/index.php?title=Шаблон:Цвет/doc&oldid=81816