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

=== Как использовать? ===
При создании шаблона, просто используйте этот шаблон прямо внутри обёртки, внутри которой находятся остальные элементы:
<syntaxhighlight lang="html">
<div class="wrapper" style="{{ColorPaletteStyles|Civilian}};">
  <span class="example-text">Обычный текст</span>
</div>
</syntaxhighlight>

Далее, давайте представим что мы создаём шаблон уведомления, он находится на условной странице <code>Шаблон:Notice</code><br>
Нам нужно создать страницу <code>Шаблон:Notice/styles.css</code>, это '''ОБЯЗАТЕЛЬНО'''<br>
После того как вы это сделаете, возвращаемся на страницу шаблона и делаем как на примере ниже:
<syntaxhighlight lang="html">
<templatestyles src="Notice/styles.css" />
<div class="notice" style="{{ColorPaletteStyles|Cargo}};">
  <span class="notice-text">Обычный текст</span>
</div>
</syntaxhighlight>

Что мы только что сделали? Мы включили в наш шаблон, ранее созданный CSS файл со стилями для него.<br>
Теперь же, на странице стилей мы можем... стилизовать наш шаблон:
<syntaxhighlight lang="css">
.notice {
  background-color: var(--tmp-75);
  border: 1px solid var(--tmp-25);
}

.notice-text {
  color: var(--color-text); /* Эта переменная создана в самом скине */
}
</syntaxhighlight>