关于

本站的主要目的是为了分享一些日常生活中的趣事,整体偏向生活侧。

分享技术的网站是:https://www.lifengdi.com/ ,大家感兴趣的可以关注一下。

友链

如果你想与我交换友链,请在下方留言,留言信息需要包含您的站点标题,站点地址,站点副标题,icon地址。暂时只接受个人网站交换友链。引流站点,导航站点等请勿申请。

关于网站配色

一、白天模式

1. 基础背景色

区域色值效果描述灵感来源
主背景#F8F5F0极浅暖米白,模拟素绢透光质感宋代文人抄经纸
辅助背景(模块)#E5E0D5浅米驼灰,区分内容模块的弱对比底色宋代麻纸自然纹理
边框(默认)#D9D2C4浅暖灰黄,1px极细边框,模拟旧纸泛黄痕迹古纸边缘氧化痕迹

2. 文字颜色

类型色值对比度使用场景
主体文字#4444444.5:1正文、标题(主信息)
次要文字#7777773:1注释、辅助信息
强调文字#3366995: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. 文字颜色

类型色值对比度使用场景
主体文字#D8D3C96:1正文、标题(主信息)
次要文字#A59F914:1注释、辅助信息
强调文字#66A2D15: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

留下评论

您的邮箱地址不会被公开。 必填项已用 * 标注