Assorted clipclop fixes (#3853)

* empty state for new chat dialog

* use terniary

* dark mode pending state

* copy message text option

* fix service url input (scrollview ftw)

* whoops, fix equality

* slightly reduce horizontal message padding

src/components/dms/MessageItem.tsx

@@ -62,19 +62,23 @@ export let MessageItem = ({
     lastInGroupRef.current = isLastInGroup
   }
 
+  const pendingColor =
+    t.name === 'light' ? t.palette.primary_200 : t.palette.primary_800
+
   return (
     <View>
       <ActionsWrapper isFromSelf={isFromSelf} message={item}>
         <View
           style={[
             a.py_sm,
-            a.px_lg,
             a.my_2xs,
             a.rounded_md,
             {
+              paddingLeft: 14,
+              paddingRight: 14,
               backgroundColor: isFromSelf
                 ? pending
-                  ? t.palette.primary_200
+                  ? pendingColor
                   : t.palette.primary_500
                 : t.palette.contrast_50,
               borderRadius: 17,
@@ -88,6 +92,7 @@ export let MessageItem = ({
               a.text_md,
               a.leading_snug,
               isFromSelf && {color: t.palette.white},
+              pending && t.name !== 'light' && {color: t.palette.primary_300},
             ]}>
             {item.text}
           </Text>