mirror of
https://hub.gitmirror.com/https://github.com/ExamAware/ExamCloudSchedule
synced 2025-04-29 13:46:35 +00:00
feat: 更新暗黑主题样式,添加背景图和优化颜色
This commit is contained in:
parent
0ed6363a16
commit
6ce7bcbb59
BIN
background-dark.jpg
Normal file
BIN
background-dark.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.5 MiB |
23
index.php
23
index.php
@ -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>
|
Loading…
x
Reference in New Issue
Block a user