主 题：分享一套低饱和护眼绿主题 CSS，适配浅色 / 深色模式
发 布 者：Dinosaur
标签分类： 技术
时 间：2026-08-15 09:25:30
内容预览：最近自己用codex调了一套论坛 CSS，整体是偏低饱和、自然一点的绿色系。浅色模式是米白 + 灰绿色，深色模式则是偏墨绿 / 灰黑的感觉。主要把帖子列表、评论区、编辑器、搜索弹窗、表格、代码块、按钮等区域统一了一下配色。效果比较素，没有太多渐变和阴影，比较适合长时间看论坛。主要修改浅色 / 深色模式分别配色页面整体背景帖子列表、帖子正文评论区分类和翻页按钮输入框、文本框、下拉菜单Markdown 编辑器代码块表格搜索弹窗搜索 Tab搜索历史按钮和链接颜色完整 CSS:root,body.light-layout { --dark-color: 344038; --fade-color: 66746a; --gray-color: 718075; --main-color: 668064; --sub-color: 789579; --text-color: 344038; --link-color: 526f58; --link-hover-color: 31583a; --bg-main-color: f5f3e8; --bg-sub-color: e8eddf; --glass-color: rgba(73, 91, 72, .15); --tabs-border: cbd4c2; --tab-text: 68776c; --tab-active-text: 344038;}body.dark-layout { --dark-color: 151a18; --fade-color: 26302a; --gray-color: 97a69b; --main-color: 6f9a77; --sub-color: 8aaf91; --text-color: d6ded8; --link-col
直达链接： https://www.nodeseek.com/post-875097-1
发 布 者：Dinosaur
标签分类： 技术
时 间：2026-08-15 09:25:30
内容预览：最近自己用codex调了一套论坛 CSS，整体是偏低饱和、自然一点的绿色系。浅色模式是米白 + 灰绿色，深色模式则是偏墨绿 / 灰黑的感觉。主要把帖子列表、评论区、编辑器、搜索弹窗、表格、代码块、按钮等区域统一了一下配色。效果比较素，没有太多渐变和阴影，比较适合长时间看论坛。主要修改浅色 / 深色模式分别配色页面整体背景帖子列表、帖子正文评论区分类和翻页按钮输入框、文本框、下拉菜单Markdown 编辑器代码块表格搜索弹窗搜索 Tab搜索历史按钮和链接颜色完整 CSS:root,body.light-layout { --dark-color: 344038; --fade-color: 66746a; --gray-color: 718075; --main-color: 668064; --sub-color: 789579; --text-color: 344038; --link-color: 526f58; --link-hover-color: 31583a; --bg-main-color: f5f3e8; --bg-sub-color: e8eddf; --glass-color: rgba(73, 91, 72, .15); --tabs-border: cbd4c2; --tab-text: 68776c; --tab-active-text: 344038;}body.dark-layout { --dark-color: 151a18; --fade-color: 26302a; --gray-color: 97a69b; --main-color: 6f9a77; --sub-color: 8aaf91; --text-color: d6ded8; --link-col
直达链接： https://www.nodeseek.com/post-875097-1
