diff --git a/packages/desktop-client/src/style/themes/midnight.ts b/packages/desktop-client/src/style/themes/midnight.ts
index 72feb3e6322..41edac36f65 100644
--- a/packages/desktop-client/src/style/themes/midnight.ts
+++ b/packages/desktop-client/src/style/themes/midnight.ts
@@ -20,7 +20,7 @@ export const cardBorder = colorPalette.purple300;
 export const cardShadow = colorPalette.gray900;
 
 export const tableBackground = colorPalette.gray800; //Desktop and mobile budget background, Mobile New Transaction input box background
-export const tableRowBackgroundHover = colorPalette.gray700;
+export const tableRowBackgroundHover = colorPalette.gray500;
 export const tableText = colorPalette.gray150;
 export const tableTextLight = tableText;
 export const tableTextSubdued = colorPalette.gray500;
@@ -46,14 +46,14 @@ export const sidebarItemBackgroundHover = colorPalette.gray700;
 export const sidebarItemText = colorPalette.gray100;
 export const sidebarItemTextSelected = colorPalette.purple200;
 
-export const menuBackground = colorPalette.gray700; //pop up menu background
+export const menuBackground = colorPalette.gray700; //700 pop up menu background
 export const menuItemBackground = colorPalette.gray200;
 export const menuItemBackgroundHover = colorPalette.gray500;
 export const menuItemText = colorPalette.gray100;
 export const menuItemTextHover = colorPalette.gray50;
 export const menuItemTextSelected = colorPalette.purple400;
 export const menuItemTextHeader = colorPalette.purple200; //mobile autocomplete text
-export const menuBorder = colorPalette.gray800;
+export const menuBorder = colorPalette.gray800; //
 export const menuBorderHover = colorPalette.purple300;
 export const menuKeybindingText = colorPalette.gray500;
 export const menuAutoCompleteBackground = colorPalette.gray600; //desktop autocomplete
@@ -87,7 +87,7 @@ export const markdownLight = colorPalette.purple800;
 // Button
 export const buttonMenuText = colorPalette.gray200;
 export const buttonMenuTextHover = buttonMenuText;
-export const buttonMenuBackground = colorPalette.gray700;
+export const buttonMenuBackground = colorPalette.gray700; //700
 export const buttonMenuBackgroundHover = 'rgba(200, 200, 200, .25)';
 export const buttonMenuBorder = colorPalette.gray500;
 export const buttonMenuSelectedText = colorPalette.green800;
@@ -103,7 +103,7 @@ export const buttonPrimaryBackgroundHover = buttonPrimaryBackground;
 export const buttonPrimaryBorder = buttonPrimaryBackground;
 export const buttonPrimaryShadow = 'rgba(0, 0, 0, 0.6)';
 export const buttonPrimaryDisabledText = colorPalette.gray700;
-export const buttonPrimaryDisabledBackground = colorPalette.gray400;
+export const buttonPrimaryDisabledBackground = colorPalette.gray700;
 export const buttonPrimaryDisabledBorder = buttonPrimaryDisabledBackground;
 
 export const buttonNormalText = colorPalette.gray150;
@@ -114,8 +114,8 @@ export const buttonNormalBorder = colorPalette.gray300;
 export const buttonNormalShadow = 'rgba(0, 0, 0, 0.4)';
 export const buttonNormalSelectedText = colorPalette.white;
 export const buttonNormalSelectedBackground = colorPalette.purple500;
-export const buttonNormalDisabledText = colorPalette.gray200;
-export const buttonNormalDisabledBackground = colorPalette.gray800;
+export const buttonNormalDisabledText = colorPalette.gray500;
+export const buttonNormalDisabledBackground = colorPalette.gray700;
 export const buttonNormalDisabledBorder = colorPalette.gray500;
 
 export const calendarText = colorPalette.gray50;
@@ -171,6 +171,7 @@ export const formInputTextSelection = colorPalette.gray800;
 export const formInputShadowSelected = colorPalette.purple400;
 export const formInputTextHighlight = colorPalette.purple200;
 export const checkboxText = tableText;
+export const checkboxToggleBackground = colorPalette.gray400;
 export const checkboxBackgroundSelected = colorPalette.purple300;
 export const checkboxBorderSelected = colorPalette.purple300;
 export const checkboxShadowSelected = colorPalette.purple500;