lianglianglee
/
hexo-theme-keep
mirror of https://github.com/liangliangle/hexo-theme-keep.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

style: optimize Twikoo comment plugin style

This commit is contained in:
XPoet 2021-01-27 11:32:26 +08:00
parent ed0f6ad70e
commit f8e3d6a65a
1 changed files with 78 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

74
source/css/layout/_partial/comment/twikoo.styl
View File

@ -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,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);
}
}
}