From 61c021dae2e60668103d4d0ec93e82135810a3df Mon Sep 17 00:00:00 2001 From: zhixuan <59254886+zhixuan666@users.noreply.github.com> Date: Sun, 8 Aug 2021 00:29:01 +0900 Subject: [PATCH] fix(comments): improve Twikoo style (#289) --- layouts/partials/comments/provider/twikoo.html | 14 ++++++++++---- 1 file changed, 10 insertions(+), 4 deletions(-) diff --git a/layouts/partials/comments/provider/twikoo.html b/layouts/partials/comments/provider/twikoo.html index bf1de6c..4dbf976 100644 --- a/layouts/partials/comments/provider/twikoo.html +++ b/layouts/partials/comments/provider/twikoo.html @@ -7,12 +7,15 @@ box-shadow: var(--shadow-l1); padding: var(--card-padding); } + :root[data-scheme="dark"] { + --twikoo-body-text-color-main: rgba(255, 255, 255, 0.9); + --twikoo-body-text-color: rgba(255, 255, 255, 0.7); + } .twikoo .el-input-group__prepend, .twikoo .tk-action-icon, .twikoo .tk-time, - .twikoo .tk-comments-count, - .twikoo .el-button { - color: var(--body-text-color); + .twikoo .tk-comments-count { + color: var(--twikoo-body-text-color); } .twikoo .el-input__inner, .twikoo .el-textarea__inner, @@ -20,7 +23,10 @@ .twikoo .tk-content, .twikoo .tk-nick, .twikoo .tk-send { - color: var(--card-text-color-main); + color: var(--twikoo-body-text-color-main); + } + .twikoo .el-button{ + color: var(--twikoo-body-text-color)!important; }