sass 拆分

src/repo.scss

@@ -0,0 +1,182 @@
+// Made by Luting ^-^
+
+/* 用户仓库列表字体颜色
+/* .repo-list-link {
+    color: var(--color-blue) !important;
+} */
+
+/* 头部 */
+/* #navbar {
+    border-bottom: 0;
+} */
+.page-content > :first-child.secondary-nav {
+  border-top: 0;
+  background-color: var(--color-nav-bg) !important;
+}
+
+// 修复关注&派生 hover 意外点亮右侧 label 左边框
+.ui.ui.ui.ui.small.button {
+  z-index: 0;
+}
+
+// 仓库页面头部名称
+.page-content.repository .repo-header {
+  img.ui.avatar {
+    height: 32px;
+    width: 32px;
+    margin-block-start: 0.5rem;
+    margin-block-end: 0.5rem;
+  }
+
+  .flex-item {
+    .flex-item-title {
+      color: #9198a1;
+
+      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;
+
+        &:hover {
+          background: #15191f;
+        }
+
+        &.muted.tw-font-normal {
+          color: #9198a1;
+
+          &:hover {
+            color: #9198a1 !important;
+          }
+        }
+      }
+    }
+
+    a:not(.label, .button):hover {
+      color: #f0f6fc !important;
+    }
+  }
+}
+
+// 仓库导航栏
+.ui.secondary.pointing.menu {
+  .overflow-menu-items {
+    gap: 0.5rem;
+
+    .item {
+      padding: 5px 8px !important;
+      margin-block-start: 0.5rem;
+      margin-block-end: 0.5rem;
+      margin-bottom: 0.5rem !important;
+    }
+  }
+
+  .active.item {
+    border-color: #ffffff00;
+
+    span:after {
+      background: #f78166;
+      border-radius: 0.375rem;
+      bottom: calc(50% - 1.8rem);
+      content: '';
+      height: 2px;
+      position: absolute;
+      right: 50%;
+      transform: translate(50%, -50%);
+      width: 100%;
+      z-index: 1;
+    }
+  }
+}
+
+.header-wrapper .ui.tabular.menu,
+.ui.secondary.pointing.menu {
+  .item:hover {
+    background: #15191f !important;
+  }
+}
+
+// 仓库文件&提交列表
+.page-content.repository {
+  tr.commit-list {
+    height: 3.725rem;
+  }
+
+  .commit-list .latest-commit {
+    .commit-summary {
+      color: #9198a1;
+    }
+
+    img.tw-align-middle {
+      border-radius: 25px;
+      margin-top: -1px;
+      margin-left: 1px;
+      margin-right: 8px !important;
+    }
+
+    .author-wrapper {
+      margin-right: 6px;
+
+      &:hover {
+        color: var(--color-text);
+      }
+    }
+
+    .ui.sha.label {
+      display: none;
+    }
+  }
+
+  .tw-flex,
+  .commit-list {
+    .tw-align-middle:not(img) {
+      padding: 6px;
+      border-radius: var(--border-radius);
+      margin-right: 6px;
+
+      &:hover {
+        background-color: var(--color-hover);
+      }
+    }
+  }
+}
+
+.repository.file.list {
+  #repo-files-table {
+    tbody {
+      .svg.octicon-file-directory-fill,
+      .svg.octicon-file-submodule {
+        color: #7d8590;
+      }
+    }
+
+    tr:hover {
+      background-color: var(--color-box-header);
+    }
+  }
+}
+
+.repository #commits-table {
+  .author {
+    a {
+      color: var(--color-text);
+    }
+
+    img {
+      border-radius: 25px;
+      margin-right: 8px !important;
+    }
+  }
+
+  .text.right.aligned {
+    color: #919894;
+  }
+}