Actions 分支颜色同步

圆角更新, 热力图更新, 链接颜色更新, 输入框颜色更新

README.md

@@ -1,10 +1,5 @@
 # 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 优先
 
@@ -28,3 +23,17 @@ THEMES = gitea-dark, github
 ```
 
 > 详细请查看 Gitea 文档 [Gitea docs](https://docs.gitea.com/next/administration/customizing-gitea#customizing-the-look-of-gitea)
+
+## 截图
+
+![仓库](/screenshots/repo.png)
+
+![仓库文件列表](/screenshots/file_list.png)
+
+![仓库发布](/screenshots/release.png)
+
+![仓库提交](/screenshots/commit.png)
+
+![Actions](/screenshots/action.png)
+
+![Actions Step](/screenshots/step.png)

theme-github.css

@@ -394,8 +394,297 @@
     color: #9198a1;
 }
 
+.ui.ui.ui.green.label {
+    background: var(--color-body);
+    border-color: var(--color-green);
+    border-width: 1px;
+    border-style: solid;
+    border-radius: 25px;
+    color: var(--color-green);
+}
+
+.ui.ui.ui.orange.label {
+    background: var(--color-body);
+    border-color: var(--color-orange);
+    border-width: 1px;
+    border-style: solid;
+    border-radius: 25px;
+    color: var(--color-orange);
+}
+
+.ui.label:not(.basic) {
+    border-radius: var(--border-radius);
+}
+
+a,
+.ui.breadcrumb a {
+    color: var(--color-blue);
+}
+
+a[href="#"] {
+    color: var(--color-text);
+}
+
+a:hover,
+a.muted:hover,
+.ui.breadcrumb a:hover,
+.ui.floating.jump.select-label.dropdown:hover,
+.ui.floating.jump.select-milestone.dropdown:hover,
+.ui.floating.jump.select-project.dropdown:hover,
+.ui.floating.jump.select-assignees.dropdown:hover,
+.muted-links a:hover {
+    color: var(--color-blue);
+}
+
+.diff-toggle-file-tree-button:hover {
+    color: var(--color-blue);
+}
+
+.text.primary,
+.flex-item a:not(.label, .button):hover {
+    color: var(--color-blue) !important;
+}
+
+.interact-fg:hover {
+    color: var(--color-blue) !important;
+}
+
+.issue.list a:not(.label):hover {
+    color: var(--color-blue) !important;
+}
+
+/* font color line numbers */
+.lines-num span:after {
+    color: var(--color-text);
+}
+
+.repository.file.list .file-actions .btn-octicon:hover {
+    color: var(--color-blue) !important;
+}
+
+.repo-list-link {
+    color: var(--color-blue) !important;
+}
+
+.repository.file.list #repo-files-table td a:hover {
+    color: var(--color-blue);
+}
+
+.repository #commits-table .author a {
+    color: var(--color-text);
+}
+
+.repository.view.issue .comment-list .comment>.content>div:last-child {
+    border-bottom-right-radius: var(--border-radius);
+    border-bottom-left-radius: var(--border-radius);
+}
+
+/* gpg commit label  */
+.repository #commits-table td.sha .sha.label.isSigned.isVerified,
+.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;
+    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,
+.ui.secondary.menu .item:hover {
+    background: var(--color-hover) !important;
+}
+
+.ui.secondary.pointing.menu .active.item,
+.ui.secondary.pointing.menu .active.item:hover {
+    border-color: #f78166;
+}
+
+/* hover font color */
+.ui.secondary.pointing.menu .active.item,
+.ui.secondary.pointing.menu .active.item:hover,
+.ui.secondary.pointing.menu .dropdown.item:hover,
+.ui.secondary.pointing.menu .link.item:hover,
+.ui.secondary.pointing.menu a.item:hover {
+    color: var(--color-text);
+}
+
+.ui.cards>.card>.extra a:not(.ui):hover,
+.ui.card>.extra a:not(.ui):hover {
+    color: var(--color-blue);
+}
+
+/* default border radius */
+.ui.button,
+.ui.basic.buttons .button,
+.ui.basic.button,
+.ui.dropdown .menu,
+.ui.form input:not([type]),
+.ui.form input[type="date"],
+.ui.form input[type="datetime-local"],
+.ui.form input[type="email"],
+.ui.form input[type="number"],
+.ui.form input[type="password"],
+.ui.form input[type="search"],
+.ui.form input[type="tel"],
+.ui.form input[type="time"],
+.ui.form input[type="text"],
+.ui.form input[type="file"],
+.ui.form input[type="url"],
+.ui.form textarea,
+.ui.input textarea,
+.ui.label,
+.ui.menu,
+.ui.segment,
+.ui.segments,
+.ui.segments:not(.horizontal)>.segment:only-child,
+.ui.secondary.menu .dropdown.item>.menu,
+.ui.selection.dropdown,
+.ui.selection.dropdown .menu,
+.ui.table,
+.ui.text.menu .dropdown.item>.menu {
+    border-radius: var(--border-radius);
+}
+
+.ui.floating.dropdown>.menu {
+    border-radius: var(--border-radius) !important;
+}
+
+/* default left border radius */
+.ui.action.input>.dropdown:first-child,
+.ui.action.input>.button:first-child,
+.ui.action.input>.buttons:first-child>.button,
+.ui.compact.menu:not(.secondary) .item:first-child,
+.ui.horizontal.segments>.segment:first-child {
+    border-radius: var(--border-radius) 0 0 var(--border-radius);
+}
+
+/* default right border radius */
+.ui.action.input>.dropdown:last-child,
+.ui.action.input>.button:last-child,
+.ui.action.input>.buttons:last-child>.button,
+.ui.compact.menu:not(.secondary) .item:last-child,
+.ui.horizontal.segments>.segment:last-child {
+    border-radius: 0 var(--border-radius) var(--border-radius) 0;
+}
+
+/* default top border radius */
+.ui.secondary.pointing.menu .active.item,
+.ui.secondary.pointing.menu .item:hover {
+    border-radius: var(--border-radius) var(--border-radius) 0 0;
+}
+
+.ui.tabular.menu .active.item,
+.repository.view.issue .comment-list .comment>.content>div:first-child {
+    border-top-left-radius: var(--border-radius) !important;
+    border-top-right-radius: var(--border-radius) !important;
+}
+
+/* default bottom border radius */
+.ui.segment[class*="bottom attached"] {
+    border-radius: 0 0 var(--border-radius) var(--border-radius);
+}
+
+.ui.table>thead>tr:first-child>th:first-child {
+    border-radius: var(--border-radius) 0 0;
+}
+
+.ui.table>thead>tr:first-child>th:last-child {
+    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);
+}
+
+.ui.label:not(.basic, .sha) {
+    color: var(--color-blue);
+    background: #121d2f;
+}
+
+.ui.label>a {
+    opacity: 1;
+}
+
+.vch__day__square,
+.vch__legend__wrapper rect {
+    rx: 2px;
+    ry: 2px;
+}
+
 :root {
     --is-dark-theme: true;
+    --border-radius: 6px;
     --color-primary: rgba(57, 211, 83, 0.6);
     --color-primary-contrast: #fff;
     --color-primary-dark-1: rgba(57, 211, 83, 0.7);
@@ -406,9 +695,9 @@
     --color-primary-dark-6: #e7eee0;
     --color-primary-dark-7: #f8faf6;
     --color-primary-light-1: rgba(57, 211, 83, 0.5);
-    --color-primary-light-2: rgba(57, 211, 83, 0.4);
+    --color-primary-light-2: #006d32;
     --color-primary-light-3: rgba(57, 211, 83, 0.3);
-    --color-primary-light-4: rgba(57, 211, 83, 0.2);
+    --color-primary-light-4: #0e4429;
     --color-primary-light-5: #223546;
     --color-primary-light-6: #131923;
     --color-primary-light-7: #06090b;
@@ -446,7 +735,7 @@
     --color-secondary-alpha-30: #2c2f354b;
     --color-secondary-alpha-40: #2c2f3566;
     --color-secondary-alpha-50: #ffffff28;
-    --color-secondary-alpha-60: #2c2f3599;
+    --color-secondary-alpha-60: #161b22;
     --color-secondary-alpha-70: #2c2f35b3;
     --color-secondary-alpha-80: #2c2f35cc;
     --color-secondary-alpha-90: #2c2f35e1;
@@ -456,7 +745,7 @@
     --color-olive: #c8df36;
     --color-green: #3bc75b;
     --color-teal: #69d4cf;
-    --color-blue: #4b80ca;
+    --color-blue: #4493f8;
     --color-violet: #754ad3;
     --color-purple: #b65dd4;
     --color-pink: #e04b9f;
@@ -548,7 +837,7 @@
     --color-warning-text: #fbbd08;
     --color-info-border: #306090;
     --color-info-bg: #26354c;
-    --color-info-text: #38a8e8;
+    --color-info-text: var(--color-blue);
     --color-red-badge: #db2828;
     --color-red-badge-bg: #db28281a;
     --color-red-badge-hover-bg: #db28284d;
@@ -608,7 +897,7 @@
     --color-tooltip-bg: #000000f0;
     --color-nav-bg: #010409;
     --color-nav-hover-bg: #383c47;
-    --color-label-text: #dfe3ec;
+    --color-label-text: #fff;
     --color-label-bg: #7c84974b;
     --color-label-hover-bg: #7c8497a0;
     --color-label-active-bg: #7c8497;
@@ -618,30 +907,6 @@
     accent-color: var(--color-accent);
     color-scheme: dark;
 }
-
-.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);
-}
-
 .emoji[aria-label="check\ mark"],
 .emoji[aria-label="currency\ exchange"],
 .emoji[aria-label="TOP\ arrow"],