Fix some colors

src/lib/themes.ts

@@ -9,7 +9,7 @@ export const defaultTheme: Theme = {
   palette: {
     default: {
       background: lightPalette.white,
-      backgroundLight: lightPalette.contrast_50,
+      backgroundLight: lightPalette.contrast_25,
       text: lightPalette.black,
       textLight: lightPalette.contrast_700,
       textInverted: lightPalette.white,

src/screens/Profile/Header/DropdownBtn.tsx

@@ -21,7 +21,7 @@ import {useSession} from '#/state/session'
 import {Shadow} from '#/state/cache/types'
 import {NEW_REPORT_DIALOG_ENABLED} from '#/lib/build-flags'
 
-import {atoms as a, useTheme, tokens} from '#/alf'
+import {atoms as a, useTheme} from '#/alf'
 import * as Toast from 'view/com/util/Toast'
 import {NativeDropdown, DropdownItem} from 'view/com/util/forms/NativeDropdown'
 import {ReportDialog, useReportDialogControl} from '#/components/ReportDialog'
@@ -283,11 +283,8 @@ export function ProfileHeaderDropdownBtn({
             {
               height: 40,
               width: 40,
-              backgroundColor:
-                t.name === 'light'
-                  ? tokens.color.gray_50
-                  : tokens.color.gray_900,
             },
+            t.atoms.bg_contrast_25,
             a.flex_row,
             a.align_center,
             a.justify_center,

src/screens/Profile/Header/Handle.tsx

@@ -19,7 +19,7 @@ export function ProfileHeaderHandle({
   return (
     <View style={[a.flex_row, a.gap_xs, a.align_center]} pointerEvents="none">
       {profile.viewer?.followedBy && !blockHide ? (
-        <View style={[t.atoms.bg_contrast_50, a.rounded_xs, a.px_sm, a.py_xs]}>
+        <View style={[t.atoms.bg_contrast_25, a.rounded_xs, a.px_sm, a.py_xs]}>
           <Text style={[t.atoms.text, a.text_sm]}>
             <Trans>Follows you</Trans>
           </Text>