1 files changed, 42 insertions, 7 deletions
diff --git a/src/view/com/util/post-embeds/index.tsx b/src/view/com/util/post-embeds/index.tsx
index 429b2812c..6f5f9d3ab 100644
--- a/src/view/com/util/post-embeds/index.tsx
+++ b/src/view/com/util/post-embeds/index.tsx
@@ -1,5 +1,11 @@
 import React from 'react'
-import {InteractionManager, StyleProp, View, ViewStyle} from 'react-native'
+import {
+  InteractionManager,
+  StyleProp,
+  StyleSheet,
+  View,
+  ViewStyle,
+} from 'react-native'
 import {MeasuredDimensions, runOnJS, runOnUI} from 'react-native-reanimated'
 import {Image} from 'expo-image'
 import {
@@ -16,6 +22,7 @@ import {
 } from '@atproto/api'
 
 import {HandleRef, measureHandle} from '#/lib/hooks/useHandleRef'
+import {usePalette} from '#/lib/hooks/usePalette'
 import {useLightboxControls} from '#/state/lightbox'
 import {useModerationOpts} from '#/state/preferences/moderation-opts'
 import {FeedSourceCard} from '#/view/com/feeds/FeedSourceCard'
@@ -248,7 +255,7 @@ export function PostEmbeds({
 }
 
 export function MaybeFeedCard({view}: {view: AppBskyFeedDefs.GeneratorView}) {
-  const t = useTheme()
+  const pal = usePalette('default')
   const moderationOpts = useModerationOpts()
   const moderation = React.useMemo(() => {
     return moderationOpts
@@ -260,7 +267,7 @@ export function MaybeFeedCard({view}: {view: AppBskyFeedDefs.GeneratorView}) {
     <ContentHider modui={moderation?.ui('contentList')}>
       <FeedSourceCard
         feedUri={view.uri}
-        style={[a.border, t.atoms.border_contrast_medium, a.p_md, a.rounded_sm]}
+        style={[pal.view, pal.border, styles.customFeedOuter]}
         showLikes
       />
     </ContentHider>
@@ -276,10 +283,38 @@ export function MaybeListCard({view}: {view: AppBskyGraphDefs.ListView}) {
 
   return (
     <ContentHider modui={moderation?.ui('contentList')}>
-      <ListCard.Default
-        view={view}
-        style={[a.border, t.atoms.border_contrast_medium, a.p_md, a.rounded_sm]}
-      />
+      <View
+        style={[
+          a.border,
+          t.atoms.border_contrast_medium,
+          a.p_md,
+          a.rounded_sm,
+        ]}>
+        <ListCard.Default view={view} />
+      </View>
     </ContentHider>
   )
 }
+
+const styles = StyleSheet.create({
+  altContainer: {
+    backgroundColor: 'rgba(0, 0, 0, 0.75)',
+    borderRadius: 6,
+    paddingHorizontal: 6,
+    paddingVertical: 3,
+    position: 'absolute',
+    right: 6,
+    bottom: 6,
+  },
+  alt: {
+    color: 'white',
+    fontSize: 7,
+    fontWeight: '600',
+  },
+  customFeedOuter: {
+    borderWidth: StyleSheet.hairlineWidth,
+    borderRadius: 8,
+    paddingHorizontal: 12,
+    paddingVertical: 12,
+  },
+})