hexo-theme-async
Version:
🎈 A simple, lightweight Hexo theme
41 lines (40 loc) • 1.63 kB
text/less
:root.dark {
--ui-bg: #1d1d1d;
--ui-bg-weak: #252525;
--ui-aide-bg: #111111;
// 文本
--ui-text: #dddddd; // 正文文本
--ui-text-weak: #b4b4b4; // 弱化的正文信息(手风琴子项,表头)
--ui-aide-text: #979797; // 辅助文本、帮助信息(面包屑)
--ui-text-inversion: #3d3d3d; // 文本反转色
--ui-aide-text-stress: #b4b4b4; // 辅助文本、帮助信息里的强调色
// 按钮 提示
--ui-danger: #ed4014; // 失败、错误、告警
--ui-danger-weak: #f16643;
--ui-warning: #fac20a; // 警告、需注意类型提示
--ui-warning-weak: #fac20a;
--ui-success: #32d4a1; // 成功、正确
--ui-success-weak: #50d4ab;
--ui-info: #2d8cf0; // 通知、一般提示、执行中
--ui-info-weak: #57a3f3;
// 阴影
--ui-shadow: rgba(0, 0, 0, 0.2); // 阴影色
--ui-light-shadow: rgba(0, 0, 0, 0.1); // 弱化阴影色
// 下拉菜单
--ui-dropdown-menu-item: #5e7ce0;
--ui-dropdown-menu-item-color: #ffffff;
// 连接
--ui-link: #536eb3; // 链接文本颜色
--ui-link-active: #4976e9; // 链接文本悬停/激活颜色
// 分割线
--ui-border-line: #2b2b2c; // 边框
--ui-dividing-line: #555658; // 内容分割线,用于内容之间的分割
// 过渡
--ui-transition-duration: 0.3s ease;
// 表单
--ui-form-control-line: #414141; // 表单控件边框色,同 边框分割线
--ui-form-control-line-hover: #525457; // 表单控件边框悬停反馈色
--ui-form-control-line-active: #364a8b; // 表单控件边框激活色,用于获得焦点
// 加载动画颜色
--ui-skeleton-background: linear-gradient(90deg, #1d1d1d 25%, #2e2e2e 37%, #181818 63%);
}