mirror of
https://github.com/lutinglt/gitea-github-theme.git
synced 2025-10-26 13:00:31 +00:00
Compare commits
10 Commits
c80dd09828
...
6aef26cdc8
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
6aef26cdc8 | ||
|
|
a4c94cb34d | ||
|
|
8c45f44309 | ||
|
|
1c9b02ea88 | ||
|
|
61313d5644 | ||
|
|
d7722cde2f | ||
|
|
e3366a8406 | ||
|
|
f6fc6a9702 | ||
|
|
12d5636fb7 | ||
|
|
10c06dad60 |
2
.github/release-template.md
vendored
2
.github/release-template.md
vendored
@@ -1,3 +1,5 @@
|
||||
## 🎉
|
||||
|
||||
## ✨ Feature
|
||||
|
||||
#### CSS 变量
|
||||
|
||||
28
.github/release.md
vendored
28
.github/release.md
vendored
@@ -1,28 +1,4 @@
|
||||
## ✨ Feature
|
||||
|
||||
## 🌈 Style
|
||||
|
||||
- 优化创建仓库/派生仓库/迁移仓库/创建组织页面的样式与设置页面的样式一致
|
||||
- 优化消息右上角小图标样式
|
||||
- 优化组织页面下的 RSS 订阅按钮样式
|
||||
|
||||
#### 更符合 GitHub 风格
|
||||
|
||||
- 同步代码编辑器背景色和字体大小 (修复亮色模式下编辑器背景色问题) #12
|
||||
- 同步分页菜单样式
|
||||
- 同步登录/注册页面样式
|
||||
- 同步 Issue/PR 列表样式
|
||||
- 同步 Issue/PR 详细页面侧边栏样式
|
||||
- 同步仓库代码文件页 README 导航栏样式
|
||||
- 同步用户点星仓库列表样式
|
||||
- 优化私有标签样式
|
||||
- 优化热力图和动态样式
|
||||
- 优化仪表板仓库/组织列表样式
|
||||
- 略微增加仓库代码文件列表的单行高度
|
||||
|
||||
## 🐞 Fix
|
||||
|
||||
- Action 作业步骤页面标题选中时滚动固定的高度
|
||||
- 用户公开活动页动态布局
|
||||
- 顶部导航栏工单管理/请求合并页面搜索框旁的选择下拉框按钮内容过窄
|
||||
- 手机页面下注册/登录页导航栏注册按钮换行
|
||||
- 查看代码文件页面路径栏有时内容不会居中
|
||||
- 查看代码文件页面文件树头部有时不会固定住
|
||||
|
||||
2
.github/workflows/release.yml
vendored
2
.github/workflows/release.yml
vendored
@@ -18,7 +18,7 @@ jobs:
|
||||
- name: Create release
|
||||
run: |
|
||||
export TZ=Asia/Shanghai
|
||||
TAG="v$(npm run -s version).$(date +%y%m%d%H%M)"
|
||||
TAG="v$(npm run -s version)"
|
||||
tar -zcf dist/theme-github.tar.gz --remove-files dist/theme-github-auto.css dist/theme-github-light.css dist/theme-github-dark.css dist/theme-github-soft-dark.css
|
||||
gh release create "$TAG" dist/* --notes-file .github/release.md --draft -t $TAG
|
||||
env:
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
|
||||
## 版本号说明
|
||||
|
||||
主题版本号格式: `Gitea 版本号.时间戳`
|
||||
主题版本号与 Gitea 版本号保持一致
|
||||
|
||||
Gitea 版本号格式: `1.大版本号.小版本号`
|
||||
|
||||
@@ -19,6 +19,8 @@ Gitea 理论上小版本号变更不会修改前端布局, 所以主题的小版
|
||||
|
||||
仅维护项目发布中的最新的 Gitea 版本, 其他旧版本主题不接受 Issue 和 PR.
|
||||
|
||||
> 开发阶段的主题版本号格式: `1.大版本号.小版本号.时间戳`
|
||||
|
||||
## 安装
|
||||
|
||||
1. 在发布页下载最新的 CSS 主题文件放入 `gitea/public/assets/css` 目录下
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "gitea-github-theme",
|
||||
"version": "1.24.4",
|
||||
"version": "1.24.5",
|
||||
"description": "A theme to make Gitea look and feel like GitHub",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
|
||||
@@ -147,12 +147,77 @@ export const repoFilesMobile = css`
|
||||
// 仓库打开文件时的视图
|
||||
export const repoFileView = css`
|
||||
.page-content.repository.file.list {
|
||||
> .ui.container.fluid {
|
||||
max-width: calc(100% - calc(2 * 16px));
|
||||
}
|
||||
.repo-view-container {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
// 左侧文件树
|
||||
.repo-view-file-tree-container {
|
||||
height: 100vh;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
&:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: -14px;
|
||||
right: 0;
|
||||
width: 1px;
|
||||
height: calc(100% + 14px);
|
||||
background: ${themeVars.color.secondary.self};
|
||||
}
|
||||
> .repo-button-row {
|
||||
align-content: center;
|
||||
background: ${themeVars.color.body};
|
||||
height: 64px;
|
||||
margin: 0;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
&:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 64px;
|
||||
left: -16px;
|
||||
width: calc(100% + 16px);
|
||||
height: 1px;
|
||||
background: ${themeVars.color.secondary.self};
|
||||
}
|
||||
}
|
||||
.view-file-tree-items {
|
||||
margin-right: 0;
|
||||
padding: 16px 16px 16px 0;
|
||||
}
|
||||
}
|
||||
// 右侧文件视图内容
|
||||
.repo-view-content {
|
||||
.repo-button-row {
|
||||
align-content: center;
|
||||
background: ${themeVars.color.box.header};
|
||||
border: 1px solid ${themeVars.color.secondary.self};
|
||||
border-radius: ${otherThemeVars.border.radius};
|
||||
height: 46px;
|
||||
min-height: 46px;
|
||||
padding: 8px;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
.non-diff-file-content {
|
||||
// 避免分支菜单遮挡
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
h4.file-header {
|
||||
position: sticky;
|
||||
// 重叠边框线, 避免过粗
|
||||
top: 45px;
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
// 头部提交信息
|
||||
#repo-file-commit-box {
|
||||
.ui.segment#repo-file-commit-box {
|
||||
padding: 8px 12px;
|
||||
margin-bottom: 8px !important;
|
||||
> .latest-commit {
|
||||
gap: 8px;
|
||||
}
|
||||
@@ -167,6 +232,24 @@ export const repoFileView = css`
|
||||
}
|
||||
`;
|
||||
|
||||
// 避免手机/平板下路径容器过长导致换行, 取消固定
|
||||
export const repoFileViewMobile = css`
|
||||
@media (max-width: 1023.98px) {
|
||||
.page-content.repository.file.list .repo-view-container .repo-view-content {
|
||||
.repo-button-row {
|
||||
height: auto;
|
||||
position: static;
|
||||
z-index: 0;
|
||||
}
|
||||
.non-diff-file-content {
|
||||
h4.file-header {
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
`;
|
||||
|
||||
// 仓库代码布局调整, 侧边栏宽度调整
|
||||
export const repoGrid = css`
|
||||
.repo-grid-filelist-sidebar {
|
||||
|
||||
@@ -74,6 +74,10 @@ export const activity = css`
|
||||
}
|
||||
> .flex-item-main {
|
||||
gap: 8px !important;
|
||||
|
||||
relative-time {
|
||||
color: ${themeVars.color.text.light.num1};
|
||||
}
|
||||
}
|
||||
// 动态的右侧 svg 图标
|
||||
.flex-item-trailing svg {
|
||||
|
||||
Reference in New Issue
Block a user