优化仪表板样式 & 同步代码编辑器背景色

.github/release.md

@@ -12,6 +12,7 @@
 - 优化私有标签样式, 组织页面下的 RSS 订阅按钮样式
 - 同步用户点星仓库列表样式
 - 同步 Issue/PR 详细页面侧边栏样式
+- 同步代码编辑器背景色 (修复亮色模式下编辑器背景色问题) #12
 
 ## 🎈 Perf
 

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 {

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;
+  }
+`;

styles/components/index.ts

@@ -14,3 +14,5 @@ import "./repo";
 import "./setting";
 import "./signin";
 import "./user";
+import "./chroma";
+import "./editor"

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"; // 标签

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,