style: optimize Twikoo comment plugin style
This commit is contained in:
parent
ed0f6ad70e
commit
f8e3d6a65a
|
@ -2,20 +2,76 @@
|
||||||
|
|
||||||
#twikoo {
|
#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 {
|
.actions {
|
||||||
|
|
||||||
.OwO {
|
.tk-row-actions-start {
|
||||||
|
.tk-action-icon {
|
||||||
|
|
||||||
|
svg {
|
||||||
|
fill: var(--default-text-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.OwO {
|
||||||
|
|
||||||
.OwO-body {
|
.OwO-body {
|
||||||
color: var(--defauly-color);
|
color: var(--default-text-color);
|
||||||
background-color: var(--background-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 {
|
.tk-main {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
|
||||||
.tk-meta {
|
.tk-meta {
|
||||||
|
.tk-nick {
|
||||||
|
color: var(--default-text-color);
|
||||||
|
}
|
||||||
|
|
||||||
.tk-tag {
|
.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);
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue