Современный способ по добавлению и удалению классов - classList API.
document.getElementById('intro_btn').onclick = function() {
document.getElementById('main').classList.add('main--main-bg');
}
Соответственно, на чистом js каждой кнопке даёте id, и присваиваете нужный класс. Если нужно убрать, то classList.remove('название_класса'), если включить/выключить - то toggle()
