update new article

public/static/theme.css

@@ -26,6 +26,7 @@
     --dj-palette1: #83a6bf;
     --dj-palette2: #5e81ac;
     --dj-palette3: #8fbcbb;
+    --dj-prose: #98aab7;
     --dj-visited: #8d8bd5;
     --dj-bgpalette1: #2e3440;
 }
@@ -43,7 +44,44 @@ html, body {
     font-size: 16px;
 }
 
-h1, h2, h3, h4, h5, nav, .dj-title, .roboto-slab {
+hr {
+    border: 0;
+    height: 1px;
+    background-image: linear-gradient(to right, transparent, var(--dj-prose), transparent);
+    margin: 40px 0 40px 0;
+    width: 100%;
+
+    &::before, &::after {
+        content: ' ';
+        position: absolute;
+        display: block;
+        margin: auto;
+        left: 0;
+        right: 0;
+        transform: translateY(-50%);
+    }
+
+    &::before {
+        background-color: var(--dj-bgpalette1);
+        width: 74px;
+        height: 30px;
+    }
+
+    &::after {
+        width: 66px;
+        height: 22px;
+        background-color: var(--dj-prose);
+        background-size: cover;
+        mask-image: url('assets/leaf-hrule.svg');
+        mask-size: cover;
+    }
+}
+
+p {
+    color: var(--dj-prose);
+}
+
+h1, h2, h3, h4, h5, nav, .dj-title {
   font-family: "Baskervville", serif;
   font-optical-sizing: auto;
   font-weight: 400;