Цветовая система в фреймворках Bootstrap и Materialize основана на использовании цветовых переменных и классов, которые определяются с помощью CSS.
В Bootstrap, цвета определяются с использованием переменных SASS (препроцессор CSS). Набор переменных цветов можно найти в файле _variables.scss. Этот файл включает все цветовые переменные, такие как $primary, $secondary, $success, $danger и т. д. По умолчанию, значения этих переменных соответствуют определенным цветам, но их можно изменять, присваивая им новые значения перед компиляцией CSS.
Materialize также использует переменные цветов, но в этом фреймворке они определены на стороне клиента с помощью JavaScript. Набор цветов определен в файле color.js, и он включает в себя цвета, такие как primary, secondary, success, danger и другие. При использовании Materialize можно объявить свои собственные цветовые переменные, изменить значения существующих или добавить новые цвета по вашему усмотрению.
Когда задается цвет элементу в Bootstrap или Materialize, используются классы, определенные в CSS с помощью этих цветовых переменных. Например, если вы хотите, чтобы фоновый цвет блока был основным (primary), вы можете применить класс .bg-primary в Bootstrap или .bg-primary в Materialize к этому блоку.
Важно отметить, что цветовая система Bootstrap и Materialize позволяет использовать не только предопределенные цвета, но и создавать собственные цветовые схемы. Вы можете изменить значения цветовых переменных или добавить новые переменные в соответствующих файлах и тем самым изменить внешний вид вашего проекта.
Таким образом, цвета в фреймворках Bootstrap и Materialize управляются с помощью цветовых переменных, которые определяются в соответствующих файлах и могут быть изменены или расширены пользователем.