feat: 文章归档页主题色适配

This commit is contained in:
LooseLi
2025-05-19 15:51:13 +08:00
parent af819ddf80
commit 67c16093c8
2 changed files with 17 additions and 3 deletions

View File

@@ -41,6 +41,6 @@ const CONFIG = {
HEXO_WIDGET_DARK_MODE: true, // 夜间模式
HEXO_WIDGET_TOC: true, // 移动端悬浮目录
HEXO_THEME_COLOR: '#3CB371' // 主题色配置(默认为 #928CEE
HEXO_THEME_COLOR: '#928CEE' // 主题色配置(默认为 #928CEE
}
export default CONFIG

View File

@@ -102,7 +102,6 @@ const Style = () => {
.bg-indigo-600 {
background-color: var(--theme-color) !important;
}
/* 当前浏览位置标题高亮颜色 */
.border-indigo-800 {
border-color: var(--theme-color) !important;
@@ -116,7 +115,6 @@ const Style = () => {
.dark .dark\:border-indigo-400 {
border-color: var(--theme-color) !important;
}
/* 目录项悬浮时的字体颜色 */
a[class*='hover:text-indigo-800']:hover {
color: var(--theme-color) !important;
@@ -127,6 +125,22 @@ const Style = () => {
border-color: var(--theme-color) !important;
}
/* 归档页面文章列表项悬浮时左侧边框线颜色 */
li[class*='hover:border-indigo-500']:hover {
border-color: var(--theme-color) !important;
}
.dark li[class*='dark:hover:border-indigo-300']:hover {
border-color: var(--theme-color) !important;
}
/* 深色模式下,归档页面文章列表项默认状态左侧边框线颜色 */
.dark li[class*='dark:border-indigo-400'] {
border-color: var(--theme-color) !important;
}
/* 深色模式下,归档页面文章标题悬浮时的文字颜色 */
.dark a[class*='dark:hover:text-indigo-300']:hover {
color: var(--theme-color) !important;
}
/* 设置了从上到下的渐变黑色 */
#theme-hexo .header-cover::before {
content: '';