Update theme-github.css

更新配色

README.md

@@ -1,14 +1,12 @@
 # gitea-github-theme
 
+> 基于 https://github.com/Rainnny7/gitea-github-theme
+
 - 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.22+
-
 ## 安装
 
 1. 将 theme-github.css 放入 gitea/public/assets/css 目录下

theme-github.css

@@ -1,4 +1,5 @@
 /* Made by Rainnny <3 */
+/* Made by Luting ^-^ */
 
 :root :lang(zh-CN) {
     --fonts-override: "Maple Hand", "VictorMono Nerd Font", "HYZhengYuan";
@@ -9,6 +10,46 @@
     font-weight: 500;
 }
 
+#navbar .item,
+.menu .item,
+.header-wrapper .ui.tabular.menu .item,
+input,
+textarea,
+tr,
+button,
+.job-step-summary,
+.job-log-line,
+.job-brief-item,
+.ui.input>input,
+.ui.form input:not([type]),
+.ui.form select,
+.ui.form textarea,
+.ui.form input[type="date"],
+.ui.form input[type="datetime-local"],
+.ui.form input[type="email"],
+.ui.form input[type="file"],
+.ui.form input[type="number"],
+.ui.form input[type="password"],
+.ui.form input[type="search"],
+.ui.form input[type="tel"],
+.ui.form input[type="text"],
+.ui.form input[type="time"],
+.ui.form input[type="url"],
+.ui.label,
+.ui.selection.dropdown,
+.ui.checkbox label:before,
+.ui.checkbox input:checked~label:before,
+.ui.checkbox input:not([type="radio"]):indeterminate~label:before,
+.ui.selection.active.dropdown,
+.ui.selection.active.dropdown:hover,
+.ui.selection.active.dropdown .menu,
+.ui.selection.active.dropdown:hover .menu,
+.ui.menu .item,
+.ui.vertical.menu .header.item,
+.ui.secondary.menu .item {
+    transition: 0.3s;
+}
+
 .chroma {
     background-color: var(--color-code-bg);
 }
@@ -391,16 +432,28 @@
 }
 
 .job-step-summary {
-    color: #9198a1;
+    color: var(--color-console-fg-subtle);
 }
 
-.ui.ui.ui.green.label {
+.job-log-line {
+    color: var(--color-text);
+}
+
+.job-log-line:hover {
+    color: var(--color-console-fg);
+}
+
+.text.green {
+    color: #3fb950 !important;
+}
+
+.ui.ui.ui.green.label:not(.issue-state-label) {
     background: var(--color-body);
-    border-color: var(--color-green);
+    border-color: #3fb950;
     border-width: 1px;
     border-style: solid;
     border-radius: 25px;
-    color: var(--color-green);
+    color: #3fb950;
 }
 
 .ui.ui.ui.orange.label {
@@ -412,6 +465,37 @@
     color: var(--color-orange);
 }
 
+.ui.ui.ui.purple.label {
+    border-radius: 25px !important;
+}
+
+.ui.ui.ui.green.label.issue-state-label {
+    background: var(--color-primary);
+    border-radius: 25px !important;
+}
+
+.ui.ui.ui.red.label.issue-state-label {
+    background: var(--color-purple);
+    border-radius: 25px !important;
+}
+
+.tw-bg-green {
+    background-color: var(--color-primary) !important;
+}
+
+.tw-bg-red {
+    background-color: var(--color-purple) !important;
+}
+
+.ui.dropdown .menu>.divider,
+.ui.dropdown .menu>.item {
+    background: var(--color-box-header);
+}
+
+.ui.dropdown .menu>.item:hover {
+    background: #1f6feb;
+}
+
 .ui.label:not(.basic) {
     border-radius: var(--border-radius);
 }
@@ -462,9 +546,9 @@ a.muted:hover,
     color: var(--color-blue) !important;
 }
 
-.repo-list-link {
+/* .repo-list-link {
     color: var(--color-blue) !important;
-}
+} */
 
 .repository.file.list #repo-files-table td a:hover {
     color: var(--color-blue);
@@ -484,14 +568,7 @@ a.muted:hover,
 .repository #repo-files-table .sha.label.isSigned.isVerified,
 .repository #rev-list .sha.label.isSigned.isVerified,
 .repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isVerified {
-    border: 1.5px solid #21ba45 !important;
+    border: 1px solid #3fb950 !important;
-    background: transparent;
-    border-radius: 6px;
-}
-
-.header-wrapper .ui.tabular.menu .item,
-.ui.secondary.menu .item {
-    transition: 0.3s;
 }
 
 .header-wrapper .ui.tabular.menu .item:hover,
@@ -597,72 +674,6 @@ a.muted:hover,
     border-radius: 0 var(--border-radius) 0 0;
 }
 
-/* border color form fields */
-input,
-textarea,
-.ui.input>input,
-.ui.form input:not([type]),
-.ui.form select,
-.ui.form textarea,
-.ui.form input[type="date"],
-.ui.form input[type="datetime-local"],
-.ui.form input[type="email"],
-.ui.form input[type="file"],
-.ui.form input[type="number"],
-.ui.form input[type="password"],
-.ui.form input[type="search"],
-.ui.form input[type="tel"],
-.ui.form input[type="text"],
-.ui.form input[type="time"],
-.ui.form input[type="url"],
-.ui.selection.dropdown,
-.ui.checkbox label:before,
-.ui.checkbox input:checked~label:before,
-.ui.checkbox input:not([type="radio"]):indeterminate~label:before {
-    border-color: var(--color-secondary);
-}
-
-input:focus,
-textarea:focus,
-.ui.input input:focus,
-.ui.form input:not([type]):focus,
-.ui.form select:focus,
-.ui.form textarea:focus,
-.ui.form input[type="date"]:focus,
-.ui.form input[type="datetime-local"]:focus,
-.ui.form input[type="email"]:focus,
-.ui.form input[type="file"]:focus,
-.ui.form input[type="number"]:focus,
-.ui.form input[type="password"]:focus,
-.ui.form input[type="search"]:focus,
-.ui.form input[type="tel"]:focus,
-.ui.form input[type="text"]:focus,
-.ui.form input[type="time"]:focus,
-.ui.form input[type="url"]:focus,
-.ui.selection.dropdown:focus {
-    border: 1.5px solid var(--color-blue) !important;
-    border-color: var(--color-blue);
-    border-radius: var(--border-radius);
-}
-
-.ui.checkbox input:focus~label:before,
-.ui.checkbox input:focus~label::before,
-.ui.checkbox input:not([type="radio"]):indeterminate:focus~label:before,
-.ui.checkbox input:not([type="radio"]):indeterminate:focus~label::before,
-.ui.checkbox input:checked:focus~label:before,
-.ui.checkbox input:checked:focus~label::before,
-.ui.radio.checkbox input:focus:checked~label:before,
-.ui.radio.checkbox input:focus:checked~label::before {
-    border-color: var(--color-blue);
-}
-
-.ui.selection.active.dropdown,
-.ui.selection.active.dropdown:hover,
-.ui.selection.active.dropdown .menu,
-.ui.selection.active.dropdown:hover .menu {
-    border-color: var(--color-blue);
-}
-
 .ui.label.sha {
     color: var(--color-text);
 }
@@ -680,17 +691,58 @@ textarea:focus,
 .vch__legend__wrapper rect {
     rx: 2px;
     ry: 2px;
+    width: 9px;
+    height: 9px;
+    outline: 1px solid rgba(255, 255, 255, 0.05);
+    border-radius: 0.5px;
+    outline-offset: -1px;
+}
+
+.vch__legend__wrapper rect {
+    rx: 3px;
+    ry: 3px;
+}
+
+.vch__day__square[style="fill: var(--color-secondary-alpha-60);"],
+.vch__legend__wrapper rect[style="fill: var(--color-secondary-alpha-60);"] {
+    outline: 1px solid rgba(27, 31, 35, 0.06);
+    background: var(--color-secondary-alpha-60);
+}
+
+.vch__day__square[style="fill: var(--color-primary-light-4);"],
+.vch__legend__wrapper rect[style="fill: var(--color-primary-light-4);"] {
+    background: var(--color-primary-light-4);
+}
+
+.vch__day__square[style="fill: var(--color-primary-light-2);"],
+.vch__legend__wrapper rect[style="fill: var(--color-primary-light-2);"] {
+    background: var(--color-primary-light-2);
+}
+
+.vch__day__square[style="fill: var(--color-primary);"],
+.vch__legend__wrapper rect[style="fill: var(--color-primary);"] {
+    background: var(--color-primary);
+}
+
+.vch__day__square[style="fill: var(--color-primary-dark-2);"],
+.vch__legend__wrapper rect[style="fill: var(--color-primary-dark-2);"] {
+    background: var(--color-primary-dark-2);
+}
+
+.vch__day__square[style="fill: var(--color-primary-dark-4);"],
+.vch__legend__wrapper rect[style="fill: var(--color-primary-dark-4);"] {
+    background: var(--color-primary-dark-4);
 }
 
 :root {
     --is-dark-theme: true;
     --border-radius: 6px;
-    --color-primary: rgba(57, 211, 83, 0.6);
+    --color-primary: #238636;
     --color-primary-contrast: #fff;
-    --color-primary-dark-1: rgba(57, 211, 83, 0.7);
+    --color-primary-dark-1: rgba(68, 255, 97, 0.7);
-    --color-primary-dark-2: rgba(57, 211, 83, 0.8);
+    --color-primary-dark-2: rgba(57, 211, 83, 1);
-    --color-primary-dark-3: rgba(57, 211, 83, 0.9);
+    --color-primary-dark-3: rgba(68, 255, 97, 0.9);
-    --color-primary-dark-4: rgba(57, 211, 83, 1);
+    --color-primary-dark-4: rgba(68, 255, 97, 1);
     --color-primary-dark-5: #cfddc1;
     --color-primary-dark-6: #e7eee0;
     --color-primary-dark-7: #f8faf6;
@@ -712,7 +764,7 @@ textarea:focus,
     --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: #ffffff28;
+    --color-secondary: #3d444d;
     --color-secondary-dark-1: #505665;
     --color-secondary-dark-2: #5b6273;
     --color-secondary-dark-3: #71798e;
@@ -743,11 +795,11 @@ textarea:focus,
     --color-orange: #f17a2b;
     --color-yellow: #f3c640;
     --color-olive: #c8df36;
-    --color-green: #3bc75b;
+    --color-green: #39d353;
     --color-teal: #69d4cf;
     --color-blue: #4493f8;
     --color-violet: #754ad3;
-    --color-purple: #b65dd4;
+    --color-purple: #8957e5;
     --color-pink: #e04b9f;
     --color-brown: #a86d45;
     --color-black: #141516;
@@ -790,11 +842,6 @@ textarea:focus,
     --color-pink-dark-2: #a9246f;
     --color-brown-dark-2: #835b42;
     --color-black-dark-2: #252832;
-    --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);
@@ -811,6 +858,14 @@ textarea:focus,
     --color-ansi-bright-magenta: var(--color-pink-light);
     --color-ansi-bright-cyan: var(--color-teal-light);
     --color-ansi-bright-white: var(--color-console-fg);
+    --color-console-fg: #f0f6fc;
+    --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-menu-bg: var(--color-body);
+    --color-console-menu-border: var(--color-light-border);
     --color-grey: #505665;
     --color-grey-light: #a1a6b7;
     --color-gold: #b1983b;
@@ -837,7 +892,7 @@ textarea:focus,
     --color-warning-text: #fbbd08;
     --color-info-border: #306090;
     --color-info-bg: #26354c;
-    --color-info-text: var(--color-blue);
+    --color-info-text: #38a8e8;
     --color-red-badge: #db2828;
     --color-red-badge-bg: #db28281a;
     --color-red-badge-hover-bg: #db28284d;
@@ -852,7 +907,7 @@ textarea:focus,
     --color-orange-badge-hover-bg: #f2711c4d;
     --color-git: #f05133;
     --color-body: #0d1117;
-    --color-box-header: #161b22;
+    --color-box-header: #151b23;
     --color-box-body: #0d1117;
     --color-box-body-highlight: #262b36;
     --color-text-dark: #dbe0ea;
@@ -866,14 +921,14 @@ textarea:focus,
     --color-input-text: #d5dbe6;
     --color-input-background: #2c2f35;
     --color-input-toggle-background: #454a57;
-    --color-input-border: #2c2f35;
+    --color-input-border: var(--color-light-border);
-    --color-input-border-hover: #505667;
+    --color-input-border-hover: var(--color-light-border);
     --color-header-wrapper: #0d1117;
     --color-header-wrapper-transparent: #20243000;
     --color-light: #00000028;
     --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));
-    --color-light-border: #ffffff28;
+    --color-light-border: #3d444d;
-    --color-hover: #15191f;
+    --color-hover: #20252e;
     --color-active: #2a313c;
     --color-menu: #0d1117;
     --color-card: #0d1117;
@@ -896,7 +951,7 @@ textarea:focus,
     --color-tooltip-text: #fff;
     --color-tooltip-bg: #000000f0;
     --color-nav-bg: #010409;
-    --color-nav-hover-bg: #383c47;
+    --color-nav-hover-bg: var(--color-hover);
     --color-label-text: #fff;
     --color-label-bg: #7c84974b;
     --color-label-hover-bg: #7c8497a0;
@@ -907,6 +962,7 @@ textarea:focus,
     accent-color: var(--color-accent);
     color-scheme: dark;
 }
+
 .emoji[aria-label="check\ mark"],
 .emoji[aria-label="currency\ exchange"],
 .emoji[aria-label="TOP\ arrow"],