Actions和菜单项同步

.github/release.md

@@ -2,18 +2,7 @@
 
 #### 更符合 GitHub 风格
 
-- 微调侧边栏元素的间隔
-- 版本发布整体调整
-- 仓库分支下拉菜单优化
-- 调整工作流步骤状态图标颜色和间隔
-- 工作流禁用标签颜色和位置优化
-- 版本发布页长标签不再使用动态宽度显示全部内容, 使用固定宽度, 过长内容使用省略号替代
-
-## 🎈 Perf
-
-- 手动工作流分支按钮优化 `布局类似代码页的分支按钮`
-- 下拉菜单按钮优化 `观感更居中`
-
-## 🐞 Fix
-
-- 修复工作流选中作业鼠标停留时缺失的效果
+- 微调菜单项按钮样式
+- Actions 工作流日志页面与浏览器同宽
+- Actions 工作流日志页面样式优化
+- 全局激活颜色和悬停颜色优化

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": {

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

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;

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

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