Special styling for "direct" posts

src/components/status.css

@@ -15,6 +15,17 @@
     --reply-to-faded-color
   ), transparent 160px);
 }
+.visibility-direct {
+  /* diagonal stripes of yellow */
+  background-image: repeating-linear-gradient(
+    -45deg,
+    var(--reply-to-faded-color),
+    var(--reply-to-faded-color) 10px,
+    var(--reply-to-faded-color) 10px,
+    transparent 10px,
+    transparent 20px
+  );
+}
 
 /* STATUS PRE META */
 

src/components/status.jsx

@@ -495,7 +495,7 @@ function Status({ statusID, status, withinContext, size = 'm', skeleton }) {
     <div
       class={`status ${
         !withinContext && inReplyToAccount ? 'status-reply-to' : ''
-      } ${
+      } visibility-${visibility} ${
         {
           s: 'small',
           m: 'medium',