Создаём переменные, например, для цвета. Кстати, этот код должен размещаться до подключения файла со стилями (style.css). Иначе как наши переменные в него попадут))

<?php
// PHP
$Col0 = '#FDF5E6';
$Col1 = '#AFEEEE';
?>
<!-- CSS -->
<style>
:root {
    --Col0: <?php echo $Col0; ?>;
    --Col1: <?php echo $Col1; ?>;
}
</style>

Теперь подключаем где нужно наши переменные в файле со стилями style.css или какой там у вас.

.body {
    background: var(--Col0); 
    color: var(--Col1);
}

Вот, собственно, и всё! К сожалению это применимо не для всех обозревателей. Например в Internet Explorer этот фокус не пройдёт. Впрочем, кто его сейчас использует? 🦕

По данной схеме можно «собрать» и картинки, и шрифты и т.п.

Владимир ОРЛОВ

Вернуться назад