Update theme-github.css

README.md

@@ -5,13 +5,14 @@
 在原主题基础上做了以下修改:
 
 - 主题色从蓝色改为绿色
-- 默认字体为 [Victor Mono](https://github.com/rubjo/victor-mono) 和 [汉仪正圆](https://www.hanyi.com.cn/productdetail.php?id=2913) (优先匹配左侧, 需要系统包含相应字体)
+- UI 默认字体 [Maple Hand](https://github.com/subframe7536/maple-font/tree/other-resources/cn-resource/maple-hand) & [VictorMono Nerd Font](https://github.com/ryanoasis/nerd-fonts/releases/download/v3.3.0/VictorMono.zip) & [汉仪正圆](https://www.hanyi.com.cn/productdetail.php?id=2913) (优先匹配左侧, 需要系统包含相应字体)
+- Actions 日志默认字体 VictorMono 优先
 
 > Victor Mono 相比其他等宽字体更为紧凑, 可以减少换行
 
 ## Gitea 版本
 
-- Gitea 1.21+
+- Gitea 1.22+
 
 ## 安装
 

theme-github.css

@@ -1,12 +1,11 @@
 /* Made by Rainnny <3 */
 
-* {
+:root :lang(zh-CN) {
-    font-family: 'Victor Mono', 'HYZhengYuan';
+    --fonts-override: "Maple Hand", "VictorMono Nerd Font", "HYZhengYuan";
-    font-weight: 500;
 }
 
-body {
+.job-step-logs {
-    font-family: 'Victor Mono', 'HYZhengYuan';
+    font-family: "VictorMono Nerd Font", "Maple Hand", "HYZhengYuan" !important;
     font-weight: 500;
 }
 
@@ -391,6 +390,10 @@ body {
     color: #dbdbeb;
 }
 
+.job-step-summary {
+    color: #9198a1;
+}
+
 :root {
     --is-dark-theme: true;
     --color-primary: rgba(57, 211, 83, 0.6);
@@ -398,7 +401,7 @@ body {
     --color-primary-dark-1: rgba(57, 211, 83, 0.7);
     --color-primary-dark-2: rgba(57, 211, 83, 0.8);
     --color-primary-dark-3: rgba(57, 211, 83, 0.9);
-    --color-primary-dark-4: rgba(57, 211, 83, 1.0);
+    --color-primary-dark-4: rgba(57, 211, 83, 1);
     --color-primary-dark-5: #cfddc1;
     --color-primary-dark-6: #e7eee0;
     --color-primary-dark-7: #f8faf6;
@@ -420,7 +423,7 @@ body {
     --color-primary-alpha-90: rgba(57, 211, 83, 0.9);
     --color-primary-hover: var(--color-primary-light-1);
     --color-primary-active: var(--color-primary-light-2);
-    --color-secondary: #2c2f35;
+    --color-secondary: #ffffff28;
     --color-secondary-dark-1: #505665;
     --color-secondary-dark-2: #5b6273;
     --color-secondary-dark-3: #71798e;
@@ -442,7 +445,7 @@ body {
     --color-secondary-alpha-20: #2c2f3533;
     --color-secondary-alpha-30: #2c2f354b;
     --color-secondary-alpha-40: #2c2f3566;
-    --color-secondary-alpha-50: #2c2f3580;
+    --color-secondary-alpha-50: #ffffff28;
     --color-secondary-alpha-60: #2c2f3599;
     --color-secondary-alpha-70: #2c2f35b3;
     --color-secondary-alpha-80: #2c2f35cc;
@@ -498,7 +501,11 @@ body {
     --color-pink-dark-2: #a9246f;
     --color-brown-dark-2: #835b42;
     --color-black-dark-2: #252832;
-    --color-console-bg: #11171f;
+    --color-console-fg: #f0f6fc;
+    --color-console-bg: #010409;
+    --color-console-active-bg: var(--color-active);
+    --color-console-hover-bg: var(--color-hover);
+    --color-console-border: var(--color-light-border);
     --color-ansi-black: var(--color-black);
     --color-ansi-red: var(--color-red);
     --color-ansi-green: var(--color-green);
@@ -557,10 +564,10 @@ body {
     --color-git: #f05133;
     --color-body: #0d1117;
     --color-box-header: #161b22;
-    --color-box-body: #11171f;
+    --color-box-body: #0d1117;
     --color-box-body-highlight: #262b36;
     --color-text-dark: #dbe0ea;
-    --color-text: #bbc0ca;
+    --color-text: #dce2e7;
     --color-text-light: #a6aab5;
     --color-text-light-1: rgb(125, 133, 144);
     --color-text-light-2: #8a8e99;
@@ -575,13 +582,10 @@ body {
     --color-header-wrapper: #0d1117;
     --color-header-wrapper-transparent: #20243000;
     --color-light: #00000028;
-    --color-light-mimic-enabled: rgba(0,
+    --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));
-            0,
-            0,
-            calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));
     --color-light-border: #ffffff28;
-    --color-hover: #ffffff19;
+    --color-hover: #15191f;
-    --color-active: #ffffff24;
+    --color-active: #2a313c;
     --color-menu: #0d1117;
     --color-card: #0d1117;
     --color-markup-table-row: #ffffff06;
@@ -590,7 +594,7 @@ body {
     --color-code-bg: #0d1117;
     --color-code-sidebar-bg: #232834;
     --color-shadow: #00000060;
-    --color-secondary-bg: #2c2f35;
+    --color-secondary-bg: #ffffff26;
     --color-text-focus: #fff;
     --color-expand-button: #3c404d;
     --color-placeholder-text: #8a8e99;
@@ -638,6 +642,29 @@ body {
     filter: invert() hue-rotate(180deg);
 }
 
+.emoji[aria-label="check\ mark"],
+.emoji[aria-label="currency\ exchange"],
+.emoji[aria-label="TOP\ arrow"],
+.emoji[aria-label="END\ arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON\ arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label="copyright"],
+.emoji[aria-label="registered"],
+.emoji[aria-label="trade\ mark"],
+.emoji[aria-label="multiply"],
+.emoji[aria-label="plus"],
+.emoji[aria-label="minus"],
+.emoji[aria-label="divide"],
+.emoji[aria-label="curly\ loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy\ dash"],
+.emoji[aria-label="paw\ prints"],
+.emoji[aria-label="musical\ note"],
+.emoji[aria-label="musical\ notes"] {
+    filter: invert() hue-rotate(180deg);
+}
+
 .repository.file.list #repo-files-table tbody .svg.octicon-file-directory-fill,
 .repository.file.list #repo-files-table tbody .svg.octicon-file-submodule {
     color: #7d8590;