fix background colors (#9174)

src/components/PostControls/ShareMenu/ShareMenuItems.tsx

@@ -136,7 +136,9 @@ let ShareMenuItems = ({
         {hideInPWI && (
           <Menu.Group>
             <Menu.ContainerItem>
-              <Admonition type="warning" style={[a.flex_1, a.border_0, a.p_0]}>
+              <Admonition
+                type="warning"
+                style={[a.flex_1, a.border_0, a.p_0, a.bg_transparent]}>
                 <Trans>This post is only visible to logged-in users.</Trans>
               </Admonition>
             </Menu.ContainerItem>

src/screens/Settings/components/AddAppPasswordDialog.tsx

@@ -195,7 +195,6 @@ function CreateDialogInner({passwords}: {passwords: string[]}) {
                 value={data.password}
                 label={_(msg`Copy App Password`)}
                 size="large"
-                variant="solid"
                 color="secondary">
                 <ButtonText>{data.password}</ButtonText>
                 <ButtonIcon icon={CopyIcon} />

src/screens/Settings/components/ChangeHandleDialog.tsx

@@ -428,10 +428,10 @@ function OwnHandlePage({goToServiceHandle}: {goToServiceHandle: () => void}) {
               </Text>
               <View style={[a.py_xs]}>
                 <CopyButton
-                  variant="solid"
                   color="secondary"
                   value="_atproto"
                   label={_(msg`Copy host`)}
+                  style={[a.bg_transparent]}
                   hoverStyle={[a.bg_transparent]}
                   hitSlop={HITSLOP_10}>
                   <Text style={[a.text_md, a.flex_1]}>_atproto</Text>
@@ -449,10 +449,10 @@ function OwnHandlePage({goToServiceHandle}: {goToServiceHandle: () => void}) {
               </Text>
               <View style={[a.py_xs]}>
                 <CopyButton
-                  variant="solid"
                   color="secondary"
                   value={'did=' + currentAccount?.did}
                   label={_(msg`Copy TXT record value`)}
+                  style={[a.bg_transparent]}
                   hoverStyle={[a.bg_transparent]}
                   hitSlop={HITSLOP_10}>
                   <Text style={[a.text_md, a.flex_1]}>

src/screens/Settings/components/CopyButton.tsx

@@ -58,9 +58,9 @@ export function CopyButton({
           pointerEvents="none">
           <Text
             style={[
-              a.font_semi_bold,
+              a.font_medium,
               a.text_right,
-              a.text_md,
+              a.text_sm,
               t.atoms.text_contrast_high,
             ]}>
             <Trans>Copied!</Trans>