From 9949bdc7bd2f391d9c767d71227818b8ac7fd8c8 Mon Sep 17 00:00:00 2001
From: lutinglt <lutinglt@users.noreply.github.com>
Date: Wed, 13 Aug 2025 11:20:01 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E4=BB=AA=E8=A1=A8=E6=9D=BF?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=20&=20=E5=90=8C=E6=AD=A5=E4=BB=A3=E7=A0=81?=
 =?UTF-8?q?=E7=BC=96=E8=BE=91=E5=99=A8=E8=83=8C=E6=99=AF=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .github/release.md                      |  1 +
 styles/{public => components}/chroma.ts |  0
 styles/components/dashboard.ts          | 13 ++++++++++++-
 styles/components/editor.ts             | 16 ++++++++++++++++
 styles/components/index.ts              |  2 ++
 styles/public/index.ts                  |  1 -
 styles/public/transition.ts             |  2 ++
 7 files changed, 33 insertions(+), 2 deletions(-)
 rename styles/{public => components}/chroma.ts (100%)
 create mode 100644 styles/components/editor.ts

diff --git a/.github/release.md b/.github/release.md
index a343401..2321c9a 100644
--- a/.github/release.md
+++ b/.github/release.md
@@ -12,6 +12,7 @@
 - 优化私有标签样式, 组织页面下的 RSS 订阅按钮样式
 - 同步用户点星仓库列表样式
 - 同步 Issue/PR 详细页面侧边栏样式
+- 同步代码编辑器背景色 (修复亮色模式下编辑器背景色问题) #12
 
 ## 🎈 Perf
 
diff --git a/styles/public/chroma.ts b/styles/components/chroma.ts
similarity index 100%
rename from styles/public/chroma.ts
rename to styles/components/chroma.ts
diff --git a/styles/components/dashboard.ts b/styles/components/dashboard.ts
index 3ed64ae..3f49b7e 100644
--- a/styles/components/dashboard.ts
+++ b/styles/components/dashboard.ts
@@ -4,7 +4,18 @@ export const dashboard = css`
   .page-content.dashboard {
     // 仓库列表的仓库/组织切换按钮
     .ui.two.item.menu {
-      background-color: unset;
+      box-shadow: ${themeVars.github.shadow.floating.small};
+      border: unset;
+      border-radius: 12px;
+      margin-bottom: 8px;
+      > .item {
+        &:first-child {
+          border-radius: 12px 0 0 12px;
+        }
+        &:last-child {
+          border-radius: 0 12px 12px 0;
+        }
+      }
     }
     // 仓库/组织列表标题
     .ui.top.attached.header {
diff --git a/styles/components/editor.ts b/styles/components/editor.ts
new file mode 100644
index 0000000..31a8729
--- /dev/null
+++ b/styles/components/editor.ts
@@ -0,0 +1,16 @@
+import { css, themeVars } from "src/types/vars";
+
+export const monaco = css`
+  .monaco-editor {
+    font-size: 12px;
+    --vscode-editor-background: ${themeVars.color.body} !important;
+    --vscode-editorGutter-background: ${themeVars.color.body} !important;
+  }
+  // 滚动时固定在顶部的行
+  .monaco-editor .sticky-widget {
+    background: ${themeVars.color.body} !important;
+    border-bottom: 0.5px solid ${themeVars.color.secondary.self};
+    box-shadow: 0 1px 0 ${themeVars.color.secondary.self} !important;
+    width: 100% !important;
+  }
+`;
diff --git a/styles/components/index.ts b/styles/components/index.ts
index 23c12d7..3d048eb 100644
--- a/styles/components/index.ts
+++ b/styles/components/index.ts
@@ -14,3 +14,5 @@ import "./repo";
 import "./setting";
 import "./signin";
 import "./user";
+import "./chroma";
+import "./editor"
\ No newline at end of file
diff --git a/styles/public/index.ts b/styles/public/index.ts
index 09d2367..8ebb4b0 100644
--- a/styles/public/index.ts
+++ b/styles/public/index.ts
@@ -5,7 +5,6 @@ import "./radius"; // 圆角, 此样式为基础样式, 确保在其他样式之
 import "./transition"; // 过渡效果
 import "./text"; // 文本或 SVG 的基本颜色
 import "./button"; // 按钮
-import "./chroma"; // 代码高亮
 import "./dropdown"; // 下拉框
 import "./input"; // 输入框
 import "./label"; // 标签
diff --git a/styles/public/transition.ts b/styles/public/transition.ts
index 1218f6b..492cba7 100644
--- a/styles/public/transition.ts
+++ b/styles/public/transition.ts
@@ -14,6 +14,8 @@ export const transition = css`
   // 仓库 README 头部的按钮
   .file-header-left,
   .file-header-right,
+  // 仪表板仓库列表
+  .ui.attached.segment.table ul li,
   .tippy-box .flex-items-block .item,
   .clone-panel-tab .item,
   .ui.form select,