Merge pull request #2649 from kaloudis/loading-columns-light

Loading Columns: make surrounding wordmarks visible on light themes
ZeusLN · Dec 19, 2024 · 786d8ac · 786d8ac
2 parents 92f24dd + dcfd862
commit 786d8ac
Showing 1 changed file with 54 additions and 0 deletions.
diff --git a/components/LoadingColumns.tsx b/components/LoadingColumns.tsx
@@ -11,9 +11,63 @@ function LoadingColumns() {
             source={loader}
             autoPlay
             colorFilters={[
+                // highlighted wordmark
                 {
                     keypath: 'Layer 14 Outlines',
                     color: themeColor('highlight')
+                },
+                // surrounding wordmarks
+                {
+                    keypath: 'Layer 1 Outlines',
+                    color: themeColor('text')
+                },
+                {
+                    keypath: 'Layer 2 Outlines',
+                    color: themeColor('text')
+                },
+                {
+                    keypath: 'Layer 3 Outlines',
+                    color: themeColor('text')
+                },
+                {
+                    keypath: 'Layer 4 Outlines',
+                    color: themeColor('text')
+                },
+                {
+                    keypath: 'Layer 5 Outlines',
+                    color: themeColor('text')
+                },
+                {
+                    keypath: 'Layer 6 Outlines',
+                    color: themeColor('text')
+                },
+                {
+                    keypath: 'Layer 7 Outlines',
+                    color: themeColor('text')
+                },
+                {
+                    keypath: 'Layer 8 Outlines',
+                    color: themeColor('text')
+                },
+                {
+                    keypath: 'Layer 9 Outlines',
+                    color: themeColor('text')
+                },
+                {
+                    keypath: 'Layer 10 Outlines',
+                    color: themeColor('text')
+                },
+                {
+                    keypath: 'Layer 11 Outlines',
+                    color: themeColor('text')
+                },
+                {
+                    keypath: 'Layer 12 Outlines',
+                    color: themeColor('text')
+                },
+                {
+                    keypath: 'Layer 13 Outlines',
+                    color: themeColor('text')
                 }
             ]}
             resizeMode="contain"