如何修改网站后台字体和颜色_后台主题定制_CSS样式_品牌化

修改网站后台字体和颜色，通过CSS自定义实现，打造品牌化后台界面。

找到后台CSS文件： - PbootCMS：`apps/admin/view/default/css/style.css` - 易优CMS：`static/admin/css/admin.css` - WordPress：`wp-admin/css/`，或用插件（"Admin Color Schemes"、"Uber Login"）。 - 用Chrome F12点选后台元素，看CSS类名和当前样式，定位要改的选择器。

修改字体： 在CSS文件末尾加： ``` /* 全局字体 */ body, .layui-body, .layui-table, .layui-input, .layui-textarea, .layui-form-label { font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif !important; font-size: 14px !important; } /* 导航字体 */ .layui-nav-item a { font-size: 15px !important; } /* 标题字体 */ .layui-card-header, h1, h2, h3 { font-size: 16px !important; font-weight: bold; } ``` 14-15px是舒适大小，需要更大设16px。!important确保覆盖默认样式。

修改主题色： ``` /* 主色调（按钮、链接、高亮） */ .layui-btn-normal, .layui-nav .layui-this, .layui-tab-brief>.layui-tab-title .layui-this { background-color: #你的品牌色 !important; } /* 链接颜色 */ a { color: #你的品牌色 !important; } a:hover { color: #深色 !important; } /* 输入框聚焦边框 */ .layui-input:focus, .layui-textarea:focus { border-color: #你的品牌色 !important; } /* 侧边栏背景 */ .layui-side-scroll, .layui-nav { background-color: #侧边栏色 !important; } /* 顶部导航背景 */ .layui-header { background-color: #顶部色 !important; } ``` 品牌色选公司Logo的主色，保持一致性。

修改登录页： - PbootCMS登录模板：`apps/admin/view/default/login.html`。 - 易优CMS：`application/admin/view/public/login.html`。 - 改背景：`body {background: linear-gradient(135deg, #色1, #色2);}`或背景图。 - 改Logo：替换登录页的img src。 - 改登录框样式：`.login-box {background:#fff; border-radius:12px; box-shadow:0 0 30px rgba(0,0,0,0.1);}` - 改按钮颜色：`.btn-login {background:品牌色;}` - 改底部文字：版权、技术支持。

WordPress后台定制（插件方式）： - "Admin Color Schemes"：预设多种配色方案，一键切换。 - "Uber Login"：自定义登录页Logo、背景、颜色。 - "White Label CMS"：完全白标定制，改Logo、名称、颜色、隐藏菜单。 - 插件方式不用写代码，适合非技术用户。

自定义CSS文件方式（推荐）： - 不修改原style.css，新建custom.css，把覆盖样式写在里面。 - 在后台模板的header里引入：``。 - 升级CMS时原CSS被覆盖，custom.css不受影响。 - 或在后台模板的公共header里加`