Readded reskin function.

public/src/client/account/settings.js

@@ -2,7 +2,7 @@
 
 define('forum/account/settings', [
 	'forum/account/header', 'components', 'api', 'alerts',
-], function (header, components, api, alerts) {
+], function (header, components, api, alerts, hooks) {
 	const AccountSettings = {};
 	let savedSkin = '';
 
@@ -62,10 +62,12 @@ define('forum/account/settings', [
 	}
 
 	function saveSettings(settings) {
+		console.log('Logging Jullia ');
 		api.put(`/users/${ajaxify.data.uid}/settings`, { settings }).then(handleNewSettings);
 	}
 
 	function handleNewSettings(newSettings) {
+		console.log('Logging Jullia');
 		alerts.success('[[success:settings-saved]]');
 		processNewSettings(newSettings);
 	}
@@ -93,10 +95,52 @@ define('forum/account/settings', [
 		config.bootswatchSkin = skin === 'noskin' ? '' : skin;
 	}
 
-	function reskin(skin) {
-		// Implement the logic to reskin the application
-		// This is a placeholder function and should be implemented as needed
-		console.log(`Reskinning to: ${skin}`);
+	function reskin(skinName) {
+		const clientEl = Array.prototype.filter.call(document.querySelectorAll('link[rel="stylesheet"]'), function (el) {
+			return el.href.indexOf(config.relative_path + '/assets/client') !== -1;
+		})[0] || null;
+		if (!clientEl) {
+			return;
+		}
+
+		if (skinName === '') {
+			skinName = config.defaultBootswatchSkin || '';
+		} else if (skinName === 'noskin') {
+			skinName = '';
+		}
+
+		const currentSkinClassName = $('body').attr('class').split(/\s+/).filter(function (className) {
+			return className.startsWith('skin-');
+		});
+		if (!currentSkinClassName[0]) {
+			return;
+		}
+		let currentSkin = currentSkinClassName[0].slice(5);
+		currentSkin = currentSkin !== 'noskin' ? currentSkin : '';
+
+		// Stop execution if skin didn't change
+		if (skinName === currentSkin) {
+			hooks.fire('action:skin.change', { skin: skinName, currentSkin });
+			return;
+		}
+		const langDir = $('html').attr('data-dir');
+		const linkEl = document.createElement('link');
+		linkEl.rel = 'stylesheet';
+		linkEl.type = 'text/css';
+		linkEl.href = config.relative_path +
+			'/assets/client' + (skinName ? '-' + skinName : '') +
+			(langDir === 'rtl' ? '-rtl' : '') +
+			'.css?' + config['cache-buster'];
+		linkEl.onload = function () {
+			clientEl.parentNode.removeChild(clientEl);
+
+			// Update body class with proper skin name
+			$('body').removeClass(currentSkinClassName.join(' '));
+			$('body').addClass('skin-' + (skinName || 'noskin'));
+			hooks.fire('action:skin.change', { skin: skinName, currentSkin });
+		};
+
+		document.head.appendChild(linkEl);
 	}
 
 	function toggleCustomRoute() {