content update

theme/static_src/src/styles.css

@@ -2,10 +2,21 @@
 @tailwind components;
 @tailwind utilities;
 
+@layer base {
+    @font-face {
+    font-family: NotoEmoji;
+    font-weight: 400;
+    src: url("/static/fonts/NotoEmoji-Regular.ttf") format("truetype");
+  }
+}
+
 @layer components {
-    p > a,
-    nav > a,
-    li > a {
+
+    .emoji {
+       font-family: NotoEmoji;
+    }
+
+    a {
         @apply border-klavender border-b-2;
     }
 
@@ -29,6 +40,16 @@
         @apply my-2 mb-3 text-lg leading-relaxed;
     }
 
+    img.blog {
+        @apply rounded-xl bg-gray-50 object-cover rounded-2xl shadow-lg;
+    }
+
+    .blog-content img {
+        @apply rounded-xl bg-gray-50 object-cover rounded-2xl shadow-lg;
+    }
+
+
+
     @media print {
         h1 {
             @apply mt-6 mb-4 text-xl;
@@ -56,14 +77,14 @@
     }
 }
 
-.tags {
-    @apply flex flex-col;
-}
-
 .tags ul {
-    @apply flex space-x-4;
+    @apply flex space-x-4 text-center text-lg;
 }
 
-.tags a {
-    @apply border-b-0 inline-flex items-center rounded-md bg-green-50 px-2 py-1 text-xs font-medium text-green-700 ring-1 ring-inset ring-green-600/20;
-}
+ .tags li {
+        @apply flex-1 p-4 inline-flex items-center rounded-md bg-green-50 px-2 py-1 font-medium text-green-700 ring-1 ring-inset ring-green-600/20;
+    }
+
+ .tags a {
+     @apply border-b-0 w-full;
+ }

theme/static_src/tailwind.config.js

@@ -78,7 +78,9 @@ module.exports = {
                     light: "#FBDAE4",
                     DEFAULT: "#EF7799",
                     dark: "#EF7799",
-                }
+                },
+                kbglight: "#FFFFF8",
+                kbgdark: "#333332"
             },
         },
         plugins: [