Themes: add color for action buttons

myxmaster · Nov 13, 2023 · 14ef455 · 14ef455
1 parent 2006564
commit 14ef455
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 7 deletions.
diff --git a/components/LayerBalances/LightningSwipeableRow.tsx b/components/LayerBalances/LightningSwipeableRow.tsx
@@ -72,21 +72,30 @@ export default class LightningSwipeableRow extends Component<
                     >
                         {text === localeString('general.routing') && (
                             <Routing
-                                fill={themeColor('highlight')}
+                                fill={
+                                    themeColor('action') ||
+                                    themeColor('highlight')
+                                }
                                 width={30}
                                 height={30}
                             />
                         )}
                         {text === localeString('general.receive') && (
                             <Receive
-                                fill={themeColor('highlight')}
+                                fill={
+                                    themeColor('action') ||
+                                    themeColor('highlight')
+                                }
                                 width={30}
                                 height={30}
                             />
                         )}
                         {text === localeString('general.send') && (
                             <Send
-                                fill={themeColor('highlight')}
+                                fill={
+                                    themeColor('action') ||
+                                    themeColor('highlight')
+                                }
                                 width={30}
                                 height={30}
                             />

diff --git a/components/LayerBalances/OnchainSwipeableRow.tsx b/components/LayerBalances/OnchainSwipeableRow.tsx
@@ -73,21 +73,30 @@ export default class OnchainSwipeableRow extends Component<
                     >
                         {text === localeString('general.coins') && (
                             <Coins
-                                fill={themeColor('highlight')}
+                                fill={
+                                    themeColor('action') ||
+                                    themeColor('highlight')
+                                }
                                 width={30}
                                 height={30}
                             />
                         )}
                         {text === localeString('general.receive') && (
                             <Receive
-                                fill={themeColor('highlight')}
+                                fill={
+                                    themeColor('action') ||
+                                    themeColor('highlight')
+                                }
                                 width={30}
                                 height={30}
                             />
                         )}
                         {text === localeString('general.send') && (
                             <Send
-                                fill={themeColor('highlight')}
+                                fill={
+                                    themeColor('action') ||
+                                    themeColor('highlight')
+                                }
                                 width={30}
                                 height={30}
                             />

diff --git a/utils/ThemeUtils.ts b/utils/ThemeUtils.ts
@@ -26,7 +26,8 @@ export function themeColor(themeString: string): any {
         buttonBackground: '#FFA900',
         buttonGradient: ['#FF9000', '#FFA900'],
         buttonText: '#000000',
-        qr: '#FFA900'
+        qr: '#FFA900',
+        action: '#FFF'
     };
 
     const Light: { [key: string]: any } = {