Ошибка Bootstrap Theme: проблема с настройкой цветовой схемы

Я разрабатываю веб-страницу для своей некоммерческой ассоциации, и, чтобы упростить задачу, я купил шаблон темы начальной загрузки (тема Leap Bootstrap).

В основной папке моего проекта у меня есть следующие папки:

/расстояние
/формы
/js
/node_modules
/страницы
/scss

Внутри папки «/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, шрифты,...).

Когда я вношу эти изменения с помощью gulp и browsersync, отображается правильная цветовая схема, которую я хочу (как я закодировал в файле user-variables.css).

Проблема в том, когда я загружаю файлы на сервер веб-хостинга. Когда я захожу на веб-сайт, я все еще вижу исходную цветовую схему темы начальной загрузки вместо цветов, которые я установил. Любопытно, что некоторые внешние пользователи видят правильные цвета.

Внутри «общедоступной» папки я загружаю только файл «index.html» и папку «/assets». Нужно ли загружать этот файл user-variables.css и где?

Не могли бы вы помочь мне с этой проблемой? Извините, но я новичок в этом мире.

Спасибо!