Update theme-github.css

不再显示提交 SHA, 提交工作流增加 Hover
头像圆形, 调整间隔更符合 Github

theme-github.css

@@ -528,11 +528,11 @@
     --color-grey-light: #a1a6b7;
     --color-gold: #b1983b;
     --color-white: #fff;
-    --color-diff-removed-word-bg: #6f3333;
-    --color-diff-added-word-bg: #3c653c;
-    --color-diff-removed-row-bg: #3c2626;
+    --color-diff-removed-word-bg: #792e2d;
+    --color-diff-added-word-bg: #1d572d;
+    --color-diff-removed-row-bg: #25171c;
     --color-diff-moved-row-bg: #818044;
-    --color-diff-added-row-bg: #283e2d;
+    --color-diff-added-row-bg: #12261e;
     --color-diff-removed-row-border: #634343;
     --color-diff-moved-row-border: #bcca6f;
     --color-diff-added-row-border: #314a37;
@@ -567,7 +567,7 @@
     --color-body: #0d1117;
     --color-box-header: #151b23;
     --color-box-body: #0d1117;
-    --color-box-body-highlight: #262b36;
+    --color-box-body-highlight: #262c36;
     --color-text-dark: #dbe0ea;
     --color-text: #dce2e7;
     --color-text-light: #a6aab5;
@@ -592,7 +592,7 @@
     --color-card: #0d1117;
     --color-markup-table-row: #ffffff06;
     --color-markup-code-block: #ffffff16;
-    --color-button: #1e252e;
+    --color-button: #212830;
     --color-code-bg: #0d1117;
     --color-code-sidebar-bg: #232834;
     --color-shadow: #00000060;
@@ -653,6 +653,7 @@
 input,
 textarea,
 tr,
+td,
 button,
 #navbar .item,
 .header-wrapper .ui.tabular.menu .item,
@@ -660,6 +661,8 @@ button,
 .job-log-line,
 .job-brief-item,
 .menu .item,
+.page-content.repository .flex-item .flex-item-title a,
+.page-content.repository .commit-list span,
 .ui.input>input,
 .ui.form input:not([type]),
 .ui.form select,
@@ -689,29 +692,74 @@ button,
 .ui.menu .item,
 .ui.vertical.menu .header.item,
 .ui.secondary.menu .item {
-    transition: 0.3s;
+    transition: 0.2s;
+}
+
+/* 弹窗 */
+.ui.modal {
+    border: 1.5px solid var(--color-light-border);
+}
+
+.ui.modal>.header {
+    background-color: var(--color-box-header);
+    border-bottom: 1.5px solid var(--color-light-border);
+}
+
+.ui.modal>.content,
+.ui.modal form>.content {
+    background-color: var(--color-box-header);
+}
+
+.ui.modal>.actions,
+.ui.modal .content+.actions,
+.ui.modal .content+form>.actions {
+    background-color: var(--color-box-header);
+    border-top: 1.5px solid var(--color-light-border);
 }
 
 /* 输入框 */
-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 {
-    border-width: 2px;
+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-color: #1f6feb;
+}
+
+input:focus-visible,
+textarea:focus-visible,
+.ui.input input:focus-visible,
+.ui.form input:not([type]):focus-visible,
+.ui.form select:focus-visible,
+.ui.form textarea:focus-visible,
+.ui.form input[type="date"]:focus-visible,
+.ui.form input[type="datetime-local"]:focus-visible,
+.ui.form input[type="email"]:focus-visible,
+.ui.form input[type="file"]:focus-visible,
+.ui.form input[type="number"]:focus-visible,
+.ui.form input[type="password"]:focus-visible,
+.ui.form input[type="search"]:focus-visible,
+.ui.form input[type="tel"]:focus-visible,
+.ui.form input[type="text"]:focus-visible,
+.ui.form input[type="time"]:focus-visible,
+.ui.form input[type="url"]:focus-visible,
+.ui.selection.dropdown:focus {
+    border-color: #1f6feb;
+    outline: none;
+    box-shadow: inset 0 0 0 1px #1f6feb;
 }
 
 /* 按钮 */
@@ -723,22 +771,15 @@ textarea,
     background-color: #29903b;
 }
 
-.user-main-content .ui.primary.button,
-.repo-setting-content .ui.primary.button,
-.user-setting-content .ui.primary.button,
-.admin-setting-content .ui.primary.button {
-    color: #39d353;
-    background-color: #212830;
-    border-color: var(--color-light-border);
+.ui.basic.button {
+    color: #f0f6fc;
 }
 
-.user-main-content .ui.primary.button:hover,
-.repo-setting-content .ui.primary.button:hover,
-.user-setting-content .ui.primary.button:hover,
-.admin-setting-content .ui.primary.button:hover {
-    color: #fff;
-    background-color: #29903b;
-    border-color: #ffffff1a;
+.ui.basic.button:hover,
+.ui.labeled.button>.label:hover {
+    color: #f0f6fc;
+    background: #262c36;
+    border-color: var(--color-light-border);
 }
 
 .ui.red.button,
@@ -768,12 +809,67 @@ textarea,
     border-radius: 0;
 }
 
+/* 设置界面按钮 */
+.user-main-content .ui.primary.button,
+.repo-setting-content .ui.primary.button,
+.user-setting-content .ui.primary.button,
+.org-setting-content .ui.primary.button {
+    color: #f0f6fc;
+    background-color: #212830;
+    border-color: var(--color-light-border);
+}
+
+.user-main-content .ui.primary.button:hover,
+.repo-setting-content .ui.primary.button:hover,
+.user-setting-content .ui.primary.button:hover,
+.org-setting-content .ui.primary.button:hover {
+    background-color: #262c36;
+}
+
+.user-main-content .ui.primary.button.tiny,
+.repo-setting-content .ui.primary.button.tiny,
+.user-setting-content .ui.primary.button.tiny,
+.org-setting-content .ui.primary.button.tiny,
+.admin-setting-content .ui.primary.button {
+    color: #39d353;
+    background-color: #212830;
+    border-color: var(--color-light-border);
+}
+
+.user-main-content .ui.primary.button.tiny:hover,
+.repo-setting-content .ui.primary.button.tiny:hover,
+.user-setting-content .ui.primary.button.tiny:hover,
+.org-setting-content .ui.primary.button.tiny:hover,
+.admin-setting-content .ui.primary.button:hover {
+    color: #fff;
+    background-color: #29903b;
+    border-color: #ffffff1a;
+}
+
+.user-main-content .ui.right .ui.primary.button.tiny,
+.repo-setting-content .ui.right .ui.primary.button.tiny,
+.user-setting-content .ui.right .ui.primary.button.tiny,
+.org-setting-content .ui.right .ui.primary.button.tiny,
+.admin-setting-content .ui.right .ui.primary.button.tiny {
+    color: #fff;
+    background-color: #238636;
+}
+
+.user-main-content .ui.right .ui.primary.button.tiny:hover,
+.repo-setting-content .ui.right .ui.primary.button.tiny:hover,
+.user-setting-content .ui.right .ui.primary.button.tiny:hover,
+.org-setting-content .ui.right .ui.primary.button.tiny:hover,
+.admin-setting-content .ui.right .ui.primary.button.tiny:hover {
+    background-color: #29903b;
+    border-color: var(--color-light-border);
+}
+
 /* 工单侧边栏按钮 */
 .ui.fluid.ui.button,
 .ui.button.branch-dropdown-button,
 .ui.ui.icon.button,
 .ui.two.wide.button {
-    background-color: var(--color-box-header);
+    background-color: #212830;
 }
 
 .ui.fluid.ui.button:hover,
@@ -781,7 +877,7 @@ textarea,
 .ui.ui.icon.button:hover,
 .ui.two.wide.button:hover {
     color: #fff;
-    background-color: var(--color-hover);
+    background-color: #262c36;
 }
 
 /* 关闭工单按钮 */
@@ -827,6 +923,7 @@ textarea,
 .user-main-content .ui.dropdown .menu>.item:hover,
 .repo-setting-content .ui.dropdown .menu>.item:hover,
 .user-setting-content .ui.dropdown .menu>.item:hover,
+.org-setting-content .ui.dropdown .menu>.item:hover,
 .admin-setting-content .ui.dropdown .menu>.item:hover {
     background: #1f6feb;
 }
@@ -834,6 +931,7 @@ textarea,
 .user-main-content .ui.dropdown .menu>.item:hover a,
 .repo-setting-content .ui.dropdown .menu>.item:hover a,
 .user-setting-content .ui.dropdown .menu>.item:hover a,
+.org-setting-content .ui.dropdown .menu>.item:hover a,
 .admin-setting-content .ui.dropdown .menu>.item:hover a {
     color: var(--color-text);
 }
@@ -890,7 +988,7 @@ textarea,
     background: #1f6feb;
     border-radius: 0.375rem;
     content: "";
-    height: 1.825rem;
+    height: 1.8rem;
     left: calc(0.5rem * -1);
     position: absolute;
     top: calc(50% - 13px);
@@ -901,6 +999,7 @@ textarea,
 .user-main-content .ui.top.attached.header,
 .repo-setting-content .ui.top.attached.header,
 .user-setting-content .ui.top.attached.header,
+.org-setting-content .ui.top.attached.header,
 .admin-setting-content .ui.top.attached.header {
     border: 0;
     font-size: 1.5rem;
@@ -912,6 +1011,7 @@ textarea,
 .user-main-content .ui.attached.segment,
 .repo-setting-content .ui.attached.segment,
 .user-setting-content .ui.attached.segment,
+.org-setting-content .ui.attached.segment,
 .admin-setting-content .ui.attached.segment {
     background-color: unset;
     border-radius: 0.5rem !important;
@@ -920,6 +1020,7 @@ textarea,
 .user-main-content .ui.attached.segment:not(.error),
 .repo-setting-content .ui.attached.segment:not(.error),
 .user-setting-content .ui.attached.segment:not(.error),
+.org-setting-content .ui.attached.segment:not(.error),
 .admin-setting-content .ui.attached.segment:not(.error) {
     border: 1px solid var(--color-light-border) !important;
 }
@@ -927,18 +1028,30 @@ textarea,
 .user-main-content .ui.attached.segment.error,
 .repo-setting-content .ui.attached.segment.error,
 .user-setting-content .ui.attached.segment.error,
+.org-setting-content .ui.attached.segment.error,
 .admin-setting-content .ui.attached.segment.error {
     border: 1px solid var(--color-error-border) !important;
 }
 
 /* 标签 */
+.repo-buttons .ui.basic.label {
+    color: #f0f6fc;
+}
+
+a.ui.basic.label:hover {
+    color: #f0f6fc;
+    background-color: #262c36;
+    border-color: var(--color-light-border);
+}
+
 .ui.basic.label.not-mobile,
 .ui.basic.label.role-label,
 .page-content.dashboard.feeds .ui.basic.label,
 .page-content.explore .ui.basic.label,
+.page-content.organization .ui.basic.label,
 .admin-setting-content .ui.basic.label {
     border-radius: 25px;
-    background-color: var(--color-box-header);
+    background-color: unset;
 }
 
 .badge.tw-bg-green,
@@ -965,9 +1078,16 @@ textarea,
 }
 
 .ui.ui.ui.primary.label {
+    color: var(--color-blue);
+    background: unset;
+    border: 1px solid var(--color-blue);
+    border-radius: 25px;
+}
+
+a.ui.ui.ui.primary.label:hover {
     color: #fff;
     background: #1f6feb;
-    border-radius: 25px;
+    border-color: #1f6feb;
 }
 
 .ui.ui.ui.basic.primary.label {
@@ -1017,7 +1137,7 @@ a.ui.ui.ui.basic.primary.label:hover {
     border-radius: 25px;
 }
 
-.ui.label:not(.basic, .sha):hover {
+a.ui.label:not(.basic, .sha):hover {
     color: #fff;
     background: #1f6feb;
     border-radius: 25px;
@@ -1027,10 +1147,6 @@ a.ui.ui.ui.basic.primary.label:hover {
     opacity: 1;
 }
 
-.repository #commits-table .text.right.aligned {
-    color: #919894;
-}
-
 /* Actions */
 .job-step-summary {
     color: var(--color-console-fg-subtle);
@@ -1103,6 +1219,46 @@ a.ui.ui.ui.basic.primary.label:hover {
     background-color: var(--color-nav-bg) !important;
 }
 
+/* 仓库页面头部名称 */
+.page-content.repository .repo-header img.ui.avatar {
+    height: 32px;
+    width: 32px;
+    margin-block-start: 0.5rem;
+    margin-block-end: 0.5rem;
+}
+
+.page-content.repository .repo-header .flex-item .flex-item-title a {
+    display: flex;
+    align-items: center;
+    color: #f0f6fc;
+    font-size: 16px;
+    text-decoration: none !important;
+    min-width: 3ch;
+    padding: 6px 8px;
+    padding-inline: 0.5rem;
+    padding-block: 6px;
+    border-radius: 0.375rem;
+    margin-top: 0.5rem;
+    margin-bottom: 0.5rem;
+}
+
+.page-content.repository .repo-header .flex-item .flex-item-title a:hover {
+    background: #15191f;
+}
+
+.page-content.repository .repo-header .flex-item a:not(.label, .button):hover {
+    color: #f0f6fc !important;
+}
+
+.page-content.repository .repo-header .flex-item .flex-item-title,
+.page-content.repository .repo-header .flex-item .flex-item-title a.muted.tw-font-normal {
+    color: #9198a1;
+}
+
+.page-content.repository .repo-header .flex-item .flex-item-title a.muted.tw-font-normal:hover {
+    color: #9198a1 !important;
+}
+
 /* 仓库导航栏 */
 .ui.secondary.pointing.menu .overflow-menu-items {
     gap: 0.5rem;
@@ -1117,7 +1273,7 @@ a.ui.ui.ui.basic.primary.label:hover {
 
 .header-wrapper .ui.tabular.menu .item:hover,
 .ui.secondary.pointing.menu .item:hover {
-    background: var(--color-hover) !important;
+    background: #15191f !important;
 }
 
 .ui.secondary.pointing.menu .active.item {
@@ -1137,11 +1293,60 @@ a.ui.ui.ui.basic.primary.label:hover {
     z-index: 1;
 }
 
-/* 仓库文件列表 */
+/* 仓库文件&提交列表 */
+.page-content.repository tr.commit-list {
+    height: 3.725rem;
+}
+
+.page-content.repository .commit-list .latest-commit .commit-summary {
+    color: #9198a1;
+}
+
+.page-content.repository .commit-list .latest-commit img.tw-align-middle {
+    border-radius: 25px;
+    margin-top: -1px;
+    margin-left: 1px;
+    margin-right: 12px !important;
+}
+
+.page-content.repository .commit-list .latest-commit .author-wrapper {
+    margin-right: 6px;
+}
+
+.page-content.repository .commit-list .latest-commit a.author-wrapper:hover {
+    color: var(--color-text);
+}
+
+.page-content.repository .commit-list .latest-commit .ui.sha.label {
+    display: none;
+}
+
+.page-content.repository .commit-list .tw-align-middle:not(img) {
+    padding: 6px;
+    border-radius: var(--border-radius);
+    margin-right: 6px;
+}
+
+.page-content.repository .commit-list .tw-align-middle:not(img):hover {
+    background-color: var(--color-hover);
+}
+
 .repository.file.list #repo-files-table tr:hover {
     background-color: var(--color-box-header);
 }
 
+.repository #commits-table .author a {
+    color: var(--color-text);
+}
+
+.repository #commits-table .author img {
+    border-radius: 25px;
+}
+
+.repository #commits-table .text.right.aligned {
+    color: #919894;
+}
+
 /* 字体颜色 */
 .lines-num span:after {
     color: var(--color-text);
@@ -1302,3 +1507,39 @@ a.ui.ui.ui.basic.primary.label:hover {
     background: #44ff61;
     fill: #44ff61 !important;
 }
+
+/* 提交对比 */
+.added-code,
+.removed-code,
+.added-code *,
+.removed-code * {
+    color: #fff !important;
+    border-radius: 0.1875rem;
+}
+
+.code-diff-unified .add-code .lines-num,
+.code-diff-unified .add-code .lines-escape {
+    background-color: #1c4428;
+}
+
+.code-diff-unified .del-code .lines-num,
+.code-diff-unified .del-code .lines-escape {
+    background-color: #542426;
+}
+
+.code-diff-unified .tag-code td,
+.diff-file-body tr.tag-code:last-child>td {
+    background-color: #121d2f;
+}
+
+.code-expander-button,
+.code-diff-unified .tag-code .lines-num,
+.code-diff-unified .tag-code .lines-escape,
+.diff-file-body tr.tag-code:last-child>td.lines-num,
+.diff-file-body tr.tag-code:last-child>td.lines-escape {
+    background-color: #0c2d6b;
+}
+
+.code-expander-button:hover {
+    background: #1f6feb;
+}