reonokiy/blog
1
0
Fork 0
mirror of https://github.com/reonokiy/blog.nokiy.net.git synced 2025-06-16 11:41:17 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

chore: finish setting up waline

Browse source
This commit is contained in:
radishzzz 2025-03-08 09:56:59 +00:00
parent ce8d309d5b
commit 5da8a7d178
2 changed files with 14 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

33
src/components/Comments/Waline.astro
View file

@ -169,61 +169,54 @@ document.addEventListener('astro:after-swap', initWaline)
}} }}
> >
#waline { #waline {
/* 常规颜色 */ /* Regular Colors */
--waline-white: var(--lightBackground); --waline-white: var(--lightBackground);
--waline-light-grey: color-mix(in oklch, var(--lightPrimary), transparent 75%); --waline-light-grey: color-mix(in oklch, var(--lightPrimary), transparent 75%);
--waline-dark-grey: var(--lightSecondary); --waline-dark-grey: var(--lightSecondary);
/* 主题色 */ /* Theme Colors */
--waline-theme-color: var(--lightPrimary); --waline-theme-color: var(--lightPrimary);
--waline-active-color: var(--lightPrimary); --waline-active-color: var(--lightPrimary);
/* 布局颜色 */ /* Layout Colors */
--waline-color: var(--lightSecondary); --waline-color: var(--lightSecondary);
--waline-bg-color: var(--lightBackground); --waline-bg-color: var(--lightBackground);
--waline-bg-color-light: var(--lightBackground); --waline-bg-color-light: var(--lightBackground);
--waline-bg-color-hover: var(--lightBackground); --waline-bg-color-hover: var(--lightBackground);
--waline-border-color: color-mix(in oklch, var(--lightPrimary), transparent 75%); --waline-border-color: color-mix(in oklch, var(--lightPrimary), transparent 75%);
--waline-disable-bg-color: var(--lightBackground);
--waline-disable-color: #bbb;
/* 特殊颜色 */ /* Special Colors */
--waline-bq-color: #f0f0f0; --waline-bq-color: color-mix(in oklch, var(--lightPrimary), transparent 75%);
/* 信息 */ /* Information */
--waline-info-bg-color: var(--lightBackground); --waline-info-bg-color: var(--lightBackground);
--waline-info-color: color-mix(in oklch, var(--lightPrimary), transparent 75%); --waline-info-color: color-mix(in oklch, var(--lightPrimary), transparent 75%);
--waline-info-font-size: 0.625em;
/* 渲染选择 */ /* Rendering Options */
--waline-avatar-radius: 20%; --waline-avatar-radius: 20%;
} }
/* 暗色模式 */
html.dark #waline { html.dark #waline {
/* Regular Colors */
/* 常规颜色 */
--waline-white: var(--darkBackground); --waline-white: var(--darkBackground);
--waline-light-grey: color-mix(in oklch, var(--darkPrimary), transparent 75%); --waline-light-grey: color-mix(in oklch, var(--darkPrimary), transparent 75%);
--waline-dark-grey: var(--darkSecondary); --waline-dark-grey: var(--darkSecondary);
/* 主题色 */ /* Theme Colors */
--waline-theme-color: var(--darkPrimary); --waline-theme-color: var(--darkPrimary);
--waline-active-color: var(--darkPrimary); --waline-active-color: var(--darkPrimary);
/* 布局颜色 */ /* Layout Colors */
--waline-color: var(--darkSecondary); --waline-color: var(--darkSecondary);
--waline-bg-color: var(--darkBackground); --waline-bg-color: var(--darkBackground);
--waline-bg-color-light: var(--darkBackground); --waline-bg-color-light: var(--darkBackground);
--waline-bg-color-hover: var(--darkBackground); --waline-bg-color-hover: var(--darkBackground);
--waline-border-color: color-mix(in oklch, var(--darkPrimary), transparent 75%); --waline-border-color: color-mix(in oklch, var(--darkPrimary), transparent 75%);
--waline-disable-bg-color: var(--darkBackground);
--waline-disable-color: #bbb;
/* 特殊颜色 */ /* Special Colors */
--waline-bq-color: #f0f0f0; --waline-bq-color: color-mix(in oklch, var(--darkPrimary), transparent 75%);
/* 信息 */ /* Information */
--waline-info-bg-color: var(--darkBackground); --waline-info-bg-color: var(--darkBackground);
--waline-info-color: color-mix(in oklch, var(--darkPrimary), transparent 75%); --waline-info-color: color-mix(in oklch, var(--darkPrimary), transparent 75%);
} }

2
src/config.ts
View file

@ -65,7 +65,7 @@ export const themeConfig: ThemeConfig = {
// Whether to enable GIF search // Whether to enable GIF search
search: false, // true, false search: false, // true, false
// Whether to enable image uploader // Whether to enable image uploader
// BUG：unable to disable image uploader // BUG：unable to hide image uploader icon
imageUploader: false, // true, false imageUploader: false, // true, false
}, },
}, },