diff --git a/ts/components/leftpane/ActionsPanel.tsx b/ts/components/leftpane/ActionsPanel.tsx
index c17088ca1..67f842633 100644
--- a/ts/components/leftpane/ActionsPanel.tsx
+++ b/ts/components/leftpane/ActionsPanel.tsx
@@ -73,9 +73,11 @@ const Section = (props: { type: SectionType }) => {
         ? currentTheme.replace('light', 'dark')
         : currentTheme.replace('dark', 'light')) as ThemeStateType;
 
+      // We want to persist the primary color when using the color mode button
       await switchThemeTo({
         theme: newTheme,
         mainWindow: true,
+        usePrimaryColor: true,
         dispatch,
       });
     } else if (type === SectionType.PathIndicator) {
diff --git a/ts/themes/classicDark.ts b/ts/themes/classicDark.ts
index ac386661b..c3d8825a9 100644
--- a/ts/themes/classicDark.ts
+++ b/ts/themes/classicDark.ts
@@ -3,7 +3,6 @@ import { COLORS, THEMES } from './constants/colors';
 import { ThemeColorVariables } from './variableColors';
 
 const classicDark: ThemeColorVariables = {
-  '--primary-color': THEMES.CLASSIC_DARK.PRIMARY,
   '--danger-color': THEMES.CLASSIC_DARK.DANGER,
   '--disabled-color': THEMES.CLASSIC_DARK.DISABLED,
 
diff --git a/ts/themes/classicLight.ts b/ts/themes/classicLight.ts
index 8234ff952..29ec09d96 100644
--- a/ts/themes/classicLight.ts
+++ b/ts/themes/classicLight.ts
@@ -3,7 +3,6 @@ import { COLORS, THEMES } from './constants/colors';
 import { ThemeColorVariables } from './variableColors';
 
 const classicLight: ThemeColorVariables = {
-  '--primary-color': THEMES.CLASSIC_LIGHT.PRIMARY,
   '--danger-color': THEMES.CLASSIC_LIGHT.DANGER,
   '--disabled-color': THEMES.CLASSIC_LIGHT.DISABLED,
 
diff --git a/ts/themes/oceanDark.ts b/ts/themes/oceanDark.ts
index ecfba9bd4..ce76e250c 100644
--- a/ts/themes/oceanDark.ts
+++ b/ts/themes/oceanDark.ts
@@ -3,7 +3,6 @@ import { COLORS, THEMES } from './constants/colors';
 import { ThemeColorVariables } from './variableColors';
 
 const oceanDark: ThemeColorVariables = {
-  '--primary-color': THEMES.OCEAN_DARK.PRIMARY,
   '--danger-color': THEMES.OCEAN_DARK.DANGER,
   '--disabled-color': THEMES.OCEAN_DARK.DISABLED,
 
diff --git a/ts/themes/oceanLight.ts b/ts/themes/oceanLight.ts
index a5d2f6fe8..d6a9be588 100644
--- a/ts/themes/oceanLight.ts
+++ b/ts/themes/oceanLight.ts
@@ -3,7 +3,6 @@ import { COLORS, THEMES } from './constants/colors';
 import { ThemeColorVariables } from './variableColors';
 
 const oceanLight: ThemeColorVariables = {
-  '--primary-color': THEMES.OCEAN_LIGHT.PRIMARY,
   '--danger-color': THEMES.OCEAN_LIGHT.DANGER,
   '--disabled-color': THEMES.OCEAN_LIGHT.DISABLED,
 
diff --git a/ts/themes/variableColors.tsx b/ts/themes/variableColors.tsx
index 085dbb998..5cefad6bc 100644
--- a/ts/themes/variableColors.tsx
+++ b/ts/themes/variableColors.tsx
@@ -1,6 +1,5 @@
 // Default Theme should be Classic Dark
 export type ThemeColorVariables = {
-  '--primary-color': string;
   '--danger-color': string;
   '--disabled-color': string;