提高日志 Hover 亮度

.github/release.md

@@ -1 +1,2 @@
-Gitea 集成字体版本独立, 有需要下载 `theme-github-fonts.tar.gz`
+添加默认过渡动画
+弹窗添加动画, 优化 Action 的日志动画

README.md

@@ -2,10 +2,13 @@
 
 尽量保持与 GitHub Dark 相同样式的 Gitea 主题
 
-字体说明:
+主题说明:
 
-- 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) (优先匹配 `Maple Hand`, 需要系统包含相应字体)
+添加了短暂的过渡动画优化体验(与 Github clone 下拉列表动画一致)
-- Actions 日志默认字体 `VictorMono` 优先
+
+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) (优先匹配 `Maple Hand`, 需要系统包含相应字体, 否则使用默认字体)
+
+Actions 日志默认字体 `VictorMono Nerd Font` 优先
 
 > Victor Mono 相比其他等宽字体更为紧凑, 可以减少换行
 
@@ -51,9 +54,13 @@ THEMES = gitea-dark, github
 
 ![仓库提交](screenshots/commit.png)
 
-![Actions](screenshots/action.png)
+![Actions](screenshots/actions.png)
 
-![Actions Step](screenshots/step.png)
+![Action](screenshots/action.png)
+
+![Action Step](screenshots/step.png)
+
+![Dispatch](screenshots/dispatch.png)
 
 ## 构建
 

src/actions.scss

@@ -7,7 +7,7 @@
   color: var(--color-text);
 
   &:hover {
-    color: var(--color-console-fg);
+    color: #fff;
   }
 }
 

src/dropdown.scss

@@ -12,6 +12,62 @@
   }
 }
 
+// clone 下拉菜单
+.tippy-box {
+  margin-top: -6px;
+  background: var(--color-box-header);
+  border-radius: 12px;
+  overflow: hidden;
+  box-shadow: 0px 0px 0px 0.5px #30363d, 0px 6px 12px -3px rgba(1, 4, 9, 0.4), 0px 6px 18px 0px rgba(1, 4, 9, 0.4);
+  animation: 200ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running overlay-appear;
+
+  .clone-panel-field {
+    margin-top: 16px;
+  }
+
+  .flex-text-block.clone-panel-field {
+    color: #fff;
+    font-weight: bold;
+    margin-left: 16px;
+  }
+
+  .clone-panel-tab {
+    margin-left: 16px;
+
+    button {
+      padding: 15px 12px;
+    }
+
+    .active {
+      border-color: #f78166;
+    }
+  }
+
+  .flex-items-block {
+    margin: 0;
+
+    .item {
+      display: block;
+      padding: 11px 16px;
+      text-align: left;
+      text-transform: none;
+      line-height: 1em;
+      margin: 0;
+
+      svg {
+        margin-right: 0.5rem;
+      }
+    }
+
+    > .item:hover {
+      color: var(--color-text);
+      text-decoration: none;
+      background: var(--color-hover);
+    }
+  }
+}
+
+// 下拉菜单
 .ui.dropdown .menu {
   margin-top: 3.75px !important;
   border-radius: 12px !important;
@@ -51,6 +107,7 @@
 }
 
 // 按钮菜单选项(主要为仓库)
+.tippy-box .flex-items-block,
 .ui.dropdown > .visible.menu .scrolling.menu,
 .ui.button.dropdown .menu {
   .item {

src/release.scss

@@ -6,7 +6,6 @@
 
   .ui.small.primary.button {
     background-color: var(--color-button);
-    font-size: 14px;
 
     &:hover {
       background-color: #262c36;
@@ -23,10 +22,6 @@
 .page-content.repository.tags,
 .page-content.repository.releases {
   .ui.small.menu {
-    .item {
-      font-size: 14px;
-    }
-
     .active.item {
       color: #fff;
       background: #1f6feb !important;

src/repo.scss

@@ -102,17 +102,27 @@
 
 // 仓库文件&提交列表
 .page-content.repository {
-  tr.commit-list {
+  // clone 按钮居中调整
+  .repo-button-row .repo-button-row-right .ui.primary.button span {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    svg {
+      margin-right: 0.5rem;
+    }
+  }
+
+  .repo-file-line {
     height: 3.725rem;
   }
 
-  .commit-list .latest-commit {
+  #repo-files-table .latest-commit {
     .commit-summary {
       color: #9198a1;
     }
 
     img.tw-align-middle {
-      border-radius: 25px;
       margin-top: -1px;
       margin-left: 1px;
       margin-right: 8px !important;
@@ -131,9 +141,9 @@
     }
   }
 
-  .tw-flex,
+  .commit-list,
-  .commit-list {
+  #repo-files-table {
-    .tw-align-middle:not(img) {
+    .flex-text-inline:not(img) {
       padding: 6px;
       border-radius: var(--border-radius);
       margin-right: 6px;
@@ -147,16 +157,12 @@
 
 .repository.file.list {
   #repo-files-table {
-    tbody {
+    .repo-file-item {
       .svg.octicon-file-directory-fill,
       .svg.octicon-file-submodule {
         color: #7d8590;
       }
     }
-
-    tr:hover {
-      background-color: var(--color-box-header);
-    }
   }
 }
 
@@ -167,7 +173,6 @@
     }
 
     img {
-      border-radius: 25px;
       margin-right: 8px !important;
     }
   }
@@ -176,3 +181,8 @@
     color: #919894;
   }
 }
+
+// 编程语言仅语言文字颜色
+.language-stats-details .item .tw-font-semibold {
+  color: #f0f6fc;
+}

src/root.scss

@@ -1,11 +1,20 @@
 // Made by Luting ^-^
 :root :lang(zh-CN) {
-  --fonts-override: "Maple Hand", "VictorMono NF", "VictorMono Nerd Font"
+  --fonts-override: 'Maple Hand', 'VictorMono NF', 'VictorMono Nerd Font';
 }
 
 .job-step-logs {
-  font-family: "VictorMono NF", "VictorMono Nerd Font", "Maple Hand" !important;
+  font-family: 'VictorMono NF', 'VictorMono Nerd Font', 'Maple Hand' !important;
-  font-weight: 500
+  font-weight: 500;
+}
+
+.repository {
+  #commits-table .text.right,
+  #repo-files-table .repo-file-cell.age,
+  #repo-files-table relative-time {
+    font-family: 'VictorMono NF', 'VictorMono Nerd Font', 'Maple Hand';
+    font-weight: bold !important;
+  }
 }
 
 :root {

src/transition.scss

@@ -1,4 +1,16 @@
 // Made by Luting ^-^
+@keyframes overlay-appear {
+  0% {
+    opacity: 0;
+    transform: translateY(-5%);
+  }
+
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
 input,
 textarea,
 tr,
@@ -8,10 +20,11 @@ details summary,
 #navbar .item,
 .header-wrapper .ui.tabular.menu .item,
 .job-step-summary,
-.job-log-line,
+.job-step-logs,
 .job-brief-item,
 .menu .item,
 .page-content.repository .flex-item .flex-item-title a,
+.tippy-box .flex-items-block .item,
 .ui.input > input,
 .ui.form input:not([type]),
 .ui.form select,
@@ -28,6 +41,7 @@ details summary,
 .ui.form input[type='time'],
 .ui.form input[type='url'],
 .ui.label,
+.ui.modal,
 .ui.selection.dropdown,
 .ui.checkbox label:before,
 .ui.checkbox input:checked ~ label:before,
@@ -42,4 +56,5 @@ details summary,
 .ui.vertical.menu .header.item,
 .ui.secondary.menu .item {
   transition: 0.2s;
+  animation: 200ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running overlay-appear;
 }