ExamAware/ExamSchedule
3
0
Fork 0
mirror of https://github.com/ExamAware/ExamSchedule.git synced 2025-04-29 19:16:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: 更新样式以改善视觉效果和可读性

Browse Source
This commit is contained in:
MKStoler1024 2025-01-16 03:53:06 +00:00
parent 53bfb592be
commit 024ec09516
1 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
exam/styles.css
View File

@ -87,7 +87,7 @@ h1 {
#message { #message {
font-size: 1.5rem; font-size: 1.5rem;
color: #e08e0e; color: #16a3d1;
margin-bottom: 20px; margin-bottom: 20px;
} }
@ -98,9 +98,9 @@ h1 {
.left-column, .right-column { .left-column, .right-column {
width: 48%; width: 48%;
background-color: #1f1f1f; background-color: rgba(31, 31, 31, 0.2);
padding: 20px; padding: 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
border-radius: 8px; border-radius: 8px;
} }
@ -109,7 +109,7 @@ h1 {
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
margin-bottom: 20px; margin-bottom: 20px;
color: #e08e0e; color: #7cc3fb;
} }
#current-subject, #exam-timing, #remaining-time, #status { #current-subject, #exam-timing, #remaining-time, #status {
@ -124,7 +124,7 @@ table {
border-collapse: collapse; border-collapse: collapse;
margin-top: 20px; margin-top: 20px;
border: 1px solid #333; border: 1px solid #333;
background-color: #1f1f1f; background-color: rgba(31, 31, 31, 0.5);
} }
th, td { th, td {
@ -136,21 +136,21 @@ th, td {
th { th {
background-color: #333; background-color: #333;
color: #ea8925; color: #7cc3fb;
font-weight: bold; font-weight: bold;
border-bottom: 2px solid #ea8925; border-bottom: 2px solid #2b71ad;
} }
.exam-status-进行中 td { .exam-status-进行中 td {
color: green !important; /* 绿色字体 */ color: #5ba838 !important; /* 绿色字体 */
} }
.exam-status-即将开始 td { .exam-status-即将开始 td {
color: orange !important; /* 橙色字体 */ color: #fe9901 !important; /* 橙色字体 */
} }
.exam-status-已结束 td { .exam-status-已结束 td {
color: red !important; /* 红色字体 */ color: #ec0434 !important; /* 红色字体 */
} }
.exam-status-空闲 td { .exam-status-空闲 td {
@ -226,7 +226,7 @@ td:last-child {
padding: 10px 20px; padding: 10px 20px;
font-size: 2rem; font-size: 2rem;
cursor: pointer; cursor: pointer;
background-color: #4CAF50; background-color: #93b4f7;
color: white; color: white;
border: none; border: none;
border-radius: 5px; border-radius: 5px;