增加暗色模式切换

This commit is contained in:
Alex Yang
2026-01-28 11:16:58 +08:00
parent bf845c52a5
commit f54afee80b
10 changed files with 6491 additions and 209 deletions

View File

@@ -17,7 +17,7 @@
<!-- 自定义工具类 -->
<style type="text/tailwindcss" src="css/index.css"></style>
</head>
<body class="bg-gray-50 text-dark font-sans">
<body class="font-sans">
<div class="flex h-screen overflow-hidden">
<!-- 侧边栏 -->
<aside id="sidebar" class="fixed inset-y-0 left-0 w-64 bg-white border-r border-gray-200 flex flex-col transition-transform duration-300 z-50 hidden md:flex">
@@ -169,6 +169,11 @@
<div class="flex items-center space-x-2 sm:space-x-4">
<!-- 主题切换按钮 -->
<button id="theme-toggle" class="p-1.5 sm:p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-all">
<i class="fa fa-moon-o text-sm sm:text-lg"></i>
</button>
<button class="p-1.5 sm:p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-all">
<i class="fa fa-bell text-sm sm:text-lg"></i>
</button>