From 9e77c8470e4d8284489dfbca16210ce6035002bc Mon Sep 17 00:00:00 2001 From: biss Date: Sun, 23 Aug 2026 16:40:11 +0800 Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E4=BF=AE=E6=94=B92?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- web/src/components/AppUpdateManagementPanel.vue | 10 +++++----- web/src/components/CourseDiscussionPanel.vue | 2 +- web/src/style.css | 5 ++++- web/src/views/AcademicCalendarView.vue | 4 ++-- web/src/views/AccountActivationView.vue | 4 ++-- web/src/views/AccountView.vue | 2 +- web/src/views/EvaluationView.vue | 16 ++++++++-------- web/src/views/FreeClassroomsView.vue | 4 ++-- web/src/views/GradeAnalyticsView.vue | 6 +++--- web/src/views/NotificationCenterView.vue | 8 ++++---- web/src/views/TimetableView.vue | 8 ++++---- web/vite.config.ts | 4 ++++ 12 files changed, 40 insertions(+), 33 deletions(-) diff --git a/web/src/components/AppUpdateManagementPanel.vue b/web/src/components/AppUpdateManagementPanel.vue index b716f39..930bffb 100644 --- a/web/src/components/AppUpdateManagementPanel.vue +++ b/web/src/components/AppUpdateManagementPanel.vue @@ -422,14 +422,14 @@ onMounted(loadReleases) } .update-heading span { - color: #74818a; + color: #5f6f7d; font-family: "Cascadia Mono", Consolas, monospace; font-size: 10px; letter-spacing: .09em; } .update-heading h3 { font-size: 17px; margin: 3px 0 4px; } -.update-heading p { color: #66747e; font-size: 12px; margin: 0; } +.update-heading p { color: #526273; font-size: 12px; margin: 0; } .heading-actions { display: flex; gap: 8px; } .update-rules { @@ -443,7 +443,7 @@ onMounted(loadReleases) } .update-rules strong { color: #1f7468; font-size: 11px; } -.update-rules span { color: #66747e; font-size: 11px; } +.update-rules span { color: #526273; font-size: 11px; } .update-rules span::before { content: "ยท"; margin-right: 8px; } .update-filter { @@ -457,11 +457,11 @@ onMounted(loadReleases) .file-name { display: block; font-family: "Cascadia Mono", Consolas, monospace; } .version { color: #1f7468; font-size: 13px; } .file-name { font-size: 11px; } -small { color: #74818a; display: block; font-size: 10px; margin-top: 4px; } +small { color: #5f6f7d; display: block; font-size: 10px; margin-top: 4px; } .active-label { color: #1f7468; font-size: 11px; font-weight: 700; } .el-table { margin-top: 12px; } .cursor-pager { align-items:center; display:flex; gap:10px; justify-content:flex-end; padding:16px 18px; } -.cursor-pager span { color:#74818a; font-size:11px; } +.cursor-pager span { color:#5f6f7d; font-size:11px; } .form-grid { display: grid; gap: 0 14px; grid-template-columns: 1fr 1fr; } .form-grid .el-select { width: 100%; } diff --git a/web/src/components/CourseDiscussionPanel.vue b/web/src/components/CourseDiscussionPanel.vue index 1908859..114c747 100644 --- a/web/src/components/CourseDiscussionPanel.vue +++ b/web/src/components/CourseDiscussionPanel.vue @@ -70,5 +70,5 @@ watch(() => props.sheetId, () => load(true), { immediate: true }) diff --git a/web/src/style.css b/web/src/style.css index 6705bde..ffd4c5d 100644 --- a/web/src/style.css +++ b/web/src/style.css @@ -5,7 +5,7 @@ font-synthesis: none; text-rendering: optimizeLegibility; --ink: #182033; - --muted: #6d7689; + --muted: #59677a; --indigo: #233876; --indigo-deep: #152550; --teal: #087f73; @@ -1530,6 +1530,9 @@ button { cursor: pointer; } --el-border-color: #dfe5ee; --el-text-color-primary: #182033; --el-text-color-regular: #4f5b6c; + --el-text-color-secondary: #5b687a; + --el-text-color-placeholder: #637184; + --el-text-color-disabled: #566577; } body { diff --git a/web/src/views/AcademicCalendarView.vue b/web/src/views/AcademicCalendarView.vue index 6c7f2c2..da31996 100644 --- a/web/src/views/AcademicCalendarView.vue +++ b/web/src/views/AcademicCalendarView.vue @@ -777,10 +777,10 @@ onMounted(async () => { } .range-separator { padding: 0 8px; - color: #7b8794; + color: #627184; } .form-hint { - color: #718096; + color: #5f6f83; font-size: 13px; } .holiday-sync-intro { diff --git a/web/src/views/AccountActivationView.vue b/web/src/views/AccountActivationView.vue index d0291a1..576235e 100644 --- a/web/src/views/AccountActivationView.vue +++ b/web/src/views/AccountActivationView.vue @@ -256,9 +256,9 @@ onMounted(async () => { .activation-form { margin-top: 24px; } .activation-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; } .activation-form :deep(.el-select) { width: 100%; } -.password-rule { margin: -4px 0 18px; color: #738596; font-size: 12px; } +.password-rule { margin: -4px 0 18px; color: #5d7185; font-size: 12px; } .activation-submit { width: 100%; } -footer { margin-top: 22px; color: #718191; font-size: 13px; text-align: center; } +footer { margin-top: 22px; color: #5e7084; font-size: 13px; text-align: center; } footer a { color: #176b87; font-weight: 700; text-decoration: none; } @media (max-width: 640px) { .activation-page { padding: 0 14px 28px; } diff --git a/web/src/views/AccountView.vue b/web/src/views/AccountView.vue index 62f8d33..148cc4f 100644 --- a/web/src/views/AccountView.vue +++ b/web/src/views/AccountView.vue @@ -190,7 +190,7 @@ onMounted(async () => { .card-title h2 { margin: 6px 0 0; color: #263445; font-size: 21px; } dl { margin: 6px 0 0; } dl > div { display: grid; grid-template-columns: 100px 1fr; gap: 18px; padding: 16px 0; border-bottom: 1px solid #f0f2f4; } -dt { color: #7b8794; font-size: 13px; } +dt { color: #627184; font-size: 13px; } dd { margin: 0; color: #263445; font-weight: 650; } .role-list { display: flex; flex-wrap: wrap; gap: 7px; } .sso-description { min-height: 54px; margin: 22px 0; color: #65717e; line-height: 1.7; } diff --git a/web/src/views/EvaluationView.vue b/web/src/views/EvaluationView.vue index 098d8a1..64c0695 100644 --- a/web/src/views/EvaluationView.vue +++ b/web/src/views/EvaluationView.vue @@ -396,15 +396,15 @@ onMounted(async () => { {{ evalScores[dim.id] ?? 0 }} / {{ dim.maxScore }} ๅˆ†
- 0 + 0 - {{ dim.maxScore }} + {{ dim.maxScore }}
{{ evalTotal }} - / 100 ๅˆ† + / 100 ๅˆ†