Merge branch '468-color-consistency-between-figma-designs-and-rosen-a…

…pp-code' into 'dev'

Resolve "Color Consistency Between Figma Designs and Rosen App Code"

Closes #468

See merge request ergo/rosen-bridge/ui!391

.changeset/little-pianos-brush.md

@@ -0,0 +1,6 @@
+---
+'@rosen-bridge/ui-kit': patch
+'@rosen-bridge/rosen-app': patch
+---
+
+Review theme colors in Figma and ensure consistency by identifying and fixing any mismatches

apps/rosen/app/(bridge)/BridgeTransaction.tsx

@@ -80,7 +80,7 @@ export const BridgeTransaction = ({
           backgroundColor: (theme) =>
             theme.palette.mode === 'light'
               ? theme.palette.primary.light
-              : theme.palette.primary.dark,
+              : theme.palette.background.paper,
           padding: (theme) => theme.spacing(3),
         }}
       >

packages/ui-kit/src/components/common/NavigationButton.tsx

@@ -109,7 +109,7 @@ export const NavigationButton: FC<NavButtonProps> = (props) => {
 
   if (badge)
     startIcon = (
-      <Badge badgeContent={badge} color="primary">
+      <Badge badgeContent={badge} color="secondary">
         {startIcon}
       </Badge>
     );