Редактирование: Шаблон:ColorPalette (раздел)

= Что это? =
Это гибкая палитра цветов, сделанная специально для WIKI. <br>
В ней достаточно цветов, дабы покрыть необходимость срать хардкоженными цветами.
<br>
=== В чём её преимущество? ===
В том что она, при использовании, вставляет CSS переменную. <br>
Например, когда вы пишите <nowiki>{{ColorPalette|Cyan|Primary}}</nowiki><br>
Оно возвращает: {{ColorPalette|Cyan|Primary}}
Это очень удобно использовать в шаблонах, так как в конечном итоге, достаточно будет лишь вписать название цвета. 
<br>
=== С какой целью это сделано? === 
В первую очередь ради возможности сделать 2 темы: светлую и тёмную. <br>
Во вторую очередь, ради удобства редакторов. Вам не нужно вручную подбирать цвета каждый раз, как используете какой-либо шаблон.<br>
Все цвета уже сделаны за вас, и вам достаточно лишь выбрать нужный, и использовать его! Всё просто, не так ли?

<b>НАСТОЯТЕЛЬНО</b> рекомендуется использовать <b>ТОЛЬКО</b> шаблон ColorPalette или [[ColorPaletteStyles]], если вы хотите разукрасить свой шаблон. <br>
В противном случае, он может быть нечитабельным на противоположной теме.
<br>
=== Как использовать? ===
Если вы создаёте шаблон, то в стилях, просто вызываете шаблон палитры, вот пример:<br>
background-color: <nowiki>{{ColorPalette|{{{Color}}}|Primary}}</nowiki>;
<br><br>
Таким образом, при использовании шаблона, вам достаточно ввести в поле <b>Color</b> нужный цвет, примерно вот так:<br>
<code><nowiki>{| Имя шаблона | Text = Тестовый текст | Color = Security |}</nowiki></code>
<br><br>
У каждого цвета имеется несколько вариация, они же оттенки:<br><br>
<b>Opaque</b> - Непрозрачный. Используется в основном у обводки (border)<br>
<b>Primary</b> - Слегка прозрачный. Основной цвет на котором текст<br>
<b>Secondary</b> - Дополнительный цвет, чуть прозрачнее чем основной<br>
<b>Light</b> - Прозрачный цвет, можно использовать в качестве дополнительного фона<br>
<b>Transparent</b> - Самый прозрачный из имеющихся, если быть конкретнее, то он прозрачен на 90%. Идеален для разбавления фона<br>
<br>

Использовать в стилях достаточно легко. Пример:
<code>background-color: {{ColorPalette|Security|Primary}}</code><br>
Однако, если вы хотите покрасить текст, рекомендуется использовать CSS переменные. Их список вы найдёте нажав F12 и прокрутив в самый низ. Пример:<br>
<code>color: var(--color-white);</code><br>
<code>color: var(--color-olive);</code>
<br><br>
Таким же образом, можете использовать вариации цветов, просто впишите нужную вместо <b>Primary</b><br>
Выбирайте вариации цвета для шаблона с умом! Ваш шаблон не должен быть вырвиглазным на одной теме, но нормальным на другой.<br>
Если же не получается сделать с имеющимися вариациями так, чтобы шаблон хорошо смотрелся на обоих темах, обратитесь в дискорд, скорее всего требуется точечная настройка переменной цвета для определённой темы.
<br>