diff --git a/frontend/src/app/services/connections.service.ts b/frontend/src/app/services/connections.service.ts
index 0d9a94e2e..fa6a88f73 100644
--- a/frontend/src/app/services/connections.service.ts
+++ b/frontend/src/app/services/connections.service.ts
@@ -163,13 +163,13 @@ export class ConnectionsService {
 					});
 				} else {
 					this.isCustomAccentedColor = false;
-					this._themeService.updateColors({ palettes: { primaryPalette: '#2563eb', accentedPalette: '#2563eb' } });
+					this._themeService.updateColors({ palettes: { primaryPalette: '#212121', accentedPalette: '#2563eb' } });
 				}
 			});
 		} else {
 			this.connection = { ...this.connectionInitialState };
 			this.isCustomAccentedColor = false;
-			this._themeService.updateColors({ palettes: { primaryPalette: '#2563eb', accentedPalette: '#2563eb' } });
+			this._themeService.updateColors({ palettes: { primaryPalette: '#212121', accentedPalette: '#2563eb' } });
 		}
 
 		console.log('this.defaultDisplayTable');
@@ -275,7 +275,7 @@ export class ConnectionsService {
 					});
 				} else {
 					this.defaultDisplayTable = null;
-					this._themeService.updateColors({ palettes: { primaryPalette: '#2563eb', accentedPalette: '#2563eb' } });
+					this._themeService.updateColors({ palettes: { primaryPalette: '#212121', accentedPalette: '#2563eb' } });
 				}
 				return { ...res, connection };
 			}),
diff --git a/frontend/src/main.ts b/frontend/src/main.ts
index 20dc47bb2..6767a3cd5 100644
--- a/frontend/src/main.ts
+++ b/frontend/src/main.ts
@@ -45,7 +45,7 @@ const saasExtraProviders = (environment as any).saas
 	: [];
 const colorConfig: IColorConfig<Palettes, Colors> = {
 	palettes: {
-		primaryPalette: '#2563eb',
+		primaryPalette: '#212121',
 		accentedPalette: '#2563eb',
 		warnPalette: '#B71C1C',
 		whitePalette: '#FFFFFF',