delete unused s properties

src/view/com/lightbox/ImageViewing/index.tsx

@@ -582,7 +582,7 @@ function LightboxFooter({
         {altText ? (
           <View accessibilityRole="button" style={styles.footerText}>
             <Text
-              style={[s.gray3]}
+              style={{color: colors.gray3}}
               numberOfLines={isAltExpanded ? undefined : 3}
               selectable
               onPress={() => {

src/view/com/modals/UserAddRemoveLists.tsx

@@ -202,7 +202,7 @@ function ListItem({
       <View style={styles.listItemContent}>
         <Text
           type="lg"
-          style={[s.bold, pal.text]}
+          style={[{fontWeight: '600'}, pal.text]}
           numberOfLines={1}
           lineHeight={1.2}>
           {sanitizeDisplayName(list.name)}

src/view/com/util/LoadingPlaceholder.tsx

@@ -60,7 +60,7 @@ export function PostLoadingPlaceholder({
           },
         ]}
       />
-      <View style={[s.flex1]}>
+      <View style={[a.flex_1]}>
         <LoadingPlaceholder width={100} height={6} style={{marginBottom: 10}} />
         <LoadingPlaceholder width="95%" height={6} style={{marginBottom: 8}} />
         <LoadingPlaceholder width="95%" height={6} style={{marginBottom: 8}} />
@@ -238,7 +238,7 @@ export function FeedLoadingPlaceholder({
           height={36}
           style={[styles.avatar, {borderRadius: 8}]}
         />
-        <View style={[s.flex1]}>
+        <View style={[a.flex_1]}>
           <LoadingPlaceholder width={100} height={8} style={[s.mt5, s.mb10]} />
           <LoadingPlaceholder width={120} height={8} />
         </View>

src/view/screens/Debug.tsx

@@ -174,7 +174,7 @@ function NotifsView() {
   }
   return (
     <View style={s.p10}>
-      <View style={s.flexRow}>
+      <View style={{flexDirection: 'row'}}>
         <Button onPress={triggerPush} label="Trigger Push" />
         <Button onPress={triggerToast} label="Trigger Toast" />
         <Button onPress={triggerToast2} label="Trigger Toast 2" />
@@ -187,7 +187,7 @@ function PaletteView({palette}: {palette: PaletteColorName}) {
   const defaultPal = usePalette('default')
   const pal = usePalette(palette)
   return (
-    <View style={[pal.view, pal.border, s.p10, s.mb5, s.border1]}>
+    <View style={[pal.view, pal.border, s.p10, s.mb5, {borderWidth: 1}]}>
       <Text style={[pal.text]}>{palette} colors</Text>
       <Text style={[pal.textLight]}>Light text</Text>
       <Text style={[pal.link]}>Link text</Text>
@@ -343,15 +343,15 @@ function ButtonsView() {
   const buttonStyles = {marginRight: 5}
   return (
     <View style={[defaultPal.view]}>
-      <View style={[s.flexRow, s.mb5]}>
+      <View style={[{flexDirection: 'row'}, s.mb5]}>
         <Button type="primary" label="Primary solid" style={buttonStyles} />
         <Button type="secondary" label="Secondary solid" style={buttonStyles} />
       </View>
-      <View style={[s.flexRow, s.mb5]}>
+      <View style={[{flexDirection: 'row'}, s.mb5]}>
         <Button type="default" label="Default solid" style={buttonStyles} />
         <Button type="inverted" label="Inverted solid" style={buttonStyles} />
       </View>
-      <View style={s.flexRow}>
+      <View style={{flexDirection: 'row'}}>
         <Button
           type="primary-outline"
           label="Primary outline"
@@ -363,7 +363,7 @@ function ButtonsView() {
           style={buttonStyles}
         />
       </View>
-      <View style={s.flexRow}>
+      <View style={{flexDirection: 'row'}}>
         <Button
           type="primary-light"
           label="Primary light"
@@ -375,7 +375,7 @@ function ButtonsView() {
           style={buttonStyles}
         />
       </View>
-      <View style={s.flexRow}>
+      <View style={{flexDirection: 'row'}}>
         <Button
           type="default-light"
           label="Default light"