feat: 更新暗黑主题样式,添加背景图和优化颜色

This commit is contained in:
MKStoler1024 2025-02-01 13:23:27 +00:00
parent 0ed6363a16
commit 6ce7bcbb59
2 changed files with 21 additions and 2 deletions

BIN
background-dark.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 MiB

View File

@ -89,6 +89,21 @@ header('Content-Type: text/html; charset=utf-8');
border-radius: 4px; border-radius: 4px;
transition: background-color 0.3s ease, color 0.3s ease; transition: background-color 0.3s ease, color 0.3s ease;
} }
.dark-theme {
background: url('background-dark.jpg') no-repeat center center fixed !important;
background-size: cover !important;
color: #e0e0e0 !important;
}
.dark-theme .container {
background-color: rgba(50, 50, 50, 0.9) !important;
}
.dark-theme .theme-toggle {
background: #e0e0e0 !important;
color: #333 !important;
}
.dark-theme label {
color: #e0e0e0 !important;
}
</style> </style>
</head> </head>
<body> <body>
@ -177,16 +192,20 @@ header('Content-Type: text/html; charset=utf-8');
</script> </script>
<style> <style>
.dark-theme { .dark-theme {
background: #333 !important; background: url('background-dark.jpg') no-repeat center center fixed !important;
background-size: cover !important;
color: #e0e0e0 !important; color: #e0e0e0 !important;
} }
.dark-theme .container { .dark-theme .container {
background-color: rgba(255, 255, 255, 0.1) !important; background-color: rgba(50, 50, 50, 0.9) !important;
} }
.dark-theme .theme-toggle { .dark-theme .theme-toggle {
background: #e0e0e0 !important; background: #e0e0e0 !important;
color: #333 !important; color: #333 !important;
} }
.dark-theme label {
color: #e0e0e0 !important;
}
</style> </style>
</body> </body>
</html> </html>