style: optimize Twikoo comment plugin style

source/css/layout/_partial/comment/twikoo.styl

@@ -2,20 +2,76 @@
 
   #twikoo {
 
-    .actions {
+    .tk-meta-input {
+      .el-input {
+        .el-input-group__prepend {
+          color: var(--default-text-color);
+        }
 
-      .OwO {
-
-        .OwO-body {
-          color: var(--defauly-color);
-          background-color: var(--background-color);
+        input {
+          color: var(--default-text-color);
         }
       }
     }
 
+
+    .tk-input {
+      textarea {
+        color: var(--default-text-color);
+      }
+    }
+
+
+    .actions {
+
+      .tk-row-actions-start {
+        .tk-action-icon {
+
+          svg {
+            fill: var(--default-text-color);
+          }
+
+          &.OwO {
+
+            .OwO-body {
+              color: var(--default-text-color);
+              background-color: var(--background-color);
+            }
+          }
+
+        }
+      }
+
+      .tk-preview {
+        span {
+          background: var(--second-background-color);
+          color: var(--default-text-color);
+        }
+      }
+
+    }
+
+
+    .tk-preview-container {
+      color: var(--default-text-color);
+    }
+
+    .tk-comments-container {
+      .tk-comments-count {
+        span {
+          color: var(--default-text-color);
+        }
+      }
+    }
+
+
     .tk-main {
+      margin-bottom: 20px;
 
       .tk-meta {
+        .tk-nick {
+          color: var(--default-text-color);
+        }
 
         .tk-tag {
 
@@ -29,11 +85,25 @@
 
         }
 
+
+        .tk-time {
+          time {
+            color: var(--default-text-color);
+          }
+        }
+
+
       }
 
+
+      .tk-content {
+        color: var(--default-text-color);
+      }
+
+      .tk-expand {
+        color: var(--third-text-color);
+      }
     }
-
-
   }