Alist美化大法宝，颜值与实用并存！

2023-12-25 03:35:00

美化你的 Alist 网盘 V3：让你的文件管理体验焕然一新

Alist 网盘因其开源、功能强大和易用性而深受用户喜爱。但其默认界面相对简单，如果你想要提升视觉吸引力和使用体验，那么定制化美化必不可少。本文将提供一份 Alist 网盘 V3 美化代码，为你带来焕然一新的文件管理体验，兼具颜值与实用性。

Alist 网盘 V3 美化代码

将以下代码复制到文本编辑器中，并保存为 alist.css 文件：

/* 修改导航栏背景色 */
.navbar {
  background-color: #343a40 !important;
}

/* 修改导航栏文字颜色 */
.navbar-light .navbar-nav .nav-link {
  color: #fff !important;
}

/* 修改侧边栏背景色 */
.sidebar {
  background-color: #282d32 !important;
}

/* 修改侧边栏文字颜色 */
.sidebar-heading {
  color: #fff !important;
}

/* 修改侧边栏图标颜色 */
.sidebar .nav-item i {
  color: #fff !important;
}

/* 修改侧边栏激活状态背景色 */
.sidebar .nav-item.active {
  background-color: #343a40 !important;
}

/* 修改侧边栏激活状态文字颜色 */
.sidebar .nav-item.active a {
  color: #fff !important;
}

/* 修改侧边栏激活状态图标颜色 */
.sidebar .nav-item.active i {
  color: #fff !important;
}

/* 修改文件列表背景色 */
.file-list {
  background-color: #fff !important;
}

/* 修改文件列表文字颜色 */
.file-list .file-name {
  color: #333 !important;
}

/* 修改文件列表文件大小颜色 */
.file-list .file-size {
  color: #999 !important;
}

/* 修改文件列表文件日期颜色 */
.file-list .file-date {
  color: #999 !important;
}

/* 修改文件列表文件类型图标颜色 */
.file-list .file-type i {
  color: #333 !important;
}

/* 修改文件列表文件操作按钮颜色 */
.file-list .file-operation-btn {
  color: #333 !important;
}

/* 修改文件列表文件操作按钮背景色 */
.file-list .file-operation-btn:hover {
  background-color: #eee !important;
}

/* 修改文件列表文件操作按钮激活状态背景色 */
.file-list .file-operation-btn.active {
  background-color: #343a40 !important;
}

/* 修改文件列表文件操作按钮激活状态文字颜色 */
.file-list .file-operation-btn.active {
  color: #fff !important;
}