diff --git a/html/src/app.dark.scss b/html/src/app.dark.scss
index 9a7da34e..d5309aa7 100644
--- a/html/src/app.dark.scss
+++ b/html/src/app.dark.scss
@@ -36,12 +36,20 @@ button {
 }
 
 .el-input__inner,
+.el-textarea__inner,
+.el-textarea .el-input__count,
 .el-input .el-input__count .el-input__count-inner {
     color: #fff;
     background-color: #444;
     border: #333;
 }
 
+.el-input-group__append, .el-input-group__prepend {
+    color: #fff;
+    background-color: #666;
+    border: #555;
+}
+
 .el-table td,
 .el-table th.is-leaf {
     background-color: #292929;
@@ -330,10 +338,6 @@ button {
     color: #c7c7c7;
 }
 
-.x-user-dialog .el-textarea__inner {
-    color: #fff;
-}
-
 .x-login-container p {
     color: #ddd;
 }
diff --git a/html/src/app.scss b/html/src/app.scss
index 396afbf2..37469ba5 100644
--- a/html/src/app.scss
+++ b/html/src/app.scss
@@ -557,3 +557,18 @@ i.x-user-status.busy {
     border-color: #8cc4ff !important;
     cursor: not-allowed !important;
 }
+
+.el-button--success {
+    background-color: #67c23a !important;
+    border-color: #67c23a !important;
+}
+
+.el-button--danger {
+    background-color: #f56c6c !important;
+    border-color: #f56c6c !important;
+}
+
+.el-button--warning {
+    background-color: #e6a23c !important;
+    border-color: #e6a23c !important;
+}