Константин Китманов

screenGame.backgroundPositionX += 5 + "px";

У вас на каждом шаге будет конкатенация строк, а не сложение. Значения будут такими: 0%, 0%5px, 0%5px5px и так далее. Поэтому, наверное, и не работает?

Так же как в React:

// styles.scss

.body { color: red; }

// file.js
import styles from './style.css';

document.body.classList.add(styles.body);

Да вот еще не хватало! Пользователь должен давать явное согласие открыть сайт на полный экран, так что без нажатий на кнопки никак, к счастью.

Первое, что приходит в голову, это как-то так:
import(`__${theme}__`.css)
А из вебпака в код передавать переменную theme через DefinePlugin.

Второй вариант — динамически генерить resolve.alias, а в коде писать import '__current-theme.css'. Как-то так:

alias: {
  '__current-theme.css': path.resolve(__dirname, process.env.STYLE_REF)
}

Лучше второй вариант, пожалуй, в первом получится ненужный code splitting.

https://www.npmjs.com/package/gulp-replace