论坛自定义css有佬能分享一下吗

让ai给你弄

折腾

@meetzh #1

貌似不行，它对ns的结构不了解

不了解结构那就给它结构，可以直接在主页 Ctrl+S 把 HTML 保存下来发给 AI

忘记是哪位佬发的豆沙绿配色，很好用

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;

}



/* 经典护眼绿 (豆沙绿) 渐变 */

.bg1, .bg2 {

    background-image: 

        linear-gradient(rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.75)), 

        linear-gradient(135deg, #c7edcc 0%, #7cb342 100%) !important;

    background-attachment: fixed !important;

}



/* 夜间模式深邃森林绿 */

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

    background-image: 

        linear-gradient(rgba(15, 22, 36, 0.85), rgba(15, 22, 36, 0.9)), 

        linear-gradient(135deg, #1a3622 0%, #2e4c34 100%) !important;

    background-attachment: fixed !important;

}



#nsk-body {

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

    backdrop-filter: blur(20px) saturate(180%);

    -webkit-backdrop-filter: blur(20px) saturate(180%);

    border-radius: 16px;

    box-shadow: 0 8px 32px 0 rgba(56, 142, 60, 0.08);

    border: 1px solid rgba(255, 255, 255, 0.2);

    padding: 20px;

}



.dark-layout #nsk-body {

    background-color: rgba(20, 26, 38, 0.55) !important;

    backdrop-filter: blur(20px) saturate(140%);

    -webkit-backdrop-filter: blur(20px) saturate(140%);

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

    border: 1px solid rgba(255, 255, 255, 0.05);

}



/* 菜单栏绿色渐变 */

.notification-menu,

#notification-mount .notification-menu,

.msg-menu,

.space-menu {

    background: linear-gradient(135deg, rgba(56, 142, 60, 0.85), rgba(199, 237, 204, 0.85)) !important;

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

    border: none !important;

    box-shadow: 0 4px 15px rgba(56, 142, 60, 0.1) !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.2);

    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.25) !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: rgba(255, 255, 255, 0.35) !important;

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

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

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

    border: 1px solid rgba(255, 255, 255, 0.2) !important;

    box-shadow: 0 8px 24px rgba(56, 142, 60, 0.05) !important;

}



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

.dark-layout .notification-menu, 

.dark-layout .msg-menu,

.dark-layout .space-menu {

    background: linear-gradient(135deg, rgba(26, 54, 34, 0.85), rgba(46, 76, 52, 0.85)) !important;

}



.dark-layout .notification-content, 

.dark-layout .msg-list,

.dark-layout .space-content {

    background-color: rgba(20, 26, 38, 0.4) !important;

    border: 1px solid rgba(255, 255, 255, 0.05) !important;

}



.notification-content li, 

.msg-list li,

.space-content li,

.notification-content p {

    border-bottom: 1px solid rgba(56, 142, 60, 0.08) !important;

    padding: 14px 18px !important;

    background: transparent !important;

    transition: background 0.2s ease;

}



.notification-content li:hover, 

.msg-list li:hover,

.space-content li:hover {

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

}



header {

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

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

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

    border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;

    box-shadow: 0 4px 16px rgba(56, 142, 60, 0.05) !important;

}



.dark-layout header {

    background-color: rgba(20, 26, 38, 0.5) !important;

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

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

    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;

}



/* 按钮换为柔和的绿色 */

.btn {

    background: linear-gradient(135deg, #4caf50, #2e7d32) !important;

    border: none !important;

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

    box-shadow: 0 4px 12px rgba(76, 175, 80, 0.2);

    border-radius: 8px !important;

}



.btn:hover {

    background: linear-gradient(135deg, #66bb6a, #4caf50) !important;

    transform: translateY(-1px);

    box-shadow: 0 6px 20px rgba(76, 175, 80, 0.35);

}



.btn:active {

    transform: translateY(1px);

}



.dark-layout .btn {

    background: linear-gradient(135deg, #388e3c, #1b5e20) !important;

    box-shadow: 0 4px 12px rgba(56, 142, 60, 0.25);

}



.user-card > *:last-child {

    background-color: rgba(255, 255, 255, 0.8) !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 rgba(255, 255, 255, 0.4) !important;

}



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

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

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

}



/* 帖子标题和链接改为保护视力的深绿色 */

.post-content h2 {

    color: #2e7d32;

    font-weight: 600;

    margin-top: 1.5em;

    margin-bottom: 0.8em;

    position: relative;

}



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

    color: #388e3c !important;

    text-decoration: none;

    border-bottom: 1px dashed rgba(56, 142, 60, 0.4);

    transition: all 0.2s;

}



.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;

}



/* 代码块背景适配护眼色调 */

.post-content pre {

    background-color: rgba(199, 237, 204, 0.2) !important; 

    backdrop-filter: blur(5px);

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

    border: 1px solid rgba(56, 142, 60, 0.1);

    border-radius: 8px;

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

    padding: 1.2em;

    display: block !important;

    overflow-x: auto !important;

}



.dark-layout .post-content pre {

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

    border: 1px solid rgba(255, 255, 255, 0.08);

    color: #e0e0e0;

}