style(post menu): add post menu styling to yotsuba

src/components/styled/views/Catalog.styled.jsx

@@ -17,7 +17,9 @@ export const Threads = styled.div`
     padding: 5px 0 3px;
   }
 
-  video, audio, img {
+  video,
+  audio,
+  img {
     max-width: 150px;
     max-height: 150px;
   }
@@ -31,7 +33,7 @@ export const Threads = styled.div`
   }
 
   .card {
-      box-shadow: 0 0 5px rgba(0, 0, 0, .25);
+    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
     border: 0;
   }
 
@@ -94,7 +96,6 @@ export const Threads = styled.div`
     word-wrap: break-word;
   }
 
-
   ${({ selectedStyle }) => {
     switch (selectedStyle) {
       case 'Yotsuba':
@@ -155,7 +156,6 @@ export const PostPreview = styled.div`
     font-weight: 700;
   }
 
-
   ${({ selectedStyle }) => {
     switch (selectedStyle) {
       case 'Yotsuba':
@@ -284,8 +284,26 @@ export const PostMenuCatalog = styled.div`
   ${({ selectedStyle }) => {
     switch (selectedStyle) {
       case 'Yotsuba':
-        return `.post-subject{
-          color:red;
+        return `.highlighted, .highlighted-click, .highlighted-address {
+        background-color: #f0c0b0 !important;
+        border: 1px solid #d9bfb7 !important;
+        border-left: none !important;
+        border-top: none !important;
+      }
+      
+      .post-menu-catalog {
+        border-right: 1px solid #d9bfb7;
+        border-bottom: 2px solid #d9bfb7;
+        
+        li {
+          border: 1px solid #d9bfb7;
+          background-color: #f0e0d6;
+          border-bottom: none;
+
+          :hover {
+            background-color: #ffe;
+          }
+        }
       }`;
 
       case 'Yotsuba-B':
@@ -395,7 +413,6 @@ export const PostMenuCatalog = styled.div`
         }
       }`;
 
-        
       default:
         return '';
     }