style: optimize Twikoo comment plugin style

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

@@ -2,20 +2,76 @@
 
   #twikoo {
 
+    .tk-meta-input {
+      .el-input {
+        .el-input-group__prepend {
+          color: var(--default-text-color);
+        }
+
+        input {
+          color: var(--default-text-color);
+        }
+      }
+    }
+
+
+    .tk-input {
+      textarea {
+        color: var(--default-text-color);
+      }
+    }
+
+
     .actions {
 
-      .OwO {
+      .tk-row-actions-start {
+        .tk-action-icon {
+
+          svg {
+            fill: var(--default-text-color);
+          }
+
+          &.OwO {
 
             .OwO-body {
-          color: var(--defauly-color);
+              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,12 +85,26 @@
 
         }
 
-      }
 
+        .tk-time {
+          time {
+            color: var(--default-text-color);
+          }
         }
 
 
       }
 
 
+      .tk-content {
+        color: var(--default-text-color);
+      }
+
+      .tk-expand {
+        color: var(--third-text-color);
+      }
+    }
+  }
+
+
 }