diff --git a/source/css/_plugins/comments/waline.styl b/source/css/_plugins/comments/waline.styl new file mode 100644 index 0000000..69459e5 --- /dev/null +++ b/source/css/_plugins/comments/waline.styl @@ -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; + diff --git a/source/css/_plugins/index.styl b/source/css/_plugins/index.styl index 2affc8c..cff87ff 100644 --- a/source/css/_plugins/index.styl +++ b/source/css/_plugins/index.styl @@ -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'