Я разрабатываю веб-страницу для своей некоммерческой ассоциации, и чтобы упростить задачу, я купил шаблон темы начальной загрузки (Leap Bootstrap Theme).
В главной папке моего проекта у меня есть следующие папки:
/ расстояние
/ Формы
/ JS
/ Node_modules
/ Страниц
/ * 1010 СКС *
Внутри папки '/ scss', чтобы изменить цветовую схему темы, чтобы установить нужные мне цвета, я должен изменить файл '/scss/user-variables.css' таким образом:
//
//
// user-variables.scss
//
// Place your own variable overrides here, these will override any Bootstrap and theme variables.
// Color Scheme
// Uncomment the variables below and change the hex values.
$primary: #3D3B3C;
$primary-2: #FDFDB7;
$primary-3: #3D3B3C;
// Do not change or remove the $theme-color-scheme or $theme-colors maps below
$theme-color-scheme: (
"primary": $primary,
"primary-2": $primary-2,
"primary-3": $primary-3
);
$theme-colors: (
"primary": $primary,
"primary-2": $primary-2,
"primary-3": $primary-3,
);
Файл index.html находится в папке «/ pages» с другими папками (css, js, img, fonts, ...).
Когда я делаю эти изменения с помощью gulp и browsersync, мне показывают правильную цветовую схему, которую я хочу (как я кодировал в файле user-variables.css).
Проблема заключается в том, что я загружаю файлы на сервер веб-хостинга. Когда я захожу на сайт, я все равно вижу исходную цветовую схему темы начальной загрузки вместо цветов, которые я установил. Что неприятно, так это то, что некоторые внешние пользователи смотрят правильные цвета.
Внутри папки public я загружаю только файл index.html и папку / assets. Нужно ли загружать этот файл 'user-variables.css' и где?
Не могли бы вы помочь мне с этой проблемой? Извините, но я новичок в этом мире.
Спасибо!