Bootstrap темный переключатель режимов пользовательских цветов не работает

Question

У меня проблема с моим сайтом. Я пытаюсь добавить новую функцию, тёмный режим переключения. Вот этот -> https://github.com/coliff/dark-mode-switch

Проблема в том, что я не могу ничего редактировать в dark-mode.css, так как файл css должен был содержать все элементы, которые вы хотите изменить, если включен переключатель темного режима), потому что ничего не изменится, если я редактирую этот файл.

По умолчанию для некоторых элементов определены некоторые пользовательские цвета. Это код:

[data-theme="dark"] {
  background-color: #111 !important;
  color: #eee;
}

[data-theme="dark"] .bg-light {
  background-color: #333 !important;
}

[data-theme="dark"] .bg-white {
  background-color: #000 !important;
}

[data-theme="dark"] .bg-black {
  background-color: #eee !important;
}

Это сделает мой фон немного черным, если я включу переключатель.

Если я добавлю что-то здесь, это не сработает. Но чем страннее становится, если я удаляю все вышеперечисленное в этом файле, это все равно работает. Если я редактирую какой-либо цвет (например, цвет фона для тела в красном), он не работает, это все еще тот черный цвет. Но если я удаляю файл, кнопка больше не работает.

Итак, подведем итог: этот файл не работает так, как должен, если я добавляю / редактирую / удаляю что-то внутри него, он всегда показывает цвета по умолчанию (тот, который созданавторы). Если я полностью удаляю файл, больше ничего не работает.

В чем дело? - конечно, я добавил файл в заголовок моего сайта и скрипты в нижний колонтитул.