From e1d1a2d0f9674c2f24bd96ee1d745986efc03ab1 Mon Sep 17 00:00:00 2001
From: lutinglt <lutinglt@users.noreply.github.com>
Date: Mon, 13 Jan 2025 20:15:50 +0800
Subject: [PATCH] =?UTF-8?q?Actions=E5=92=8C=E8=8F=9C=E5=8D=95=E9=A1=B9?=
 =?UTF-8?q?=E5=90=8C=E6=AD=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .github/release.md       | 19 ++++---------------
 package.json             |  1 +
 src/actions.scss         | 36 +++++++++++++++++++++++++++++-------
 src/root.scss            |  8 ++++----
 src/setting.scss         |  8 ++++----
 src/theme-github-my.scss | 12 ++++++++++++
 6 files changed, 54 insertions(+), 30 deletions(-)
 create mode 100644 src/theme-github-my.scss

diff --git a/.github/release.md b/.github/release.md
index b3c4e52..9a9b9b8 100644
--- a/.github/release.md
+++ b/.github/release.md
@@ -2,18 +2,7 @@
 
 #### 更符合 GitHub 风格
 
-- 微调侧边栏元素的间隔
-- 版本发布整体调整
-- 仓库分支下拉菜单优化
-- 调整工作流步骤状态图标颜色和间隔
-- 工作流禁用标签颜色和位置优化
-- 版本发布页长标签不再使用动态宽度显示全部内容, 使用固定宽度, 过长内容使用省略号替代
-
-## 🎈 Perf
-
-- 手动工作流分支按钮优化 `布局类似代码页的分支按钮`
-- 下拉菜单按钮优化 `观感更居中`
-
-## 🐞 Fix
-
-- 修复工作流选中作业鼠标停留时缺失的效果
\ No newline at end of file
+- 微调菜单项按钮样式
+- Actions 工作流日志页面与浏览器同宽
+- Actions 工作流日志页面样式优化
+- 全局激活颜色和悬停颜色优化
\ No newline at end of file
diff --git a/package.json b/package.json
index d2f9223..8d323d4 100644
--- a/package.json
+++ b/package.json
@@ -6,6 +6,7 @@
     "build": "sass src/theme-github.scss:dist/theme-github.css --no-source-map",
     "build:theme": "npm run build -- --style=compressed",
     "build:theme-fonts": "sass src/theme-github-fonts.scss:dist/theme-github.css --no-source-map --style=compressed",
+    "build:theme-my": "sass src/theme-github-my.scss:dist/theme-github.css --no-source-map --style=compressed",
     "watch": "npm run build -- --watch"
   },
   "repository": {
diff --git a/src/actions.scss b/src/actions.scss
index 0b09bc7..df210ac 100644
--- a/src/actions.scss
+++ b/src/actions.scss
@@ -18,11 +18,18 @@
     }
   }
 }
+.ui.container.action-view-container {
+  width: auto;
+}
+
+.action-view-left.action-view-left {
+  margin-top: 16px;
+  margin-right: 24px;
 
-.action-view-left {
   .job-brief-item {
-    position: relative;
     border-radius: 0.5rem !important;
+    padding: 8px;
+    position: relative;
     margin-left: 0.5rem;
 
     &.selected {
@@ -37,23 +44,35 @@
         background: #1f6feb;
         border-radius: 0.375rem;
         content: '';
-        height: 1.8rem;
-        left: -0.5rem;
+        height: 24px;
+        left: calc(0.5rem * -1);
         position: absolute;
-        top: calc(50% - 13px);
-        width: 0.25rem;
+        top: calc(50% - 12px);
+        width: 4px;
       }
     }
   }
 }
 
 .action-view-right {
+  margin-top: 16px;
+
+  .job-info-header {
+    padding: 16px 12px 16px 24px;
+    height: auto;
+  }
+
   .job-step-container {
     .job-step-summary {
       color: var(--color-console-fg-subtle);
+      padding: 8px 10px;
+
+      &.step-expandable:hover {
+        color: var(--color-console-fg-subtle);
+      }
 
       .tw-mr-2:not(.svg) svg.svg {
-        margin: 2px 6px 0px 2px;
+        margin: 1.5px 6px 0px 2px;
       }
 
       svg.svg.text.green {
@@ -61,6 +80,9 @@
       }
 
       &.selected {
+        color: var(--color-console-fg) !important;
+        background-color: var(--color-console-active-bg) !important;
+
         svg.svg.text.green {
           color: #f0f6fc !important;
         }
diff --git a/src/root.scss b/src/root.scss
index 7e8709a..12652ba 100644
--- a/src/root.scss
+++ b/src/root.scss
@@ -145,8 +145,8 @@
   --color-console-fg-subtle: #9198a1;
   --color-console-bg: #010409;
   --color-console-border: #2b3139;
-  --color-console-active-bg: var(--color-active);
-  --color-console-hover-bg: var(--color-hover);
+  --color-console-active-bg: #2a313c;
+  --color-console-hover-bg: #15191f;
   --color-console-menu-bg: var(--color-body);
   --color-console-menu-border: var(--color-light-border);
   --color-grey: #505665;
@@ -211,8 +211,8 @@
   --color-light: #00000028;
   --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));
   --color-light-border: #3d444d;
-  --color-hover: #252c34;
-  --color-active: #2a313c;
+  --color-hover: #1e242a;
+  --color-active: #161a21;
   --color-menu: #0d1117;
   --color-card: #0d1117;
   --color-markup-table-row: #ffffff06;
diff --git a/src/setting.scss b/src/setting.scss
index 96219b8..d12fc28 100644
--- a/src/setting.scss
+++ b/src/setting.scss
@@ -5,11 +5,11 @@
   background: #1f6feb;
   border-radius: 0.375rem;
   content: '';
-  height: 1.8rem;
+  height: 24px;
   left: calc(0.5rem * -1);
   position: absolute;
-  top: calc(50% - 13px);
-  width: 0.25rem;
+  top: calc(50% - 12px);
+  width: 4px;
 }
 
 .ui.vertical.menu {
@@ -33,7 +33,7 @@
     font-size: 1.1rem;
     font-weight: 500;
     background: unset;
-    padding: 8px;
+    padding: 6px 8px;
     color: var(--color-white) !important;
   }
 
diff --git a/src/theme-github-my.scss b/src/theme-github-my.scss
new file mode 100644
index 0000000..9c29e21
--- /dev/null
+++ b/src/theme-github-my.scss
@@ -0,0 +1,12 @@
+/* Made by Luting ^-^ */
+// 独家秘制小主题
+@use 'theme-github';
+
+.repository {
+  #commits-table .text.right,
+  #repo-files-table .repo-file-cell.age,
+  #repo-files-table relative-time {
+    font-family: 'Maple Mono NF', 'Maple Hand';
+    font-weight: normal !important;
+  }
+}