feat: 暗色模式；fix: 服务器日志时区异常

1. ✨**新增**：暗色主题（亮色/暗色/自动）
2. ⚡**优化**：部分界面
3. 🔄**更换**：favicon 图标
4. 🐛**修复**：部分 warning 提醒
5. 🐛**修复**：服务器日志时区异常

CHANGELOG.md

@@ -1,3 +1,11 @@
+## 2024-12-06
+
+1. ✨**新增**：暗色主题（亮色/暗色/自动）
+2. ⚡**优化**：部分界面
+3. 🔄**更换**：favicon 图标
+4. 🐛**修复**：部分 warning 提醒
+5. 🐛**修复**：服务器日志时区异常
+
 ## 2024-12-03
 
 1. ✨**新增**：停用部分直播源

README.md

@@ -36,7 +36,9 @@ PHP 实现的 EPG（电子节目指南）服务端， `Docker` 部署，自带
 > [!TIP]
 > `xmltv` 用户搭配 [【一键生成】匹配 M3U 文件的 XML 节目单](https://www.right.com.cn/forum/thread-8392662-1-1.html) 使用。
 
-![设置页面](/pic/management.png)
+![设置页面](/pic/management.png#gh-light-mode-only)
+
+![设置页面](/pic/management-dark.png#gh-dark-mode-only)
 
 > **内置正则表达式说明：**
 > - 包含 `regex:`

docker-entrypoint.sh

@@ -68,6 +68,10 @@ sed -i "s#^;date.timezone =\$#date.timezone = \"${TZ}\"#" /etc/php83/php.ini
 sed -i "s/upload_max_filesize = .*/upload_max_filesize = 100M/" /etc/php83/php.ini
 sed -i "s/post_max_size = .*/post_max_size = 100M/" /etc/php83/php.ini
 
+# Modify system timezone
+if [ -e /etc/localtime ]; then rm -f /etc/localtime; fi
+ln -s /usr/share/zoneinfo/${TZ} /etc/localtime
+
 echo 'Running cron.php and Apache'
 
 # Change ownership of /htdocs/

epg/assets/css/login.css

@@ -10,7 +10,7 @@ body {
 .container {
     background: white;
     padding: 30px;
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
     border-radius: 5px;
     width: 200px;
 }
@@ -23,7 +23,8 @@ input[type="password"] {
     border-radius: 5px;
     box-sizing: border-box;
 }
-input[type="submit"] {
+input[type="submit"],
+.button-container button {
     width: 100%;
     padding: 8px;
     background-color: #FF9800;
@@ -36,18 +37,16 @@ input[type="submit"] {
     font-weight: bold;
     margin-bottom: 5px;
 }
+input[type="submit"]:hover {
+    background-color: #e68900;
+}
 .button-container button {
-    width: 100%;
-    padding: 8px;
     background-color: #2196F3;
-    color: white;
-    border: none;
-    border-radius: 5px;
-    cursor: pointer;
-    box-sizing: border-box;
-    font-size: 15px;
     margin-top: 5px;
 }
+.button-container button:hover {
+    background-color: #0b7dda;
+}
 .form-group {
     display: flex;
     align-items: center;
@@ -92,9 +91,60 @@ input[type="submit"] {
     transform: translateY(-50%);
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
 }
+.close {
+    color: #aaa;
+    float: right;
+    font-size: 28px;
+    font-weight: bold;
+}
+.close:hover,
+.close:focus {
+    color: black;
+    text-decoration: none;
+    cursor: pointer;
+}
 .footer {
     position: fixed;
     bottom: 10px;
     width: 100%;
     text-align: center;
+}
+
+/* 暗色模式 */
+body.dark {
+    background-color: #121212;
+    color: #e0e0e0;
+}
+
+body.dark .container,
+body.dark .passwd-modal-content {
+    background-color: #1e1e1e;
+    box-shadow: 0 0 15px rgba(255, 255, 255, 0.2);
+}
+
+body.dark input[type="password"],
+body.dark .button-container button {
+    background-color: #333;
+    color: #e0e0e0;
+    border: 1px solid #555;
+}
+
+body.dark input[type="submit"] {
+    background-color: #cb5800;
+    color: #e0e0e0;
+}
+body.dark input[type="submit"]:hover {
+    background-color: #e16500;
+}
+
+body.dark .button-container button {
+    background-color: #2d78b9;
+}
+body.dark .button-container button:hover {
+    background-color: #1565c0;
+}
+
+body.dark .close:hover,
+body.dark .close:focus {
+    color: #e0e0e0;
 }