From b0700d0bd9389e2e8f63addb9cc6b37e9754a34b Mon Sep 17 00:00:00 2001
From: yuetsh <517252939@qq.com>
Date: Fri, 23 Oct 2026 10:39:49 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E7=95=8C=E9=9D=A2):=20=E8=83=BD=E7=82=B9?=
 =?UTF-8?q?=E7=9A=84=E6=96=87=E5=AD=97=E5=B9=B3=E6=97=B6=E5=B0=B1=E6=98=AF?=
 =?UTF-8?q?=E7=BB=BF=E8=89=B2=EF=BC=8C=E4=B8=8D=E7=94=A8=E5=86=8D=E6=8A=8A?=
 =?UTF-8?q?=E9=BC=A0=E6=A0=87=E7=A7=BB=E4=B8=8A=E5=8E=BB=E6=89=8D=E7=9C=8B?=
 =?UTF-8?q?=E5=BE=97=E5=87=BA=E8=83=BD=E7=82=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

首页「全部」、提交详情的用户名和题名、题目页「点开看全部」「有 N 道差一点」、
班级对抗的班级名、知识点、后台标题等 30 多处原来和正文同色，鼠标移上去才变色，
手机上根本没有「移上去」。现在一律主题绿，移上去加下划线；没设颜色的文字按钮补上
type="primary"。排名名字列、整行可点的列表、后台 quaternary 次要按钮不动。

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 apps/web/src/admin/announcement/list.vue      |  3 +--
 apps/web/src/admin/learn/StudentDrawer.vue    |  9 +++++++++
 apps/web/src/admin/learn/index.vue            |  5 ++++-
 apps/web/src/admin/problem/Trend.vue          |  5 ++++-
 .../admin/problem/components/CaseTable.vue    |  6 +++++-
 .../problem/components/TagProblemsModal.vue   |  3 ++-
 apps/web/src/admin/problem/detail.vue         | 10 ++++++++--
 apps/web/src/admin/problem/list.vue           |  3 +--
 apps/web/src/admin/problem/tags.vue           |  5 ++---
 apps/web/src/admin/problemset/list.vue        |  6 +++++-
 apps/web/src/oj/announcement/list.vue         |  2 +-
 apps/web/src/oj/class/components/PkDuel.vue   |  4 ++--
 apps/web/src/oj/class/components/PkGrid.vue   |  4 ++--
 apps/web/src/oj/classroom/board.vue           |  6 +++---
 apps/web/src/oj/contest/pages/rank.vue        |  6 +++++-
 apps/web/src/oj/home/TeacherHome.vue          | 20 ++++++++++++++++++-
 apps/web/src/oj/home/dashboard.vue            |  4 ++--
 .../oj/problem/components/FlowchartResult.vue |  2 +-
 .../oj/problem/components/ProblemContent.vue  |  2 +-
 .../problem/components/ProblemSubmission.vue  |  6 +++---
 .../src/oj/problem/components/ProgressRow.vue |  8 ++++----
 .../oj/problem/components/SimilarProblems.vue |  4 ++++
 apps/web/src/oj/problemset/detail.vue         |  7 ++++++-
 .../src/oj/rank/components/ClassBattle.vue    |  3 +--
 apps/web/src/oj/rank/components/RankMe.vue    |  4 ++--
 .../src/oj/statistics/components/Lessons.vue  |  8 +++++---
 .../oj/submission/components/ExplainNote.vue  |  6 +++++-
 .../submission/components/FlowchartPane.vue   | 14 ++++++++++++-
 .../submission/components/SubmissionPane.vue  | 10 +++++++---
 .../submission/components/SubmissionView.vue  | 10 +++++++---
 .../src/oj/user/components/KnowledgeMap.vue   |  5 +++++
 .../src/shared/components/FlowchartNote.vue   |  4 ++--
 32 files changed, 141 insertions(+), 53 deletions(-)

diff --git a/apps/web/src/admin/announcement/list.vue b/apps/web/src/admin/announcement/list.vue
index 218af72..e2b2806 100644
--- a/apps/web/src/admin/announcement/list.vue
+++ b/apps/web/src/admin/announcement/list.vue
@@ -197,13 +197,12 @@ watch(query, listAnnouncements, { deep: true })
 }
 
 .ann-table :deep(.title-link) {
-  color: inherit;
+  color: v-bind("theme.primaryColor");
   font-weight: 500;
   text-decoration: none;
 }
 
 .ann-table :deep(.title-link:hover) {
-  color: v-bind("theme.primaryColor");
   text-decoration: underline;
 }
 
diff --git a/apps/web/src/admin/learn/StudentDrawer.vue b/apps/web/src/admin/learn/StudentDrawer.vue
index 9f4a575..4bd8e64 100644
--- a/apps/web/src/admin/learn/StudentDrawer.vue
+++ b/apps/web/src/admin/learn/StudentDrawer.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { Icon } from "@iconify/vue"
 import { useThemeVars } from "naive-ui"
 import { getLearnStudent } from "admin/api"
 import { parseTime, readableDuration } from "utils/functions"
@@ -159,6 +160,14 @@ watch(
                   :class="stateOf(ex)"
                 />
               </span>
+              <Icon
+                v-if="lesson.exercises.length || lesson.problems.length"
+                :icon="
+                  expanded.has(lesson.tutorialId) ? 'ph:caret-down-bold' : 'ph:caret-right-bold'
+                "
+                :width="12"
+                class="muted"
+              />
             </span>
             <span class="lesson-line small muted num">
               <template v-if="lesson.viewCount">
diff --git a/apps/web/src/admin/learn/index.vue b/apps/web/src/admin/learn/index.vue
index 3ac1dbe..ccf18c9 100644
--- a/apps/web/src/admin/learn/index.vue
+++ b/apps/web/src/admin/learn/index.vue
@@ -650,7 +650,10 @@ onMounted(load)
   text-align: left;
   cursor: pointer;
 }
-.name-btn:hover {
+.name-btn :deep(.name) {
+  color: v-bind("theme.primaryColor");
+}
+.name-btn:hover :deep(.name) {
   text-decoration: underline;
 }
 .c-num {
diff --git a/apps/web/src/admin/problem/Trend.vue b/apps/web/src/admin/problem/Trend.vue
index 2dc6cfc..fcad194 100644
--- a/apps/web/src/admin/problem/Trend.vue
+++ b/apps/web/src/admin/problem/Trend.vue
@@ -332,9 +332,12 @@ html.dark .page {
   color: inherit;
   text-decoration: none;
 }
-a.c-title:hover .ptitle {
+a.c-title .ptitle {
   color: var(--learn-green-text);
 }
+a.c-title:hover .ptitle {
+  text-decoration: underline;
+}
 .pid {
   width: 34px;
   flex-shrink: 0;
diff --git a/apps/web/src/admin/problem/components/CaseTable.vue b/apps/web/src/admin/problem/components/CaseTable.vue
index 3936552..ae978b0 100644
--- a/apps/web/src/admin/problem/components/CaseTable.vue
+++ b/apps/web/src/admin/problem/components/CaseTable.vue
@@ -219,10 +219,14 @@ const status = (row: CaseRow) => caseStatus(row, props.source)
   padding: 0;
   background: none;
   font: inherit;
-  color: v-bind("theme.textColor3");
+  color: v-bind("theme.primaryColor");
   cursor: pointer;
 }
 
+.more:hover {
+  text-decoration: underline;
+}
+
 .was {
   color: v-bind("theme.warningColorPressed");
 }
diff --git a/apps/web/src/admin/problem/components/TagProblemsModal.vue b/apps/web/src/admin/problem/components/TagProblemsModal.vue
index c36f41f..4fa8d64 100644
--- a/apps/web/src/admin/problem/components/TagProblemsModal.vue
+++ b/apps/web/src/admin/problem/components/TagProblemsModal.vue
@@ -35,7 +35,8 @@ const allColumns: DataTableColumn<AdminProblemRow>[] = [
     title: "题目",
     key: "title",
     minWidth: 200,
-    render: (row) => h(NButton, { text: true, onClick: () => goEdit(row) }, () => row.title),
+    render: (row) =>
+      h(NButton, { text: true, type: "primary", onClick: () => goEdit(row) }, () => row.title),
   },
   {
     title: "学生看得到",
diff --git a/apps/web/src/admin/problem/detail.vue b/apps/web/src/admin/problem/detail.vue
index 3258c1e..5daf310 100644
--- a/apps/web/src/admin/problem/detail.vue
+++ b/apps/web/src/admin/problem/detail.vue
@@ -1160,7 +1160,13 @@ onMounted(async () => {
                 :height="codeHeight(form.templates[lang].template, 4, 16)"
                 placeholder="不写就用全站默认的"
               />
-              <n-button text size="small" class="hiddenToggle" @click="showHidden = !showHidden">
+              <n-button
+                text
+                type="primary"
+                size="small"
+                class="hiddenToggle"
+                @click="showHidden = !showHidden"
+              >
                 {{ showHidden ? "▾" : "›" }} 藏在学生代码前面 / 后面一起运行的代码（学生看不到）
               </n-button>
               <template v-if="showHidden">
@@ -1671,7 +1677,7 @@ onMounted(async () => {
   border: 0;
   background: transparent;
   font: inherit;
-  color: v-bind("theme.textColor1");
+  color: v-bind("theme.primaryColor");
   text-align: left;
   cursor: pointer;
 }
diff --git a/apps/web/src/admin/problem/list.vue b/apps/web/src/admin/problem/list.vue
index 075c7ce..1522308 100644
--- a/apps/web/src/admin/problem/list.vue
+++ b/apps/web/src/admin/problem/list.vue
@@ -481,13 +481,12 @@ watch(() => [query.page, query.limit, query.author, query.kind, query.visible],
 }
 
 .problem-table :deep(.title-link) {
-  color: inherit;
+  color: v-bind("theme.primaryColor");
   font-weight: 500;
   text-decoration: none;
 }
 
 .problem-table :deep(.title-link:hover) {
-  color: v-bind("theme.primaryColor");
   text-decoration: underline;
 }
 
diff --git a/apps/web/src/admin/problem/tags.vue b/apps/web/src/admin/problem/tags.vue
index 71cb1fc..56248d8 100644
--- a/apps/web/src/admin/problem/tags.vue
+++ b/apps/web/src/admin/problem/tags.vue
@@ -122,7 +122,7 @@ watchDebounced(keyword, listTags, { debounce: 500, maxWait: 1000 })
   <div v-if="pendingTags.length" class="pending">
     <b>还没归类</b>
     <div v-for="tag in pendingTags" :key="tag.id" class="pending-item">
-      <n-button text @click="openTagProblems(tag)">{{ tag.name }}</n-button>
+      <n-button text type="primary" @click="openTagProblems(tag)">{{ tag.name }}</n-button>
       <span class="muted">{{ tag.problemCount }} 道</span>
       <n-button size="small" @click="changeCategory(tag, 'knowledge')">算知识点</n-button>
       <n-button size="small" @click="changeCategory(tag, 'theme')">算主题</n-button>
@@ -257,12 +257,11 @@ watchDebounced(keyword, listTags, { debounce: 500, maxWait: 1000 })
   font: inherit;
   font-size: 15px;
   text-align: left;
-  color: v-bind("theme.textColor1");
+  color: v-bind("theme.primaryColor");
   cursor: pointer;
 }
 
 .name:hover {
-  color: v-bind("theme.primaryColor");
   text-decoration: underline;
 }
 
diff --git a/apps/web/src/admin/problemset/list.vue b/apps/web/src/admin/problemset/list.vue
index 94e0ae5..0b56778 100644
--- a/apps/web/src/admin/problemset/list.vue
+++ b/apps/web/src/admin/problemset/list.vue
@@ -26,7 +26,11 @@ function edit(row: AdminProblemSet) {
 }
 
 function renderTitle(row: AdminProblemSet) {
-  return h(NButton, { text: true, onClick: () => edit(row) }, { default: () => row.title })
+  return h(
+    NButton,
+    { text: true, type: "primary", onClick: () => edit(row) },
+    { default: () => row.title },
+  )
 }
 
 function renderAssigned(row: AdminProblemSet) {
diff --git a/apps/web/src/oj/announcement/list.vue b/apps/web/src/oj/announcement/list.vue
index 75c2ea4..5ff74a0 100644
--- a/apps/web/src/oj/announcement/list.vue
+++ b/apps/web/src/oj/announcement/list.vue
@@ -284,7 +284,7 @@ h2 {
   display: inline-block;
   margin-bottom: 12px;
   font-size: var(--oj-fs-sec);
-  color: v-bind("theme.textColor3");
+  color: v-bind("theme.primaryColor");
   cursor: pointer;
 }
 
diff --git a/apps/web/src/oj/class/components/PkDuel.vue b/apps/web/src/oj/class/components/PkDuel.vue
index f329c69..03693ab 100644
--- a/apps/web/src/oj/class/components/PkDuel.vue
+++ b/apps/web/src/oj/class/components/PkDuel.vue
@@ -513,13 +513,13 @@ const tab = ref<"weekly" | "dist">("weekly")
   max-width: 100%;
   font-size: var(--oj-fs-sec);
   font-weight: 600;
-  color: v-bind("theme.textColor1");
+  color: v-bind("theme.primaryColor");
   text-decoration: none;
 }
 
 .title a:hover,
 .m-title a:hover {
-  color: v-bind("theme.primaryColor");
+  text-decoration: underline;
 }
 
 .ell {
diff --git a/apps/web/src/oj/class/components/PkGrid.vue b/apps/web/src/oj/class/components/PkGrid.vue
index 9b0bbb0..d54a06d 100644
--- a/apps/web/src/oj/class/components/PkGrid.vue
+++ b/apps/web/src/oj/class/components/PkGrid.vue
@@ -289,13 +289,13 @@ const medal = (index: number) => palette.value.medal[index]
 .name a {
   font-size: var(--oj-fs-sec);
   font-weight: 600;
-  color: v-bind("theme.textColor1");
+  color: v-bind("theme.primaryColor");
   text-decoration: none;
   min-width: 0;
 }
 
 .name a:hover {
-  color: v-bind("theme.primaryColor");
+  text-decoration: underline;
 }
 
 .id {
diff --git a/apps/web/src/oj/classroom/board.vue b/apps/web/src/oj/classroom/board.vue
index af3c318..650dde1 100644
--- a/apps/web/src/oj/classroom/board.vue
+++ b/apps/web/src/oj/classroom/board.vue
@@ -467,7 +467,7 @@ function lastText(student: ClassBoardStudent) {
         <span v-if="board.assignedAt" class="assigned">
           {{ parseTime(board.assignedAt, "HH:mm") }} {{ board.assignedBy }} 布置
         </span>
-        <n-button text class="edit" @click="editing = true">
+        <n-button text type="primary" class="edit" @click="editing = true">
           <template #icon><Icon icon="ph:pencil-simple" /></template>
           {{ board.source === "teacher" ? "改" : "布置" }}
         </n-button>
@@ -998,12 +998,12 @@ function lastText(student: ClassBoardStudent) {
 .panel-title {
   font-size: 16px;
   font-weight: 600;
-  color: inherit;
+  color: v-bind("theme.primaryColor");
   text-decoration: none;
 }
 
 .panel-title:hover {
-  color: v-bind("theme.primaryColor");
+  text-decoration: underline;
 }
 
 .groups {
diff --git a/apps/web/src/oj/contest/pages/rank.vue b/apps/web/src/oj/contest/pages/rank.vue
index 94f90dc..bf0731c 100644
--- a/apps/web/src/oj/contest/pages/rank.vue
+++ b/apps/web/src/oj/contest/pages/rank.vue
@@ -495,7 +495,11 @@ const columns = computed(() => {
 
 .ph b {
   font-size: var(--oj-fs-sec);
-  color: v-bind("theme.textColor2");
+  color: v-bind("theme.primaryColor");
+}
+
+.ph:hover b {
+  text-decoration: underline;
 }
 
 .ph span {
diff --git a/apps/web/src/oj/home/TeacherHome.vue b/apps/web/src/oj/home/TeacherHome.vue
index f84ee37..93f9bf8 100644
--- a/apps/web/src/oj/home/TeacherHome.vue
+++ b/apps/web/src/oj/home/TeacherHome.vue
@@ -134,7 +134,7 @@ const shortcuts = computed(() =>
       <div class="card-head">
         <h3>公告</h3>
         <span class="spacer"></span>
-        <router-link to="/announcement" class="muted">全部</router-link>
+        <router-link to="/announcement" class="more">全部</router-link>
       </div>
       <router-link
         v-for="item in announcements"
@@ -236,6 +236,16 @@ const shortcuts = computed(() =>
   flex: 1 1 auto;
 }
 
+.more {
+  font-size: 14px;
+  color: v-bind("theme.primaryColor");
+  text-decoration: none;
+}
+
+.more:hover {
+  text-decoration: underline;
+}
+
 .minis {
   display: flex;
   flex-wrap: wrap;
@@ -252,6 +262,14 @@ const shortcuts = computed(() =>
   text-decoration: none;
 }
 
+.mini b.num {
+  color: v-bind("theme.primaryColor");
+}
+
+.mini:hover b.num {
+  text-decoration: underline;
+}
+
 .mini i {
   display: block;
   height: 5px;
diff --git a/apps/web/src/oj/home/dashboard.vue b/apps/web/src/oj/home/dashboard.vue
index 8e54518..d15392f 100644
--- a/apps/web/src/oj/home/dashboard.vue
+++ b/apps/web/src/oj/home/dashboard.vue
@@ -703,7 +703,7 @@ a.row:hover {
 
 .more,
 .plain-link {
-  color: inherit;
+  color: #18a058;
   text-decoration: none;
 }
 
@@ -713,6 +713,6 @@ a.row:hover {
 
 .more:hover,
 .plain-link:hover {
-  color: #18a058;
+  text-decoration: underline;
 }
 </style>
diff --git a/apps/web/src/oj/problem/components/FlowchartResult.vue b/apps/web/src/oj/problem/components/FlowchartResult.vue
index eea7c1c..3fe4ad0 100644
--- a/apps/web/src/oj/problem/components/FlowchartResult.vue
+++ b/apps/web/src/oj/problem/components/FlowchartResult.vue
@@ -297,7 +297,7 @@ function goCode() {
             <n-button text type="primary" size="small" @click="versionZoom = true">
               放大看
             </n-button>
-            <n-button text size="small" @click="versionOpen = !versionOpen">
+            <n-button text type="primary" size="small" @click="versionOpen = !versionOpen">
               {{ versionOpen ? "收起" : "展开" }}
             </n-button>
           </div>
diff --git a/apps/web/src/oj/problem/components/ProblemContent.vue b/apps/web/src/oj/problem/components/ProblemContent.vue
index 413b0bd..b8497a5 100644
--- a/apps/web/src/oj/problem/components/ProblemContent.vue
+++ b/apps/web/src/oj/problem/components/ProblemContent.vue
@@ -272,7 +272,7 @@ const astRequirements = computed(() => Object.entries(problem.value?.astRequirem
         <n-button text type="primary" size="small" @click="myFlowchartZoom = true">
           放大看
         </n-button>
-        <n-button text size="small" @click="myFlowchartOpen = !myFlowchartOpen">
+        <n-button text type="primary" size="small" @click="myFlowchartOpen = !myFlowchartOpen">
           {{ myFlowchartOpen ? "收起" : "展开" }}
         </n-button>
       </div>
diff --git a/apps/web/src/oj/problem/components/ProblemSubmission.vue b/apps/web/src/oj/problem/components/ProblemSubmission.vue
index 747e287..2876268 100644
--- a/apps/web/src/oj/problem/components/ProblemSubmission.vue
+++ b/apps/web/src/oj/problem/components/ProblemSubmission.vue
@@ -325,7 +325,7 @@ watch(query, () => {
                   放回编辑器
                 </n-button>
                 <n-button size="small" @click="copy(row.id)">复制</n-button>
-                <n-button size="small" text class="more" @click="openDetail(row.id)">
+                <n-button size="small" text type="primary" class="more" @click="openDetail(row.id)">
                   完整详情 ›
                 </n-button>
               </div>
@@ -499,12 +499,12 @@ watch(query, () => {
   border: 0;
   background: transparent;
   font: inherit;
-  color: v-bind("theme.textColor3");
+  color: v-bind("theme.primaryColor");
   cursor: pointer;
 }
 
 .code-more:hover {
-  color: v-bind("theme.primaryColor");
+  text-decoration: underline;
 }
 
 .detail-actions {
diff --git a/apps/web/src/oj/problem/components/ProgressRow.vue b/apps/web/src/oj/problem/components/ProgressRow.vue
index ef5cacb..3923bfa 100644
--- a/apps/web/src/oj/problem/components/ProgressRow.vue
+++ b/apps/web/src/oj/problem/components/ProgressRow.vue
@@ -169,11 +169,11 @@ const fresh = computed(() => props.progress.solved === 0)
 
 .next b {
   font-weight: 600;
-  color: v-bind("theme.textColor1");
+  color: v-bind("theme.primaryColor");
 }
 
 .next:hover b {
-  color: v-bind("theme.primaryColor");
+  text-decoration: underline;
 }
 
 .almost {
@@ -181,7 +181,7 @@ const fresh = computed(() => props.progress.solved === 0)
   padding: 0;
   background: transparent;
   font: inherit;
-  color: v-bind("theme.textColor3");
+  color: v-bind("theme.primaryColor");
   display: inline-flex;
   align-items: center;
   gap: 3px;
@@ -189,7 +189,7 @@ const fresh = computed(() => props.progress.solved === 0)
 }
 
 .almost:hover {
-  color: v-bind("theme.primaryColor");
+  text-decoration: underline;
 }
 
 .start {
diff --git a/apps/web/src/oj/problem/components/SimilarProblems.vue b/apps/web/src/oj/problem/components/SimilarProblems.vue
index a6b9e0b..65dc4e4 100644
--- a/apps/web/src/oj/problem/components/SimilarProblems.vue
+++ b/apps/web/src/oj/problem/components/SimilarProblems.vue
@@ -10,6 +10,7 @@ const cache = new Map<string, Promise<ProblemRow[]>>()
 
 <script setup lang="ts">
 import { storeToRefs } from "pinia"
+import { useThemeVars } from "naive-ui"
 import { getSimilarProblems } from "oj/api"
 import { useProblemStore } from "oj/store/problem"
 
@@ -19,6 +20,8 @@ import { useProblemStore } from "oj/store/problem"
  */
 const props = defineProps<{ title: string }>()
 
+const theme = useThemeVars()
+
 const { problem } = storeToRefs(useProblemStore())
 const list = ref<ProblemRow[]>([])
 
@@ -90,6 +93,7 @@ function difficultyType(difficulty: string) {
 }
 
 .name {
+  color: v-bind("theme.primaryColor");
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
diff --git a/apps/web/src/oj/problemset/detail.vue b/apps/web/src/oj/problemset/detail.vue
index 49f3db4..be5beab 100644
--- a/apps/web/src/oj/problemset/detail.vue
+++ b/apps/web/src/oj/problemset/detail.vue
@@ -152,7 +152,7 @@ const purple = { color: "#5b3fa8", background: "rgba(122, 95, 208, 0.12)" }
       <span v-if="progress?.isCompleted" class="done-mark" aria-hidden="true">✓</span>
       <div class="head">
         <div class="row">
-          <router-link :to="{ name: 'problemsets' }" class="muted back">‹ 题单</router-link>
+          <router-link :to="{ name: 'problemsets' }" class="back">‹ 题单</router-link>
           <h2 class="ell">{{ set.title }}</h2>
           <span v-if="set.assigning" class="pill assign"
             >布置到 {{ parseTime(set.assignedUntil!, "M月D日") }}</span
@@ -367,9 +367,14 @@ const purple = { color: "#5b3fa8", background: "rgba(122, 95, 208, 0.12)" }
 .back {
   flex-shrink: 0;
   font-size: var(--oj-fs-sec);
+  color: v-bind("theme.primaryColor");
   text-decoration: none;
 }
 
+.back:hover {
+  text-decoration: underline;
+}
+
 .count {
   font-size: 28px;
   font-weight: 700;
diff --git a/apps/web/src/oj/rank/components/ClassBattle.vue b/apps/web/src/oj/rank/components/ClassBattle.vue
index 2440c39..39ab0b9 100644
--- a/apps/web/src/oj/rank/components/ClassBattle.vue
+++ b/apps/web/src/oj/rank/components/ClassBattle.vue
@@ -151,14 +151,13 @@ function shortLabel(className: string) {
   border: 0;
   background: none;
   font: inherit;
-  color: inherit;
+  color: v-bind("theme.primaryColor");
   text-align: left;
   white-space: nowrap;
   cursor: pointer;
 }
 
 .name:hover {
-  color: v-bind("theme.primaryColor");
   text-decoration: underline;
 }
 
diff --git a/apps/web/src/oj/rank/components/RankMe.vue b/apps/web/src/oj/rank/components/RankMe.vue
index c48b2fe..3d8e819 100644
--- a/apps/web/src/oj/rank/components/RankMe.vue
+++ b/apps/web/src/oj/rank/components/RankMe.vue
@@ -175,7 +175,7 @@ function threatNote(me: RankRow, behind: RankRow) {
     </div>
     <div v-if="minis.length" class="minis">
       <button v-for="mini in minis" :key="mini.label" class="mini" @click="mini.go">
-        <span class="mini-label">{{ mini.label }}</span>
+        <span class="mini-label">{{ mini.label }} ›</span>
         <b v-if="mini.rank && mini.cap && mini.rank > mini.cap">{{ mini.cap }} 名以外</b>
         <b v-else-if="mini.rank"
           >第 {{ mini.rank }}<small v-if="mini.total"> / {{ mini.total }}</small></b
@@ -412,7 +412,7 @@ function threatNote(me: RankRow, behind: RankRow) {
   padding-top: 10px;
   border-top: 1px solid rgba(24, 160, 88, 0.3);
   font-size: var(--oj-fs-sec);
-  color: #2f6fd0;
+  color: v-bind("theme.primaryColor");
   text-decoration: none;
 }
 
diff --git a/apps/web/src/oj/statistics/components/Lessons.vue b/apps/web/src/oj/statistics/components/Lessons.vue
index 6318639..3c0c2ba 100644
--- a/apps/web/src/oj/statistics/components/Lessons.vue
+++ b/apps/web/src/oj/statistics/components/Lessons.vue
@@ -303,10 +303,12 @@ function percent(value: number, total: number) {
   border-radius: 8px;
 }
 
+/* 横幅本身就是绿的，字再绿也看不出能点，靠下划线 */
 .live-link {
   color: inherit;
   font-weight: 600;
-  text-decoration: none;
+  text-decoration: underline;
+  text-underline-offset: 3px;
   display: inline-flex;
   align-items: center;
   gap: 4px;
@@ -522,12 +524,12 @@ function percent(value: number, total: number) {
 }
 
 .hard-title a {
-  color: v-bind("theme.textColor1");
+  color: v-bind("theme.primaryColor");
   text-decoration: none;
 }
 
 .hard-title a:hover {
-  color: v-bind("theme.primaryColor");
+  text-decoration: underline;
 }
 
 .mini {
diff --git a/apps/web/src/oj/submission/components/ExplainNote.vue b/apps/web/src/oj/submission/components/ExplainNote.vue
index e290a71..7014477 100644
--- a/apps/web/src/oj/submission/components/ExplainNote.vue
+++ b/apps/web/src/oj/submission/components/ExplainNote.vue
@@ -65,10 +65,14 @@ watch(
   display: inline-flex;
   align-items: center;
   gap: 3px;
-  color: v-bind("theme.textColor3");
+  color: v-bind("theme.primaryColor");
   text-decoration: none;
 }
 
+.raw-toggle:hover {
+  text-decoration: underline;
+}
+
 .raw {
   margin: 0;
   max-height: 140px;
diff --git a/apps/web/src/oj/submission/components/FlowchartPane.vue b/apps/web/src/oj/submission/components/FlowchartPane.vue
index 396f159..5ec5ea7 100644
--- a/apps/web/src/oj/submission/components/FlowchartPane.vue
+++ b/apps/web/src/oj/submission/components/FlowchartPane.vue
@@ -446,6 +446,14 @@ const canRetry = computed(
   text-decoration: none;
 }
 
+.user-link :deep(.name) {
+  color: v-bind("theme.primaryColor");
+}
+
+.user-link:hover :deep(.name) {
+  text-decoration: underline;
+}
+
 .render-error {
   display: flex;
   flex-direction: column;
@@ -477,12 +485,16 @@ const canRetry = computed(
 }
 
 .problem {
-  color: v-bind("theme.textColor1");
+  color: v-bind("theme.primaryColor");
   text-decoration: none;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
+.problem:hover {
+  text-decoration: underline;
+}
+
 /* 只留漏斗图标（右栏六百来宽，带字的话名字、题目和按钮排不进一行），字在 title 里 */
 .filter-pill {
   flex: none;
diff --git a/apps/web/src/oj/submission/components/SubmissionPane.vue b/apps/web/src/oj/submission/components/SubmissionPane.vue
index c108c4f..a0daf75 100644
--- a/apps/web/src/oj/submission/components/SubmissionPane.vue
+++ b/apps/web/src/oj/submission/components/SubmissionPane.vue
@@ -460,10 +460,14 @@ function openStandalone() {
   text-decoration: none;
 }
 
-.user-link:hover :deep(.name) {
+.user-link :deep(.name) {
   color: v-bind("theme.primaryColor");
 }
 
+.user-link:hover :deep(.name) {
+  text-decoration: underline;
+}
+
 .who {
   display: flex;
   align-items: center;
@@ -476,7 +480,7 @@ function openStandalone() {
 }
 
 .problem {
-  color: v-bind("theme.textColor1");
+  color: v-bind("theme.primaryColor");
   text-decoration: none;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -484,7 +488,7 @@ function openStandalone() {
 }
 
 .problem:hover {
-  color: v-bind("theme.primaryColor");
+  text-decoration: underline;
 }
 
 .problem-id {
diff --git a/apps/web/src/oj/submission/components/SubmissionView.vue b/apps/web/src/oj/submission/components/SubmissionView.vue
index 649ec76..c842f58 100644
--- a/apps/web/src/oj/submission/components/SubmissionView.vue
+++ b/apps/web/src/oj/submission/components/SubmissionView.vue
@@ -431,10 +431,14 @@ function handleMore(key: string) {
   text-decoration: none;
 }
 
-.user-link:hover :deep(.name) {
+.user-link :deep(.name) {
   color: v-bind("theme.primaryColor");
 }
 
+.user-link:hover :deep(.name) {
+  text-decoration: underline;
+}
+
 .cls {
   height: 22px;
   padding: 0 8px;
@@ -455,12 +459,12 @@ function handleMore(key: string) {
   overflow: hidden;
   text-overflow: ellipsis;
   font-weight: 600;
-  color: v-bind("theme.textColor1");
+  color: v-bind("theme.primaryColor");
   text-decoration: none;
 }
 
 .problem:hover {
-  color: v-bind("theme.primaryColor");
+  text-decoration: underline;
 }
 
 .problem-id {
diff --git a/apps/web/src/oj/user/components/KnowledgeMap.vue b/apps/web/src/oj/user/components/KnowledgeMap.vue
index 1f6720e..f01b394 100644
--- a/apps/web/src/oj/user/components/KnowledgeMap.vue
+++ b/apps/web/src/oj/user/components/KnowledgeMap.vue
@@ -106,6 +106,10 @@ h3 small {
   text-decoration: none;
 }
 
+.row:hover .name {
+  text-decoration: underline;
+}
+
 .head {
   display: flex;
   align-items: center;
@@ -114,6 +118,7 @@ h3 small {
 
 .name {
   width: 72px;
+  color: v-bind("theme.primaryColor");
   font-size: var(--oj-fs-sec);
   font-weight: 500;
   white-space: nowrap;
diff --git a/apps/web/src/shared/components/FlowchartNote.vue b/apps/web/src/shared/components/FlowchartNote.vue
index 594d777..563da1f 100644
--- a/apps/web/src/shared/components/FlowchartNote.vue
+++ b/apps/web/src/shared/components/FlowchartNote.vue
@@ -214,7 +214,7 @@ function toggle() {
   background: transparent;
   font: inherit;
   font-size: 13px;
-  color: v-bind("theme.textColor2");
+  color: v-bind("theme.primaryColor");
   display: inline-flex;
   align-items: center;
   gap: 6px;
@@ -222,7 +222,7 @@ function toggle() {
 }
 
 .toggle:hover {
-  color: v-bind("theme.primaryColor");
+  text-decoration: underline;
 }
 
 .caret {