hexo-theme-keep/source/css/layout/_partial/comment/twikoo.styl

111 lines
1.8 KiB
Stylus

.twikoo-container {
#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 {
.tk-row-actions-start {
.tk-action-icon {
svg {
fill: var(--default-text-color);
}
&.OwO {
.OwO-body {
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 {
&.tk-tag-green {
background: -webkit-linear-gradient(45deg, #e3565e, #ee854b, #f6c258, #90c68a, #5fb3b3, #6699cc, #c594c5);
background: linear-gradient(45deg, #e3565e, #ee854b, #f6c258, #90c68a, #5fb3b3, #6699cc, #c594c5);
color: #fff;
border none;
border-radius: 5px;
}
}
.tk-time {
time {
color: var(--default-text-color);
}
}
}
.tk-content {
color: var(--default-text-color);
}
.tk-expand {
color: var(--third-text-color);
}
}
}
}