Как вы реализуете смену цветовых схем на сайтах?

Question

[kiberlain]

Меняете класс у body? Подключаете css-ку с цветами кнопок и прочих блоков?

Answer 1

[kiberlain]

нашёл решение

// globals

if (typeof bbs == 'undefined') {
	bbs = {};
}


// for switching color themes
bbs.theme = localStorage.getItem('rmz_bbs-auto-theme') || 'default';
bbs.themeLink = $('#theme-css-link');
if (bbs.themeLink.data('theme') !== bbs.theme){
	bbs.themeLink.attr({
		'href': 'static/css/theme_' + bbs.theme + '.css',
		'data-theme': bbs.theme
	});
	$('body').attr('data-theme', bbs.theme);
}

$(document).ready(function(){
	var themeInputs = $('.theme-input');
	themeInputs.prop('checked', false);
	themeInputs.filter('[value='+bbs.theme+']').prop('checked', true);
	$('body').attr('data-theme', bbs.theme);

	// color-theme switch
	themeInputs.on('change', function(){
		console.log('111');
		var newTheme = $(this).val();
		if (bbs.theme !== newTheme){
			bbs.theme = newTheme;
			bbs.themeLink.attr({
				'href': 'static/css/theme_' + bbs.theme + '.css',
				'data-theme': bbs.theme
			});
			$('body').attr('data-theme', bbs.theme);
			localStorage.setItem('rmz_bbs-auto-theme', bbs.theme);
		} else return;
	});
})

Answer 2

[Andrzej Wielski]

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

Answer 3

[xmoonlight]

Проще всего: разные шаблоны и переключатель шаблонов выносим на front-end.