diff --git a/resources/js/ext.uls.actions.menu.js b/resources/js/ext.uls.actions.menu.js
index f051525a..f43aa1b4 100644
--- a/resources/js/ext.uls.actions.menu.js
+++ b/resources/js/ext.uls.actions.menu.js
@@ -13,7 +13,7 @@
 		this.shown = false;
 	}
 
-	ActionsMenu.template = '<div class="uls-menu uls-language-actions-dialog notheme">' +
+	ActionsMenu.template = '<div class="uls-menu uls-language-actions-dialog notheme skin-invert">' +
 			'<div class="uls-language-actions-title">' +
 				'<button class="cdx-button cdx-button--weight-quiet uls-language-actions-close"></button>' +
 				'<span> <strong></strong> </span>' +
diff --git a/resources/js/ext.uls.interface.js b/resources/js/ext.uls.interface.js
index ed854a83..feb9217c 100644
--- a/resources/js/ext.uls.interface.js
+++ b/resources/js/ext.uls.interface.js
@@ -141,7 +141,7 @@
 		} );
 		$ulsSettingsBlock.append( $languageSettingsMenuButton );
 
-		uls.$menu.addClass( 'notheme' ); // T365990
+		uls.$menu.addClass( 'notheme skin-invert' ); // T365990
 		return $ulsSettingsBlock;
 	}
 
diff --git a/resources/js/ext.uls.languagesettings.js b/resources/js/ext.uls.languagesettings.js
index 3b87991d..b780f38f 100644
--- a/resources/js/ext.uls.languagesettings.js
+++ b/resources/js/ext.uls.languagesettings.js
@@ -44,7 +44,7 @@
 		settingsMenu +
 		settingsPanel +
 		'</div>';
-	windowTemplate = '<div style="display: block;" id="language-settings-dialog" class="language-settings-dialog grid uls-menu uls-wide notheme">' +
+	windowTemplate = '<div style="display: block;" id="language-settings-dialog" class="language-settings-dialog grid uls-menu uls-wide notheme skin-invert">' +
 		closeRow +
 		panelsRow +
 		buttonsRow +