逍遥图库系统逍遥图库系统
首页
  • 快速开始

    • 项目介绍
    • 安装指南
    • 快速开始
  • 深入了解

    • 配置说明
    • 部署指南
    • 安全配置
  • 用户系统
  • 图片管理
  • 相册管理
  • 互动功能
  • 管理后台
  • PWA 渐进式应用
  • API 概述
  • 认证接口
  • 图片接口
  • 相册接口
  • 用户接口
  • 管理接口
  • 主题系统
  • 性能优化
  • 常见问题
  • 更新日志
Gitee
首页
  • 快速开始

    • 项目介绍
    • 安装指南
    • 快速开始
  • 深入了解

    • 配置说明
    • 部署指南
    • 安全配置
  • 用户系统
  • 图片管理
  • 相册管理
  • 互动功能
  • 管理后台
  • PWA 渐进式应用
  • API 概述
  • 认证接口
  • 图片接口
  • 相册接口
  • 用户接口
  • 管理接口
  • 主题系统
  • 性能优化
  • 常见问题
  • 更新日志
Gitee
  • 核心功能

    • 用户系统
    • 图片管理
    • 相册管理
  • 互动功能

    • 互动功能
    • 通知系统
  • 系统管理

    • 管理后台
    • RBAC 权限管理
  • 特色功能

    • PWA 渐进式应用
    • 主题切换
    • 键盘快捷键

主题切换

逍遥图库支持亮色、暗色和自动三种主题模式,为用户提供舒适的浏览体验。

主题模式

亮色模式 ☀️

  • 浅色背景,深色文字
  • 适合白天和光线充足的环境
  • 默认主题

暗色模式 🌙

  • 深色背景,浅色文字
  • 适合夜间使用
  • 降低眼睛疲劳
  • 省电(OLED 屏幕)

自动模式 🔄

  • 跟随操作系统设置
  • macOS/Windows 暗色模式 → 暗色主题
  • macOS/Windows 亮色模式 → 亮色主题
  • 日出日落自动切换

切换方式

方式一:快捷按钮

点击页面右下角的主题切换按钮。

方式二:个人设置

  1. 进入「个人中心」
  2. 点击「设置」
  3. 找到「主题偏好」
  4. 选择喜欢的模式

技术实现

详见:高级主题 - 主题系统

常见问题

Q: 主题设置不保存?

A: 确保浏览器允许 localStorage,登录用户会同步到服务器。

Q: 自动模式不生效?

A: 检查操作系统的显示设置是否正确配置了深色/浅色模式。

在 Gitee 上编辑此页
Prev
PWA 渐进式应用
Next
键盘快捷键