Switch moderation UIs to tertiary color

src/components/moderation/ContentHider.tsx

@@ -53,7 +53,7 @@ export function ContentHider({
 
       <Button
         variant="solid"
-        color="secondary"
+        color="tertiary"
         size="large"
         shape="default"
         onPress={() => {

src/components/moderation/LabelsOnMe.tsx

@@ -45,7 +45,7 @@ export function LabelsOnMe({
 
       <Button
         variant="solid"
-        color="secondary"
+        color="tertiary"
         size={size || 'small'}
         label={_(msg`View information about these labels`)}
         onPress={() => {

src/components/moderation/LabelsOnMeDialog.tsx

@@ -149,7 +149,7 @@ function Label({
       <View>
         <Button
           variant="solid"
-          color="secondary"
+          color="tertiary"
           size="small"
           label={_(msg`Appeal`)}
           onPress={() => onPressAppeal(label)}>
@@ -245,7 +245,7 @@ function AppealForm({
         <Button
           testID="backBtn"
           variant="solid"
-          color="secondary"
+          color="tertiary"
           size="small"
           onPress={onPressBack}
           label={_(msg`Back`)}>

src/components/moderation/PostAlerts.tsx

@@ -51,7 +51,7 @@ function PostInform({cause}: {cause: ModerationCause}) {
       <Button
         label={desc.name}
         variant="solid"
-        color="secondary"
+        color="tertiary"
         size="tiny"
         shape="default"
         onPress={() => {
@@ -76,7 +76,7 @@ function PostAlert({cause}: {cause: ModerationCause}) {
       <Button
         label={desc.name}
         variant="solid"
-        color="secondary"
+        color="tertiary"
         size="small"
         shape="default"
         onPress={() => {

src/components/moderation/ProfileHeaderAlerts.tsx

@@ -51,7 +51,7 @@ function ProfileInform({cause}: {cause: ModerationCause}) {
       <Button
         label={desc.name}
         variant="solid"
-        color="secondary"
+        color="tertiary"
         size="tiny"
         shape="default"
         onPress={() => {
@@ -76,7 +76,7 @@ function ProfileAlert({cause}: {cause: ModerationCause}) {
       <Button
         label={desc.name}
         variant="solid"
-        color="secondary"
+        color="tertiary"
         size="small"
         shape="default"
         onPress={() => {

src/view/screens/DebugMod.tsx

@@ -593,7 +593,7 @@ function CustomLabelForm({
         a.flex_row,
         a.flex_wrap,
         a.gap_md,
-        t.atoms.bg_contrast_50,
+        t.atoms.bg_contrast_25,
         a.rounded_md,
         a.p_md,
         a.mt_md,
@@ -789,7 +789,7 @@ function MockPostFeedItem({
   const t = useTheme()
   if (moderation.ui('contentList').filter) {
     return (
-      <P style={[t.atoms.bg_contrast_50, a.px_lg, a.py_md, a.mb_lg]}>
+      <P style={[t.atoms.bg_contrast_25, a.px_lg, a.py_md, a.mb_lg]}>
         Filtered from the feed
       </P>
     )
@@ -838,7 +838,7 @@ function MockNotifItem({
   const t = useTheme()
   if (shouldFilterNotif(notif.notification, moderationOpts)) {
     return (
-      <P style={[t.atoms.bg_contrast_50, a.px_lg, a.py_md]}>
+      <P style={[t.atoms.bg_contrast_25, a.px_lg, a.py_md]}>
         Filtered from the feed
       </P>
     )
@@ -857,7 +857,7 @@ function MockAccountCard({
 
   if (moderation.ui('profileList').filter) {
     return (
-      <P style={[t.atoms.bg_contrast_50, a.px_lg, a.py_md, a.mb_lg]}>
+      <P style={[t.atoms.bg_contrast_25, a.px_lg, a.py_md, a.mb_lg]}>
         Filtered from the listing
       </P>
     )