update: optimize theme color scheme and waline style

src/components/Comments/Waline.astro

@@ -43,6 +43,7 @@ function initWaline() {
     requiredMeta: ['nick', 'mail'],
     highlighter: false,
     texRenderer: false,
+    noCopyright: true,
     reaction: [],
     ...walineConfig,
   })
@@ -53,12 +54,105 @@ document.addEventListener('astro:after-swap', initWaline)
 </script>
 
 <style is:global>
-#waline .wl-panel {
-  --at-apply: 'm-0 rounded-2';
-}
-#waline .wl-editor::placeholder {
-  color: var(--waline-light-grey);
-}
+#waline {
+  .wl-panel {
+    --at-apply: 'm-0 rounded-2';
+  }
+  .wl-editor::placeholder {
+    color: var(--waline-light-grey);
+  }
+  /* .wl-btn.primary {
+    border-color: var(--waline-light-grey);
+    color: var(--waline-color);
+    background: none;
+  } */
+  .wl-text-number {
+    display: none;
+  }
+  .wl-action[title="Markdown Guide"] {
+    display: none;
+  }
+  .wl-emoji-popup {
+    inset-inline-start: 0;
+    .wl-tab-wrapper {
+      -ms-overflow-style: none;
+      scrollbar-width: none;
+      &::-webkit-scrollbar {
+        display: none;
+      }
+    }
+  }
+  /* .wl-editor {
+    min-height: 6rem;
+  } */
+  /* .wl-card-item {
+    padding-left: 0;
+    padding-right: 0;
+  } */
+  .wl-meta-head {
+    padding-top: 0.75rem;
+    padding-bottom: 0.5rem;
+  }
+  .wl-sort {
+    display: none;
+  }
+  .wl-card {
+    border-bottom: none;
+  }
+  .wl-footer {
+    margin: 0.5rem;
+  }
+  /* .wl-comment {
+    margin-bottom: 2rem;
+  } */
+  .wl-header {
+    padding: 0;
+  }
+  /* .wl-nick,
+  .wl-mail,
+  .wl-link {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  } */
+  .wl-header.item3 {
+    border-bottom: none;
+  }
+  .wl-user {
+    margin-inline-end: 0.9rem;
+  }
+  .wl-like {
+    margin-right: 0.4rem;
+  }
+  .wl-content p {
+    line-height: 1.5rem;
+  }
+  /* .wl-power{
+    color: color-mix(in oklch, var(--waline-theme-color), transparent 40%);
+  }
+  a[href*="walinejs"] {
+    color: color-mix(in oklch, var(--waline-theme-color), transparent 40%);
+  } */
+  /* .wl-user-avatar {
+    color: var(--waline-light-grey);
+  } */
+  .wl-time {
+    color: color-mix(in oklch, var(--waline-theme-color), transparent 40%);
+  }
+  .wl-header-item {
+    border-bottom: 1px solid var(--waline-border-color);
+  }
+  .wl-header label {
+    font-size: 0.75rem;
+  }
+  .wl-header input {
+    font-size: 0.7rem;
+  }
+  .wl-editor {
+    min-height: 6rem;
+  }
+  .wl-nick {
+    margin-inline-end: 0.6rem;
+  }
 </style>
 
 <style
@@ -112,8 +206,7 @@ document.addEventListener('astro:after-swap', initWaline)
 
   /* 渲染选择 */
   --waline-border: 1px solid var(--waline-border-color);
-  --waline-avatar-radius: 50%;
-  --waline-box-shadow: none;
+  --waline-avatar-radius: 20%;
 }
 
 /* 暗色模式 */
@@ -158,7 +251,5 @@ html.dark #waline {
 
   /* 渲染选择 */
   --waline-border: 1px solid var(--waline-border-color);
-  --waline-avatar-radius: 50%;
-  --waline-box-shadow: none;
 }
 </style>