本站的主要目的是为了分享一些日常生活中的趣事,整体偏向生活侧。
分享技术的网站是:https://www.lifengdi.com/ ,大家感兴趣的可以关注一下。
友链
如果你想与我交换友链,请在下方留言,留言信息需要包含您的站点标题,站点地址,站点副标题,icon地址。暂时只接受个人网站交换友链。引流站点,导航站点等请勿申请。
关于网站配色
一、白天模式
1. 基础背景色
区域 | 色值 | 效果描述 | 灵感来源 |
---|
主背景 | #F8F5F0 | 极浅暖米白,模拟素绢透光质感 | 宋代文人抄经纸 |
辅助背景(模块) | #E5E0D5 | 浅米驼灰,区分内容模块的弱对比底色 | 宋代麻纸自然纹理 |
边框(默认) | #D9D2C4 | 浅暖灰黄,1px极细边框,模拟旧纸泛黄痕迹 | 古纸边缘氧化痕迹 |
2. 文字颜色
类型 | 色值 | 对比度 | 使用场景 |
---|
主体文字 | #444444 | 4.5:1 | 正文、标题(主信息) |
次要文字 | #777777 | 3:1 | 注释、辅助信息 |
强调文字 | #336699 | 5:1 | 关键词、列表标记 |
3. 交互组件颜色
组件/状态 | 背景色 | 边框色 | 文字/图标色 | 效果说明 |
---|
主按钮 | | | | |
- 默认 | #336699 | 无 | #F8F5F0 | 天青瓷器色,高对比凸显核心操作 |
- 悬停 | #2B5278 | 无 | #ECE4D8 | 深靛蓝灰,模拟按压下沉 |
- 禁用 | #D0D0D0 | 无 | #AAAAAA | 蒙尘瓷器质感,透明度60% |
次按钮 | | | | |
- 默认 | 透明 | #D9D2C4 | #444444 | 无边框设计,仅显示浅灰黄压痕 |
- 聚焦 | #F0EBE0 | #4F81B4 | #336699 | 米白偏青灰填充,冷灰蓝边框强化焦点 |
文本框 | | | | |
- 默认 | #F8F5F0 | #D9D2C4 | #777777 | 融入背景,仅显示微弱泛黄边框 |
- 聚焦 | #F0EBE0 | #4F81B4 | #444444 | 轻微色阶变化+冷灰蓝边框,引导交互 |
错误状态 | | #C05D38 | #A52A2A | 浅赭石色边框+深赭石文字,替代传统红色 |
4. 导航与页脚
区域 | 背景色 | 文字色 | 点缀色 |
---|
上菜单栏 | #F0EBE0 | #444444 | #336699(选中) |
下菜单栏 | #E5E0D5 | #777777 | #336699(悬停) |
上页脚 | #555555 | #FFFFFF/#AAAAAA | #336699 |
下页脚 | #444444 | #999999 | 无 |
二、夜间模式
1. 基础背景色
区域 | 色值 | 效果描述 | 灵感来源 |
---|
主背景 | #1A1815 | 深暖灰,模拟松烟墨在月夜下的暗影 | 宋代松烟墨锭 |
辅助背景(模块) | #201E1B | 深暖灰偏青,区分模块的弱对比底色 | 松烟墨中掺入微量石青 |
边框(默认) | #1E1C19 | 深暖灰黑,1px极细边框,模拟夜笺墨线 | 夜间信笺的墨线勾勒 |
2. 文字颜色
类型 | 色值 | 对比度 | 使用场景 |
---|
主体文字 | #D8D3C9 | 6:1 | 正文、标题(主信息) |
次要文字 | #A59F91 | 4:1 | 注释、辅助信息 |
强调文字 | #66A2D1 | 5:1 | 关键词、列表标记 |
3. 交互组件颜色
组件/状态 | 背景色 | 边框色 | 文字/图标色 | 效果说明 |
---|
主按钮 | | | | |
- 默认 | #66A2D1 | 无 | #1A1815 | 月夜波光色,高对比凸显核心操作 |
- 悬停 | #4C86B2 | 无 | #25231F | 深天青灰,模拟月光折射的深邃感 |
- 禁用 | #444444 | 无 | #666255 | 漆器蒙尘质感,透明度60% |
次按钮 | | | | |
- 默认 | 透明 | #1E1C19 | #D8D3C9 | 无边框设计,仅显示深灰黑压痕 |
- 聚焦 | #151310 | #7CA9D2 | #66A2D1 | 深棕灰填充,浅青灰边框强化焦点 |
文本框 | | | | |
- 默认 | #1A1815 | #1E1C19 | #A59F91 | 融入背景,仅显示微弱墨线边框 |
- 聚焦 | #151310 | #7CA9D2 | #D8D3C9 | 轻微色阶变化+浅青灰边框,引导交互 |
错误状态 | | #A66132 | #8B4513 | 赭石偏橙色边框+深赭石文字,烛火感柔和 |
4. 导航与页脚
区域 | 背景色 | 文字色 | 点缀色 |
---|
上菜单栏 | #151310 | #D8D3C9 | #66A2D1(选中) |
下菜单栏 | #201E1B | #A59F91 | #66A2D1(悬停) |
上页脚 | #100F0D | #D8D3C9/#888375 | #66A2D1 |
下页脚 | #0E0D0B | #666255 | 无 |