hexo-theme-async/source/css/_components/plugins/comment/twikoo.less

🎈 A simple, lightweight Hexo theme

:root {
	--twikoo-white: #fff;
	--twikoo-fontcolor: #000;
	--twikoo-background: #fff;
	--twikoo-navbg: rgba(255, 255, 255, 0.9);
	--twikoo-card-btn-bg: #f7f7fa;
	--twikoo-post-blockquote-bg: #f2f5f7;
	--twikoo-sceondbg: #f7f7fa;
}

:root.dark {
	--twikoo-fontcolor: #fff;
	--twikoo-background: #1e1e1e;
	--twikoo-card-btn-bg: #3f3f3f;
	--twikoo-post-blockquote-bg: #000;
	--twikoo-sceondbg: #252627;
}

/* 评论 */
/* ---------------------------------------------------------------- */

/* 填写项标题 */
.el-input-group__append,
.el-input-group__prepend {
	background-color: var(--twikoo-sceondbg) !important;
	color: var(--twikoo-fontcolor) !important;
	border: 0px solid var(--primary) !important;
}

/* 输入框 */
.el-input__inner {
	background: var(--twikoo-post-blockquote-bg) !important;
	border: 0px solid var(--primary) !important;
	color: var(--twikoo-fontcolor) !important;
}

/* 评论输入框 */
.el-textarea__inner {
	background: var(--twikoo-post-blockquote-bg) !important;
	border: 0px solid var(--primary) !important;
	color: var(--twikoo-fontcolor) !important;
}

/* 加载时背景颜色 */
.el-loading-mask {
	background-color: var(--twikoo-background) !important;
}

/* 评论博主标签圆角 */
.tk-tag-green {
	border-radius: 12px !important;
	border: 0px solid #e1f3d8 !important;
}

/* 预览按钮 */
.el-button {
	background: var(--twikoo-card-btn-bg) !important;
	border: 0px solid var(--primary) !important;
	color: var(--twikoo-fontcolor) !important;
}

.el-button:hover {
	background: var(--primary) !important;
	color: var(--twikoo-white) !important;
}

/* 发送按钮正常状态 */
.el-button--primary {
	background-color: var(--primary) !important;
	border-color: var(--primary) !important;
	color: var(--twikoo-white) !important;
}

/* 发送按钮禁用状态 */
.el-button--primary.is-disabled,
.el-button--primary.is-disabled:active,
.el-button--primary.is-disabled:focus,
.el-button--primary.is-disabled:hover {
	opacity: 0.4;
}

.tk-submit {
	margin-top: none;
}

.tk-admin-container {
	position: fixed !important;
	z-index: 100;
}