Как переопределить цвет фона для всех классов с помощью css?

Из официальной документации:

Специфичность — это средство, с помощью которого браузеры решают, какие значения свойств CSS наиболее важны для элемента и, следовательно, будут применяться.

А также:

Специфичность основана на правилах сопоставления, которые состоят из селекторов CSS разных типов.

Это означает, что CSS будет применяться в зависимости от вашего браузера и вашего CSS Selectors для этого браузера.

И вы также должны посмотреть, какие селекторы CSS имеют более высокая специфичность.

Но поскольку вы хотите переопределить background-color, это означает получить более высокую специфичность CSS Selector. Я думаю, что вы ищете !важное исключение.

Опять же из документации:

это объявление переопределяет любые другие объявления.

это означает, что свойство CSS, которое вы собираетесь установить с исключением !important, будет применено, переопределяя остальные различные конфигурации, имеющие это свойство.

Но также вы должны позаботиться о злоупотреблении этим свойством:

Использование !important является плохой практикой, и его следует избегать, поскольку оно усложняет отладку, нарушая естественный каскад в ваших таблицах стилей.

Что я рекомендую:

• Попробуйте установить background-color с CSS Selectors с более высокой специфичностью.

• Если вы не можете изменить свойство и испробовали все возможности, используйте исключение !important.

Вы можете вставить это внизу страницы прямо перед тегом.

<script>
    document.body.style.backgroundColor = "#883377";
</script>

Вы можете изменить #883377 на любой желаемый цвет.