diff --git a/components/LoadingColumns.tsx b/components/LoadingColumns.tsx index b48ec7ad8..a42fa3ab4 100644 --- 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"