fixup! fixup! Replace the gradient background with blurred dots

EdgeApp · Jan 10, 2024 · 7c310a8 · 7c310a8
1 parent 44fe524
commit 7c310a8
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/src/components/scenes/TransactionListScene.tsx b/src/components/scenes/TransactionListScene.tsx
@@ -57,7 +57,8 @@ function TransactionListComponent(props: Props) {
   const [searchText, setSearchText] = React.useState('')
   const [assetStatuses, setAssetStatuses] = React.useState<AssetStatus[]>([])
   const [iconColor, setIconColor] = React.useState<string>()
-  const backgroundGradientColor = iconColor == null ? theme.background.color : `${iconColor}44`
+  const transparentBackground = `${theme.background.color}00`
+  const backgroundGradientColor = iconColor == null ? transparentBackground : `${iconColor}44`
 
   // Selectors:
   const exchangeDenom = useSelector(state => getExchangeDenomination(state, pluginId, currencyCode))
@@ -251,7 +252,12 @@ function TransactionListComponent(props: Props) {
     <SceneWrapper accentColor={iconColor} hasNotifications hasTabs>
       {({ insetStyles }) => (
         <>
-          <LinearGradient colors={[backgroundGradientColor, '#00000000']} start={{ x: 0, y: 0 }} end={{ x: 0, y: 1 }} style={StyleSheet.absoluteFill} />
+          <LinearGradient
+            colors={[backgroundGradientColor, transparentBackground]}
+            start={{ x: 0, y: 0 }}
+            end={{ x: 0, y: 1 }}
+            style={StyleSheet.absoluteFill}
+          />
           {SHOW_FLIP_INPUT_TESTER ? (
             <ExchangedFlipInputTester />
           ) : (

diff --git a/src/theme/variables/edgeLight.ts b/src/theme/variables/edgeLight.ts
@@ -132,7 +132,7 @@ export const edgeLight: Theme = {
     dotOpacity: 0.3,
     dots: [
       { color: palette.backgroundGreen, cx: '75%', cy: '25%', r: scale(175) },
-      { color: palette.backgroundPurple, cx: '25%', cy: '75%', r: scale(150) }
+      { color: palette.backgroundPurple, cx: '25%', cy: '75%', r: scale(150), accent: 'keep' }
     ]
   },
 

diff --git a/src/types/Theme.ts b/src/types/Theme.ts
@@ -98,7 +98,7 @@ export interface Theme {
   // Background
   background: {
     blurRadius: number
-    color: string
+    color: string // Never include an alpha here
     dotOpacity: number
     dots: ThemeDot[]
   }