优化仪表板仓库/组织列表样式, 好看多了, 愿称之为神之一手

.github/release.md

@@ -8,6 +8,7 @@
 - 同步分页菜单样式
 - 同步登录/注册页面样式
 - 优化热力图和动态样式
+- 优化仪表板仓库/组织列表样式
 - 优化私有标签样式, 组织页面下的 RSS 订阅按钮样式
 - 同步用户点星仓库列表样式
 - 同步 Issue/PR 详细页面侧边栏样式

src/types/color/github.ts

@@ -178,6 +178,7 @@ export const github = {
          * @commit `commit` 提交信息的 Action 按钮的悬停背景颜色
          * @filelist `repoFiles` README 栏的按钮的悬停背景颜色
          * @issue `issueSidebar` 操作按钮的悬停背景颜色
+         * @dashboard `dashboard` 仓库列表项目的悬停背景颜色
          */
         hover: null,
       },

styles/components/dashboard.ts

@@ -1,4 +1,4 @@
-import { css } from "src/types/vars";
+import { css, otherThemeVars, themeVars } from "src/types/vars";
 
 export const dashboard = css`
   .page-content.dashboard {
@@ -6,5 +6,50 @@ export const dashboard = css`
     .ui.two.item.menu {
       background-color: unset;
     }
+    // 仓库/组织列表标题
+    .ui.top.attached.header {
+      border: 0;
+      font-size: 20px;
+      font-weight: 400;
+      background-color: unset !important;
+      margin-bottom: 0.25rem;
+    }
+    // 仓库/组织列表
+    .ui.attached.segment {
+      background-color: ${themeVars.color.menu};
+      border: unset !important;
+      box-shadow: ${themeVars.github.shadow.floating.small};
+      &.repos-search {
+        border-top-left-radius: 12px;
+        border-top-right-radius: 12px;
+      }
+      &.table {
+        &:last-child {
+          border-bottom-left-radius: 12px !important;
+          border-bottom-right-radius: 12px !important;
+        }
+        ul {
+          padding: 8px;
+          li {
+            border-radius: ${otherThemeVars.border.radius};
+            &:not(:last-child) {
+              border-bottom: 0;
+            }
+            &:hover {
+              background: ${themeVars.github.control.transparent.bgColor.hover};
+            }
+            a.muted:hover {
+              color: inherit;
+              text-decoration-line: none;
+            }
+          }
+        }
+      }
+    }
+    // 组织列表
+    .ui.tab.dashboard-orgs .ui.attached.segment.table {
+      border-top-left-radius: 12px;
+      border-top-right-radius: 12px;
+    }
   }
 `;