Uptime Kuma 极简拟态化CSS主题分享

📖 引言

最近腾讯云轻量服务器到期，趁着迁移Docker应用到新服务器的机会，顺手对Uptime Kuma的默认主题进行了CSS美化。新主题采用了与本博客一致的类拟态化设计风格，支持暗色/亮色模式自适应，优化了状态卡片的层级结构，显著提升了数据的可读性。虽然CSS主题风格与博客保持一致，但也完全可以独立使用，整体效果简洁美观！

🌟 CSS主题特点

• ✅ 双模式适配：自动跟随系统深色/浅色主题
• ✅ 极简卡片布局：降低视觉干扰，聚焦核心状态
• ✅ 动态色彩标识：通过呼吸渐变颜色直观反映服务状态
• ✅ 响应式适配：完美兼容手机/平板/桌面端
• ✅ 轻量级代码：仅需CSS代码，零性能损耗

⌨️ CSS代码

⚙️ 配置说明

非常简单，复制上面的CSS代码直接粘贴在：状态页面->编辑状态页面->自定义CSS 框里，然后保存即可。

喜欢的话快去体验一下吧！！！