论坛扩展护眼色

404 2026-06-12 18:16 1
论坛扩展护眼色

配置地址

https://www.nodeseek.com/setting#extend
不用屏蔽广告+签名档去掉尾巴两段css即可
:root {

    --bg-body: #ebd9c3; /* 网页底色：由偏白调深为浓郁奶茶色 */

    --bg-container: #f3e6d5; /* 内容区背景：同步压暗，降低反光 */

    --primary-color: #6f421e; /* 主题色：由沉稳咖加深为黑巧克力/重焙咖 */

    --hover-red: #d32f2f; /* 悬停红：由刺眼的纯红改为柔和的深朱红 */

    --text-main: #2b221a; /* 主文字颜色：更接近焦黑，提升阅读对比度 */

    --text-muted: #736455; /* 次要文字颜色：同步加深 */

    --border-color: #d1bfab; /* 边框颜色：略微加深以勾勒边界 */

    --header-bg: #362e26; /* 导航栏背景色：更深邃的炭咖啡色 */

}



body {

    font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    transition: background 0.3s ease, color 0.3s ease;

    background-color: var(--bg-body) !important;

    color: var(--text-main);

}



/* 网页底色适配 */

.bg1, .bg2 {

    background-image: 

        linear-gradient(rgba(235, 217, 195, 0.85), rgba(235, 217, 195, 0.95)), 

        linear-gradient(135deg, var(--border-color) 0%, var(--bg-body) 100%) !important;

    background-attachment: fixed !important;

}



/* 夜间模式转换为更深沉的咖啡暗色调 */

.bg1.dark-layout, .bg2.dark-layout {

    background-image: 

        linear-gradient(rgba(20, 16, 12, 0.93), rgba(20, 16, 12, 0.97)), 

        linear-gradient(135deg, #18120e 0%, #2b221a 100%) !important;

    background-attachment: fixed !important;

}



#nsk-body {

    background-color: var(--bg-container) !important;

    backdrop-filter: blur(20px);

    -webkit-backdrop-filter: blur(20px);

    border-radius: 16px;

    box-shadow: 0 8px 32px 0 rgba(111, 66, 30, 0.06);

    border: 1px solid var(--border-color);

    padding: 20px;

}



.dark-layout #nsk-body {

    background-color: rgba(43, 34, 26, 0.97) !important;

    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.4);

    border: 1px solid rgba(209, 191, 171, 0.12);

}



/* 菜单栏咖啡色渐变 */

.notification-menu,

#notification-mount .notification-menu,

.msg-menu,

.space-menu {

    background: linear-gradient(135deg, var(--primary-color), var(--header-bg)) !important;

    border-radius: 12px 12px 0 0 !important;

    border: none !important;

    box-shadow: 0 4px 15px rgba(111, 66, 30, 0.18) !important;

    padding: 5px 10px !important;

}



.space-menu a,

.notification-menu a,

.msg-menu a,

.space-menu li,

.notification-menu li {

    color: #ffffff !important; 

    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);

    font-weight: 500 !important;

}



.space-menu li.active a,

.notification-menu li.active a,

.space-menu li.router-link-active a,

.space-menu .active,

.notification-menu .active {

    background-color: rgba(255, 255, 255, 0.15) !important;

    backdrop-filter: blur(5px) !important;

    border-radius: 6px !important;

    color: #ffffff !important;

}



/* 内容区背景 */

.notification-content,

#notification-mount .notification-content,

.msg-list,

.space-content,

#user-space-mount > div {

    background-color: var(--bg-container) !important;

    backdrop-filter: blur(15px) !important;

    -webkit-backdrop-filter: blur(15px) !important;

    border-radius: 0 0 16px 16px !important;

    border: 1px solid var(--border-color) !important;

    box-shadow: 0 8px 24px rgba(111, 66, 30, 0.06) !important;

}



/* 夜间模式菜单栏和内容区 */

.dark-layout .notification-menu, 

.dark-layout .msg-menu,

.dark-layout .space-menu {

    background: linear-gradient(135deg, #18120e, #100b08) !important;

}



.dark-layout .notification-content, 

.dark-layout .msg-list,

.dark-layout .space-content {

    background-color: rgba(35, 28, 21, 0.95) !important;

    border: 1px solid rgba(209, 191, 171, 0.08) !important;

}



.notification-content li, 

.msg-list li,

.space-content li,

.notification-content p {

    border-bottom: 1px solid var(--border-color) !important;

    padding: 14px 18px !important;

    background: transparent !important;

    transition: background 0.2s ease;

    color: var(--text-main);

}



/* 悬停提示色微调 */

.notification-content li:hover, 

.msg-list li:hover,

.space-content li:hover {

    background-color: rgba(211, 47, 47, 0.05) !important;

    color: var(--hover-red) !important;

}



/* 导航栏背景 */

header {

    background-color: var(--header-bg) !important;

    backdrop-filter: blur(12px) !important;

    -webkit-backdrop-filter: blur(12px) !important;

    border-bottom: 1px solid var(--primary-color) !important;

    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important;

}



header a, header span, header div {

    color: #ffffff !important;

}



.dark-layout header {

    background-color: #18120e !important;

    border-bottom: 1px solid rgba(209, 191, 171, 0.08) !important;

}



/* 按钮换为重焙咖色渐变 */

.btn {

    background: linear-gradient(135deg, var(--primary-color), #4a2a12) !important;

    border: none !important;

    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;

    box-shadow: 0 4px 12px rgba(111, 66, 30, 0.25);

    border-radius: 8px !important;

    color: #ffffff !important;

}



.btn:hover {

    background: linear-gradient(135deg, #8c5327, var(--primary-color)) !important;

    transform: translateY(-1px);

    box-shadow: 0 6px 20px rgba(111, 66, 30, 0.4);

}



.btn:active {

    transform: translateY(1px);

}



.dark-layout .btn {

    background: linear-gradient(135deg, #432610, #271609) !important;

    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);

}



.user-card > *:last-child {

    background-color: var(--bg-container) !important;

    backdrop-filter: blur(10px);

    border-radius: 0 0 12px 12px;

}



.avatar-normal, .avatar, #notification-mount img, .notification-content img, .msg-list img {

    border-radius: 50% !important;

    transition: transform 0.3s ease, box-shadow 0.3s ease;

    border: 2px solid var(--border-color) !important;

}



.avatar-normal:hover, .avatar:hover {

    transform: rotate(7deg) scale(1.08);

    box-shadow: 0 4px 12px rgba(111, 66, 30, 0.25);

}



/* 帖子标题和链接 */

.post-content h2 {

    color: var(--text-main);

    font-weight: 600;

    margin-top: 1.5em;

    margin-bottom: 0.8em;

    position: relative;

}



.post-content a, .post-content a [href^="/member?t="] {

    color: var(--primary-color) !important;

    text-decoration: none;

    border-bottom: 1px dashed var(--text-muted);

    transition: all 0.2s;

}



.post-content a:hover {

    color: var(--hover-red) !important;

    border-bottom: 1px dashed var(--hover-red);

}



.post-content code {

    background: none !important;

    background-color: transparent !important;

    border: none !important;

    box-shadow: none !important;

    padding: 0 !important;

    border-radius: 0 !important;

    backdrop-filter: none !important;

    font-family: 'Fira Code', Consolas, Monaco, monospace !important;

    color: #b71c1c; /* 行内代码高亮稍微收敛 */

}



/* 代码块背景 */

.post-content pre {

    background-color: rgba(209, 191, 171, 0.25) !important; 

    backdrop-filter: blur(5px);

    -webkit-backdrop-filter: blur(5px);

    border: 1px solid var(--border-color);

    border-radius: 8px;

    font-family: 'Fira Code', Consolas, Monaco, monospace !important;

    padding: 1.2em;

    display: block !important;

    overflow-x: auto !important;

    color: var(--text-main);

}



.dark-layout .post-content pre {

    background-color: rgba(255, 255, 255, 0.03) !important;

    border: 1px solid rgba(209, 191, 171, 0.08);

    color: #d5d5d5;

}



/* 隐藏右侧广告*/

a.promotation-item {

  display: none !important;

}



/* 隐藏所有论坛签名档区域*/

div.signature {

    display: none !important;

}