适配waline暗黑模式 (#109)

* 适配waline暗黑模式

第一次写,不知道是否和规范。

覆盖原文件的样式。

* 适配waline暗黑模式
This commit is contained in:
Pentaz 2022-08-09 12:15:50 +08:00 committed by GitHub
parent de923fd917
commit 1b9d13718a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 63 additions and 0 deletions

View File

@ -0,0 +1,61 @@
.cmt-body.waline
--waline-font-size: 0.9375rem;
/* */
--waline-white: #fff;
--waline-light-grey: #999;
--waline-dark-grey: #666;
/* */
--waline-theme-color: #3498db;
--waline-active-color: #2ecc71;
/* */
--waline-color: #444;
--waline-bgcolor: #fff;
--waline-bgcolor-light: #f8f8f8;
--waline-bgcolor-hover: #f0f0f0;
--waline-border-color: #ddd;
--waline-disable-bgcolor: #f8f8f8;
--waline-disable-color: #bbb;
--waline-code-bgcolor: #282c34;
/* */
--waline-bq-color: #f0f0f0;
/* */
--waline-avatar-size: 3.25rem;
--waline-m-avatar-size: calc(var(--waline-avatar-size) * 9 / 13);
/* */
--waline-badge-color: #3498db;
--waline-badge-font-size: 0.725em;
/* */
--waline-info-bgcolor: #f8f8f8;
--waline-info-color: #999;
--waline-info-font-size: 0.725em;
/* */
--waline-border: 1px solid var(--waline-border-color);
--waline-avatar-radius: 50%;
--waline-box-shadow: none;
@media (prefers-color-scheme: dark)
--waline-white: #000;
--waline-light-grey: #666;
--waline-dark-grey: #999;
/* */
--waline-color: #fff;
--waline-bgcolor: var(--block);
--waline-bgcolor-light: #272727;
--waline-border-color: #333;
--waline-disable-bgcolor: #444;
--waline-disable-color: #272727;
/* */
--waline-bq-color: #272727;
/* */
--waline-info-bgcolor: #272727;
--waline-info-color: #666;
.wl-count
@media (prefers-color-scheme: dark)
padding: .375em;
font-weight: bold;
font-size: 1.25em;
color: #fff;

View File

@ -17,3 +17,5 @@ if hexo-config('comments.service') == 'utterances'
@import 'comments/utterances'
if hexo-config('comments.service') == 'valine'
@import 'comments/valine'
if hexo-config('comments.service') == 'waline'
@import 'comments/waline'