mirror of
https://github.com/d0zingcat/NotionNext.git
synced 2026-05-13 23:16:47 +00:00
feat: 适配深色模式
This commit is contained in:
@@ -123,10 +123,25 @@ const Style = () => {
|
||||
.dark .dark\:border-indigo-400 {
|
||||
border-color: var(--theme-color) !important;
|
||||
}
|
||||
.dark .dark\:border-white {
|
||||
border-color: var(--theme-color) !important;
|
||||
}
|
||||
/* 目录项悬浮时的字体颜色 */
|
||||
a[class*='hover:text-indigo-800']:hover {
|
||||
color: var(--theme-color) !important;
|
||||
}
|
||||
/* 深色模式下目录项的默认文字颜色和边框线颜色 */
|
||||
.dark .catalog-item {
|
||||
color: white !important;
|
||||
border-color: white !important;
|
||||
}
|
||||
.dark .catalog-item:hover {
|
||||
color: var(--theme-color) !important;
|
||||
}
|
||||
/* 深色模式下当前高亮标题的边框线颜色 */
|
||||
.dark .catalog-item.font-bold {
|
||||
border-color: var(--theme-color) !important;
|
||||
}
|
||||
|
||||
/* 文章底部版权声明组件左侧边框线颜色 */
|
||||
.border-indigo-500 {
|
||||
|
||||
Reference in New Issue
Block a user