Fix (sort of)

app/panel/reducers/panel.js

@@ -78,12 +78,12 @@ export default (state = initialState, action) => {
 		case SET_THEME: {
 			const { name, css } = action.data;
 			console.log('PANEL ACTION SET THEME', name, css);
-			setTheme(document, name, { themeData: { [name]: { name, css } } });
+			setTheme(document, name, { themeData: { [name]: { name, css } } }, true);
 			return Object.assign({}, state, { current_theme: name });
 		}
 		case CLEAR_THEME: {
 			console.log('CLEAR THEME IS CALLED');
-			setTheme(document, initialState.current_theme);
+			setTheme(document, initialState.current_theme, null);
 			return Object.assign({}, state, { current_theme: initialState.current_theme });
 		}
 		case SHOW_NOTIFICATION: {

app/panel/utils/utils.js

@@ -212,7 +212,7 @@ export function doXHR(method, url, query) {
  * @param  {string} themeName unique name of the theme
  * @param {string} theme css of the theme
  */
-export function setTheme(doc, name, account) {
+export function setTheme(doc, name, account, reload = false) {
 	// if themeName is 'default' all we have to do is to remove style element
 	const styleTitlePrefix = 'Ghostery Theme';
 	// First remove all other style elements which may be there
@@ -245,5 +245,10 @@ export function setTheme(doc, name, account) {
 		// Set content of style element to the theme text.
 		themeStyle.href = css;
 		doc.head.appendChild(themeStyle);
+
+		if( reload ) {
+			console.log("DOCUMENT RELOADED");
+			doc.location.reload();
+		}
 	}
 }

src/classes/Globals.js

@@ -96,7 +96,7 @@ class Globals {
 			'alert_expanded',
 			'block_by_default',
 			'cliqz_module_whitelist',
-			// 'current_theme',
+			'current_theme',
 			'enable_ad_block',
 			'enable_anti_tracking',
 			'enable_autoupdate',
@@ -128,7 +128,6 @@ class Globals {
 		];
 
 		this.SESSION = {
-			current_theme: 'default',
 			paused_blocking: false,
 			paused_blocking_timeout: 0,
 			abtests: {},