# 外观定制
在 DCE 5.0 中，可通过 __外观定制__ 更换登录界面、顶部导航栏以及底部版权和备案信息，帮助用户更好地辨识产品。
## 定制说明
1. 使用具有 __admin__ 角色的用户登录 DCE 5.0。点击左侧导航栏底部的 __全局管理__ -> __平台设置__ 。
2. 选择 __外观定制__ ,在 __登录页定制__ 页签中，修改登录页的图标和文字后，点击 __保存__ 。
3. 退出登录，在登录页刷新后可看到配置后的效果
4. 点击 __顶部导航栏定制__ 页签，修改导航栏的图标和文字后，点击 __保存__ 。
5. 点击 __高级定制__ ，可以用 CSS 样式设置登录页、导航栏、底部版权及备案信息。
## 高级定制
高级定制能够通过 CSS 样式来修改整个容器平台的颜色、字体间隔、字号等。
您需要熟悉 CSS 语法。删除黑色输入框的内容，可恢复到默认状态，当然也可以点击 __一键还原__ 按钮。
### 登录页定制的 CSS
```css
.test {
width: 12px;
}
#kc-login {
/* color: red!important; */
}
```
### 登录后页面定制的 CSS
以“镜像仓库 -> 上传镜像”弹窗中的提示语为例，介绍如何通过 CSS 隐藏或修改提示内容。
**隐藏提示消息**
```css
.dao-message:has(.dao-message-upload-image) {
display: none !important;
}
```
**修改提示消息内容**
无需 JavaScript，通过 CSS 覆盖显示新文案：
```css
/* 只命中“包含 upload-image 的 info message” */
.dao-message:has(.dao-message-upload-image) .dao-message-upload-image {
color: transparent; /* 隐藏原文字 */
position: relative;
}
/* 覆盖显示新文案 */
.dao-message:has(.dao-message-upload-image) .dao-message-upload-image::before {
content:
"1. 支持 tar、tar.gz 格式，文件大小（含解压后）不得超过 10 GB。\A\
2. 请确保一个文件对应一个镜像，否则将导入失败。\A\
3. 仅支持上传 1.11.2 及以上容器引擎客户端版本制作的镜像压缩包。";
white-space: pre-line;
color: #333;
position: absolute;
inset: 0;
}
```
### Footer（页面底部的版权、备案等信息）定制示例
```css
```
!!! note
如果想要恢复默认设置，可以点击 __一键还原__ 。请注意，一键还原后将丢弃所有自定义设置。
沪公网安备 12345678912345号