diff --git a/packages/apps/src/themes.ts b/packages/apps/src/themes.ts
index c34e52a6b0..a45a1631c9 100644
--- a/packages/apps/src/themes.ts
+++ b/packages/apps/src/themes.ts
@@ -5,7 +5,7 @@ import { ThemeDef } from '@polkadot/react-components/types';
 
 export const darkTheme: ThemeDef = {
   bgInput: '#38393f',
-  bgInverse: 'rgba(64, 64, 64, 0.8)',
+  bgInverse: 'rgba(78, 78, 78, 0.66)',
   bgMenu: '#26272c',
   bgMenuHover: 'rgba(255, 255, 255, 0.05)',
   bgPage: '#26272c',
@@ -14,16 +14,16 @@ export const darkTheme: ThemeDef = {
   bgToggle: '#58595f',
   borderTable: 'transparent',
   borderTabs: 'transparent',
-  color: 'rgba(254, 242, 240, 0.9)',
+  color: 'rgba(244, 242, 240, 0.9)',
   colorError: 'rgba(255, 0, 0, 0.85)',
-  colorLabel: 'rgba(254, 242, 240, 0.45)',
-  colorSummary: 'rgba(254, 242, 240, 0.75)',
+  colorLabel: 'rgba(244, 242, 240, 0.45)',
+  colorSummary: 'rgba(244, 242, 240, 0.75)',
   theme: 'dark'
 };
 
 export const lightTheme: ThemeDef = {
   bgInput: '#fff',
-  bgInverse: 'rgba(254, 242, 240, 0.91)',
+  bgInverse: 'rgba(244, 242, 240, 0.91)',
   bgMenu: '#fff',
   bgMenuHover: 'rgba(255, 255, 255, 0.5)',
   bgPage: '#f5f3f1',