Открыть поиск
Открыть меню
12
3,2 тыс.
47
13,5 тыс.
Celadon | Wiki Sierra
Переключить меню настроек
Открыть персональное меню
Вы не представились системе
Ваш IP-адрес будет виден всем, если вы внесёте какие-либо изменения.

Шаблон:ColorPalette: различия между версиями

Материал из Celadon | Wiki Sierra
Дополнительные действия
ВизуальныйВики-текст
[[commons:MediaWiki]]>BOT Purple
Новая страница: «{{#switch: {{{1}}} | Security = {{#switch: {{{2|Primary}}} | Primary Bold =BF1313 | Primary =BF2626 | Secondary =BF4C4C | Tertiary...»
 
Ничего сломаться не должно.
 
(не показаны 4 промежуточные версии 2 участников)
Строка 1: Строка 1:
{{#switch: {{{1}}}
<includeonly>{{#switch: {{{1}}}
| Security =
| Security =
   {{#switch: {{{2|Primary}}}
   {{#switch: {{{2|Primary}}}
Строка 131: Строка 131:
   | Secondary Text =D80A0A
   | Secondary Text =D80A0A
   | Link Text      =00BBFF
   | Link Text      =00BBFF
  }}
| Ratvar =
  {{#switch: {{{2|Primary}}}
  | Primary Bold  =6c4b13
  | Primary        =825b17
  | Secondary      =332409
  | Tertiary      =4c3f27
  | Light          =4a340d
  | Very Light    =e1d9c6
  | Header Text    =FFFFFF
  | Secondary Text =FFFFFF
  | Link Text      =00BBFF
  }}
| Xenomorph =
  {{#switch: {{{2|Primary}}}
  | Primary Bold  =252138
  | Primary        =312d43
  | Secondary      =4c4666
  | Tertiary      =5e577e
  | Light          =958fb2
  | Very Light    =E5DEF9
  | Header Text    =FFFFFF
  | Secondary Text =000000
  | Link Text      =0010FF
  }}
| Marine =
  {{#switch: {{{2|Primary}}}
  | Primary Bold  =27426d
  | Primary        =2c4c7b
  | Secondary      =48648a
  | Tertiary      =5f7ea9
  | Light          =90a1b8
  | Very Light    =d2def0
  | Header Text    =FFFFFF
  | Secondary Text =000000
  | Link Text      =191966
   }}
   }}
| Wizard =  
| Wizard =  
Строка 168: Строка 204:
   | Link Text      =000080
   | Link Text      =000080
   }}
   }}
}}
}}</includeonly><noinclude>
 
= Палитра цветов =
Этот шаблон выдает цветовые коды для различных отделов и фракций. Он возвращает шестнадцатеричный код (без символа #), который нужно подставлять в стили.
 
'''Как использовать в шаблонах (замените Color на имя вашего шаблона):'''
<pre>
background-color: #{{Color|Science|Primary}};
border: 1px solid #{{Color|Security|Primary Bold}};
color: #{{Color|Command|Header Text}};
</pre>
 
= Доступные цвета =
<div style="display: flex; flex-wrap: wrap; gap: 15px; text-align: center;">
 
<div style="width: 160px; margin-bottom: 15px;">
'''Security'''
<div style="background-color: #BF1313; color: #000000; padding: 5px; margin: 2px;">Primary Bold</div>
<div style="background-color: #BF2626; color: #000000; padding: 5px; margin: 2px;">Primary</div>
<div style="background-color: #BF4C4C; color: #000000; padding: 5px; margin: 2px;">Secondary</div>
<div style="background-color: #BF5F5F; color: #000000; padding: 5px; margin: 2px;">Tertiary</div>
<div style="background-color: #BFB9B9; color: #000000; padding: 5px; margin: 2px;">Light</div>
<div style="background-color: #E6DEDE; color: #000000; padding: 5px; margin: 2px;">Very Light</div>
<div style="background-color: #000000; color: #FFFFFF; padding: 5px; margin: 2px;">Secondary Text</div>
<div style="background-color: #000080; color: #FFFFFF; padding: 5px; margin: 2px;">Link Text</div>
</div>
 
<div style="width: 160px; margin-bottom: 15px;">
'''Science'''
<div style="background-color: #9528CC; color: #FFFFFF; padding: 5px; margin: 2px;">Primary Bold</div>
<div style="background-color: #9C3DCC; color: #FFFFFF; padding: 5px; margin: 2px;">Primary</div>
<div style="background-color: #AA66CC; color: #FFFFFF; padding: 5px; margin: 2px;">Secondary</div>
<div style="background-color: #B17ACC; color: #FFFFFF; padding: 5px; margin: 2px;">Tertiary</div>
<div style="background-color: #CAC6CC; color: #FFFFFF; padding: 5px; margin: 2px;">Light</div>
<div style="background-color: #F0EBF2; color: #FFFFFF; padding: 5px; margin: 2px;">Very Light</div>
<div style="background-color: #061306; color: #FFFFFF; padding: 5px; margin: 2px;">Secondary Text</div>
<div style="background-color: #000080; color: #FFFFFF; padding: 5px; margin: 2px;">Link Text</div>
</div>
 
<div style="width: 160px; margin-bottom: 15px;">
'''Service'''
<div style="background-color: #0F961A; color: #000000; padding: 5px; margin: 2px;">Primary Bold</div>
<div style="background-color: #2A9633; color: #000000; padding: 5px; margin: 2px;">Primary</div>
<div style="background-color: #65B36C; color: #000000; padding: 5px; margin: 2px;">Secondary</div>
<div style="background-color: #88C58D; color: #000000; padding: 5px; margin: 2px;">Tertiary</div>
<div style="background-color: #C6CCC7; color: #000000; padding: 5px; margin: 2px;">Light</div>
<div style="background-color: #EBF2EC; color: #000000; padding: 5px; margin: 2px;">Very Light</div>
<div style="background-color: #000000; color: #FFFFFF; padding: 5px; margin: 2px;">Secondary Text</div>
<div style="background-color: #000080; color: #FFFFFF; padding: 5px; margin: 2px;">Link Text</div>
</div>
 
<div style="width: 160px; margin-bottom: 15px;">
'''Engineering'''
<div style="background-color: #FFA500; color: #000000; padding: 5px; margin: 2px;">Primary Bold</div>
<div style="background-color: #FFAA19; color: #000000; padding: 5px; margin: 2px;">Primary</div>
<div style="background-color: #FFBA4C; color: #000000; padding: 5px; margin: 2px;">Secondary</div>
<div style="background-color: #FFC166; color: #000000; padding: 5px; margin: 2px;">Tertiary</div>
<div style="background-color: #CCC0B1; color: #000000; padding: 5px; margin: 2px;">Light</div>
<div style="background-color: #F2E9DE; color: #000000; padding: 5px; margin: 2px;">Very Light</div>
<div style="background-color: #000000; color: #FFFFFF; padding: 5px; margin: 2px;">Secondary Text</div>
<div style="background-color: #000080; color: #FFFFFF; padding: 5px; margin: 2px;">Link Text</div>
</div>
 
<div style="width: 160px; margin-bottom: 15px;">
'''Command'''
<div style="background-color: #195AFF; color: #FFFFFF; padding: 5px; margin: 2px;">Primary Bold</div>
<div style="background-color: #3269FF; color: #FFFFFF; padding: 5px; margin: 2px;">Primary</div>
<div style="background-color: #6691FF; color: #FFFFFF; padding: 5px; margin: 2px;">Secondary</div>
<div style="background-color: #7FA3FF; color: #FFFFFF; padding: 5px; margin: 2px;">Tertiary</div>
<div style="background-color: #9DAACC; color: #FFFFFF; padding: 5px; margin: 2px;">Light</div>
<div style="background-color: #DEE4F6; color: #FFFFFF; padding: 5px; margin: 2px;">Very Light</div>
<div style="background-color: #FFFFFF; color: #000000; padding: 5px; margin: 2px;">Secondary Text</div>
<div style="background-color: #050A54; color: #FFFFFF; padding: 5px; margin: 2px;">Link Text</div>
</div>
 
<div style="width: 160px; margin-bottom: 15px;">
'''Medical'''
<div style="background-color: #19A7FF; color: #000000; padding: 5px; margin: 2px;">Primary Bold</div>
<div style="background-color: #32B0FF; color: #000000; padding: 5px; margin: 2px;">Primary</div>
<div style="background-color: #66C6FF; color: #000000; padding: 5px; margin: 2px;">Secondary</div>
<div style="background-color: #7FD0FF; color: #000000; padding: 5px; margin: 2px;">Tertiary</div>
<div style="background-color: #9DBACC; color: #000000; padding: 5px; margin: 2px;">Light</div>
<div style="background-color: #DAEDF9; color: #000000; padding: 5px; margin: 2px;">Very Light</div>
<div style="background-color: #000000; color: #FFFFFF; padding: 5px; margin: 2px;">Secondary Text</div>
<div style="background-color: #000080; color: #FFFFFF; padding: 5px; margin: 2px;">Link Text</div>
</div>
 
<div style="width: 160px; margin-bottom: 15px;">
'''Supply'''
<div style="background-color: #7A450C; color: #FFFFFF; padding: 5px; margin: 2px;">Primary Bold</div>
<div style="background-color: #7C4C18; color: #FFFFFF; padding: 5px; margin: 2px;">Primary</div>
<div style="background-color: #77552F; color: #FFFFFF; padding: 5px; margin: 2px;">Secondary</div>
<div style="background-color: #7C5C3E; color: #FFFFFF; padding: 5px; margin: 2px;">Tertiary</div>
<div style="background-color: #CCB49D; color: #FFFFFF; padding: 5px; margin: 2px;">Light</div>
<div style="background-color: #F9EADC; color: #FFFFFF; padding: 5px; margin: 2px;">Very Light</div>
<div style="background-color: #0D150D; color: #FFFFFF; padding: 5px; margin: 2px;">Secondary Text</div>
<div style="background-color: #050A54; color: #FFFFFF; padding: 5px; margin: 2px;">Link Text</div>
</div>
 
<div style="width: 160px; margin-bottom: 15px;">
'''Lavaland'''
<div style="background-color: #ED571C; color: #FFFFFF; padding: 5px; margin: 2px;">Primary Bold</div>
<div style="background-color: #EE6A34; color: #FFFFFF; padding: 5px; margin: 2px;">Primary</div>
<div style="background-color: #ED8A63; color: #FFFFFF; padding: 5px; margin: 2px;">Secondary</div>
<div style="background-color: #EA9879; color: #FFFFFF; padding: 5px; margin: 2px;">Tertiary</div>
<div style="background-color: #CCA99D; color: #FFFFFF; padding: 5px; margin: 2px;">Light</div>
<div style="background-color: #f8e9e4; color: #FFFFFF; padding: 5px; margin: 2px;">Very Light</div>
<div style="background-color: #000000; color: #FFFFFF; padding: 5px; margin: 2px;">Secondary Text</div>
<div style="background-color: #000080; color: #FFFFFF; padding: 5px; margin: 2px;">Link Text</div>
</div>
 
<div style="width: 160px; margin-bottom: 15px;">
'''Synthetic'''
<div style="background-color: #1364C1; color: #FFFFFF; padding: 5px; margin: 2px;">Primary Bold</div>
<div style="background-color: #2770C4; color: #FFFFFF; padding: 5px; margin: 2px;">Primary</div>
<div style="background-color: #4C82BF; color: #FFFFFF; padding: 5px; margin: 2px;">Secondary</div>
<div style="background-color: #5E8BBC; color: #FFFFFF; padding: 5px; margin: 2px;">Tertiary</div>
<div style="background-color: #9DB3CC; color: #FFFFFF; padding: 5px; margin: 2px;">Light</div>
<div style="background-color: #DEEBF9; color: #FFFFFF; padding: 5px; margin: 2px;">Very Light</div>
<div style="background-color: #FFFFFF; color: #000000; padding: 5px; margin: 2px;">Secondary Text</div>
<div style="background-color: #000080; color: #FFFFFF; padding: 5px; margin: 2px;">Link Text</div>
</div>
 
<div style="width: 160px; margin-bottom: 15px;">
'''Antagonist'''
<div style="background-color: #160202; color: #D80A0A; padding: 5px; margin: 2px;">Primary Bold</div>
<div style="background-color: #190505; color: #D80A0A; padding: 5px; margin: 2px;">Primary</div>
<div style="background-color: #4C1E1E; color: #D80A0A; padding: 5px; margin: 2px;">Secondary</div>
<div style="background-color: #663333; color: #D80A0A; padding: 5px; margin: 2px;">Tertiary</div>
<div style="background-color: #CC9D9D; color: #D80A0A; padding: 5px; margin: 2px;">Light</div>
<div style="background-color: #FAEAEA; color: #D80A0A; padding: 5px; margin: 2px;">Very Light</div>
<div style="background-color: #D80A0A; color: #000000; padding: 5px; margin: 2px;">Secondary Text</div>
<div style="background-color: #00BBFF; color: #FFFFFF; padding: 5px; margin: 2px;">Link Text</div>
</div>
 
<div style="width: 160px; margin-bottom: 15px;">
'''Cultist'''
<div style="background-color: #160202; color: #D80A0A; padding: 5px; margin: 2px;">Primary Bold</div>
<div style="background-color: #190505; color: #D80A0A; padding: 5px; margin: 2px;">Primary</div>
<div style="background-color: #4C1E1E; color: #D80A0A; padding: 5px; margin: 2px;">Secondary</div>
<div style="background-color: #663333; color: #D80A0A; padding: 5px; margin: 2px;">Tertiary</div>
<div style="background-color: #CC9D9D; color: #D80A0A; padding: 5px; margin: 2px;">Light</div>
<div style="background-color: #FAEAEA; color: #D80A0A; padding: 5px; margin: 2px;">Very Light</div>
<div style="background-color: #D80A0A; color: #000000; padding: 5px; margin: 2px;">Secondary Text</div>
<div style="background-color: #00BBFF; color: #FFFFFF; padding: 5px; margin: 2px;">Link Text</div>
</div>
 
<div style="width: 160px; margin-bottom: 15px;">
'''Ratvar'''
<div style="background-color: #6c4b13; color: #FFFFFF; padding: 5px; margin: 2px;">Primary Bold</div>
<div style="background-color: #825b17; color: #FFFFFF; padding: 5px; margin: 2px;">Primary</div>
<div style="background-color: #332409; color: #FFFFFF; padding: 5px; margin: 2px;">Secondary</div>
<div style="background-color: #4c3f27; color: #FFFFFF; padding: 5px; margin: 2px;">Tertiary</div>
<div style="background-color: #4a340d; color: #FFFFFF; padding: 5px; margin: 2px;">Light</div>
<div style="background-color: #e1d9c6; color: #FFFFFF; padding: 5px; margin: 2px;">Very Light</div>
<div style="background-color: #FFFFFF; color: #000000; padding: 5px; margin: 2px;">Secondary Text</div>
<div style="background-color: #00BBFF; color: #FFFFFF; padding: 5px; margin: 2px;">Link Text</div>
</div>
 
<div style="width: 160px; margin-bottom: 15px;">
'''Xenomorph'''
<div style="background-color: #252138; color: #FFFFFF; padding: 5px; margin: 2px;">Primary Bold</div>
<div style="background-color: #312d43; color: #FFFFFF; padding: 5px; margin: 2px;">Primary</div>
<div style="background-color: #4c4666; color: #FFFFFF; padding: 5px; margin: 2px;">Secondary</div>
<div style="background-color: #5e577e; color: #FFFFFF; padding: 5px; margin: 2px;">Tertiary</div>
<div style="background-color: #958fb2; color: #FFFFFF; padding: 5px; margin: 2px;">Light</div>
<div style="background-color: #E5DEF9; color: #FFFFFF; padding: 5px; margin: 2px;">Very Light</div>
<div style="background-color: #000000; color: #FFFFFF; padding: 5px; margin: 2px;">Secondary Text</div>
<div style="background-color: #0010FF; color: #FFFFFF; padding: 5px; margin: 2px;">Link Text</div>
</div>
 
<div style="width: 160px; margin-bottom: 15px;">
'''Marine'''
<div style="background-color: #27426d; color: #FFFFFF; padding: 5px; margin: 2px;">Primary Bold</div>
<div style="background-color: #2c4c7b; color: #FFFFFF; padding: 5px; margin: 2px;">Primary</div>
<div style="background-color: #48648a; color: #FFFFFF; padding: 5px; margin: 2px;">Secondary</div>
<div style="background-color: #5f7ea9; color: #FFFFFF; padding: 5px; margin: 2px;">Tertiary</div>
<div style="background-color: #90a1b8; color: #FFFFFF; padding: 5px; margin: 2px;">Light</div>
<div style="background-color: #d2def0; color: #FFFFFF; padding: 5px; margin: 2px;">Very Light</div>
<div style="background-color: #000000; color: #FFFFFF; padding: 5px; margin: 2px;">Secondary Text</div>
<div style="background-color: #191966; color: #FFFFFF; padding: 5px; margin: 2px;">Link Text</div>
</div>
 
<div style="width: 160px; margin-bottom: 15px;">
'''Wizard'''
<div style="background-color: #6919FF; color: #FFFFFF; padding: 5px; margin: 2px;">Primary Bold</div>
<div style="background-color: #7D32FF; color: #FFFFFF; padding: 5px; margin: 2px;">Primary</div>
<div style="background-color: #9866FF; color: #FFFFFF; padding: 5px; margin: 2px;">Secondary</div>
<div style="background-color: #A77FFF; color: #FFFFFF; padding: 5px; margin: 2px;">Tertiary</div>
<div style="background-color: #AB9DCC; color: #FFFFFF; padding: 5px; margin: 2px;">Light</div>
<div style="background-color: #E5DEF9; color: #FFFFFF; padding: 5px; margin: 2px;">Very Light</div>
<div style="background-color: #000000; color: #FFFFFF; padding: 5px; margin: 2px;">Secondary Text</div>
<div style="background-color: #0010FF; color: #FFFFFF; padding: 5px; margin: 2px;">Link Text</div>
</div>
 
<div style="width: 160px; margin-bottom: 15px;">
'''Abductor'''
<div style="background-color: #999999; color: #FFFFFF; padding: 5px; margin: 2px;">Primary Bold</div>
<div style="background-color: #7F7F7F; color: #FFFFFF; padding: 5px; margin: 2px;">Primary</div>
<div style="background-color: #E5E5E5; color: #FFFFFF; padding: 5px; margin: 2px;">Secondary</div>
<div style="background-color: #CCCCCC; color: #FFFFFF; padding: 5px; margin: 2px;">Tertiary</div>
<div style="background-color: #CCCCCC; color: #FFFFFF; padding: 5px; margin: 2px;">Light</div>
<div style="background-color: #F2F2F2; color: #FFFFFF; padding: 5px; margin: 2px;">Very Light</div>
<div style="background-color: #000000; color: #FFFFFF; padding: 5px; margin: 2px;">Secondary Text</div>
<div style="background-color: #000080; color: #FFFFFF; padding: 5px; margin: 2px;">Link Text</div>
</div>
 
</div>
 
[[Категория:Шаблоны]]
[[Категория:Информационные шаблоны]]
</noinclude>

Текущая версия от 23:13, 25 октября 2026


Палитра цветов

Этот шаблон выдает цветовые коды для различных отделов и фракций. Он возвращает шестнадцатеричный код (без символа #), который нужно подставлять в стили.

Как использовать в шаблонах (замените Color на имя вашего шаблона): 

background-color: #{{Color|Science|Primary}};
border: 1px solid #{{Color|Security|Primary Bold}};
color: #{{Color|Command|Header Text}};

Доступные цвета

Security

Primary Bold
Primary
Secondary
Tertiary
Light
Very Light
Secondary Text
Link Text

Science

Primary Bold
Primary
Secondary
Tertiary
Light
Very Light
Secondary Text
Link Text

Service

Primary Bold
Primary
Secondary
Tertiary
Light
Very Light
Secondary Text
Link Text

Engineering

Primary Bold
Primary
Secondary
Tertiary
Light
Very Light
Secondary Text
Link Text

Command

Primary Bold
Primary
Secondary
Tertiary
Light
Very Light
Secondary Text
Link Text

Medical

Primary Bold
Primary
Secondary
Tertiary
Light
Very Light
Secondary Text
Link Text

Supply

Primary Bold
Primary
Secondary
Tertiary
Light
Very Light
Secondary Text
Link Text

Lavaland

Primary Bold
Primary
Secondary
Tertiary
Light
Very Light
Secondary Text
Link Text

Synthetic

Primary Bold
Primary
Secondary
Tertiary
Light
Very Light
Secondary Text
Link Text

Antagonist

Primary Bold
Primary
Secondary
Tertiary
Light
Very Light
Secondary Text
Link Text

Cultist

Primary Bold
Primary
Secondary
Tertiary
Light
Very Light
Secondary Text
Link Text

Ratvar

Primary Bold
Primary
Secondary
Tertiary
Light
Very Light
Secondary Text
Link Text

Xenomorph

Primary Bold
Primary
Secondary
Tertiary
Light
Very Light
Secondary Text
Link Text

Marine

Primary Bold
Primary
Secondary
Tertiary
Light
Very Light
Secondary Text
Link Text

Wizard

Primary Bold
Primary
Secondary
Tertiary
Light
Very Light
Secondary Text
Link Text

Abductor

Primary Bold
Primary
Secondary
Tertiary
Light
Very Light
Secondary Text
Link Text
Источник — https://sierra.celadon.pro/index.php?title=Шаблон:ColorPalette&oldid=15583