theme entire profile

src/components/dms/MessageProfileButton.tsx

@@ -76,7 +76,7 @@ export function MessageProfileButton({
           accessibilityRole="button"
           testID="dmBtn"
           size="small"
-          color="secondary"
+          color="secondary_inverted"
           variant="solid"
           shape="round"
           label={_(msg`Message ${profile.handle}`)}

src/screens/Profile/Header/ProfileHeaderStandard.tsx

@@ -176,7 +176,7 @@ let ProfileHeaderStandard = ({
               <Button
                 testID="profileHeaderEditProfileButton"
                 size="small"
-                color="secondary"
+                color="secondary_inverted"
                 variant="solid"
                 onPress={onPressEditProfile}
                 label={_(msg`Edit profile`)}>
@@ -212,7 +212,9 @@ let ProfileHeaderStandard = ({
               <Button
                 testID={profile.viewer?.following ? 'unfollowBtn' : 'followBtn'}
                 size="small"
-                color={profile.viewer?.following ? 'secondary' : 'primary'}
+                color={
+                  profile.viewer?.following ? 'secondary_inverted' : 'primary'
+                }
                 variant="solid"
                 label={
                   profile.viewer?.following
@@ -257,7 +259,6 @@ let ProfileHeaderStandard = ({
                   value={descriptionRT}
                   enableTags
                   authorHandle={profile.handle}
-                  dynamicColor
                 />
               </View>
             ) : undefined}

src/view/com/profile/ProfileMenu.tsx

@@ -179,7 +179,7 @@ let ProfileMenu = ({
                 label={_(msg`More options`)}
                 hitSlop={HITSLOP_20}
                 variant="solid"
-                color="secondary"
+                color="secondary_inverted"
                 size="small"
                 shape="round">
                 <ButtonIcon icon={Ellipsis} size="sm" />

src/view/screens/Profile.tsx

@@ -345,14 +345,8 @@ function ProfileScreenLoaded({
   const [hue, setHue] = React.useState(0)
   React.useEffect(() => {
     const id = setInterval(() => {
-      setHue(h => {
-        const next = h + 1
-        if (next >= 360) {
-          return 0
-        }
-        return next
-      })
-    }, 100)
+      setHue(Math.random() * 360)
+    }, 5000)
     return () => clearInterval(id)
   }, [])
 
@@ -369,7 +363,6 @@ function ProfileScreenLoaded({
   const renderHeader = () => {
     return (
       <ExpoScrollForwarderView scrollViewTag={scrollViewTag}>
-        <Alf themeName={t.name} theme={theme}>
         <ProfileHeader
           profile={profile}
           labeler={labelerInfo}
@@ -379,7 +372,6 @@ function ProfileScreenLoaded({
           isPlaceholderProfile={showPlaceholder}
           backgroundColor={t.atoms.bg.backgroundColor}
         />
-        </Alf>
       </ExpoScrollForwarderView>
     )
   }
@@ -390,6 +382,7 @@ function ProfileScreenLoaded({
       style={styles.container}
       screenDescription={_(msg`profile`)}
       modui={moderation.ui('profileView')}>
+      <Alf themeName={t.name} theme={theme}>
         <PagerWithHeader
           testID="profilePager"
           isHeaderReady={!showPlaceholder}
@@ -525,6 +518,7 @@ function ProfileScreenLoaded({
             accessibilityHint=""
           />
         )}
+      </Alf>
     </ScreenHider>
   )
 }