mirror of
				https://github.com/lutinglt/gitea-github-theme.git
				synced 2025-10-28 15:20:30 +00:00 
			
		
		
		
	Compare commits
	
		
			47 Commits
		
	
	
		
			v1.23.2-20
			...
			v1.24.0.25
		
	
	| Author | SHA1 | Date | |
|---|---|---|---|
|   | 36a1707b3e | ||
|   | 2207d56a4e | ||
|   | 8e1a01e444 | ||
|   | 4365603d56 | ||
|   | 8def32e5b9 | ||
|   | ba895a3f31 | ||
|   | 04896a3395 | ||
|   | 69e0c063de | ||
|   | ce462ff305 | ||
|   | af2c71b607 | ||
|   | 6a17010a5f | ||
|   | 49812f0ee0 | ||
|   | 5bba897e11 | ||
|   | bed93d8777 | ||
|   | d83f8e9e10 | ||
|   | 3ab8c04dee | ||
|   | 14d79f4e9d | ||
|   | d95b59512b | ||
|   | 79a1049090 | ||
|   | 34f72da8b5 | ||
|   | c0d181278f | ||
|   | b8d0e43074 | ||
|   | 79f305ee1e | ||
|   | 9acfd21a9d | ||
|   | a897230f2c | ||
|   | 1cad42f701 | ||
|   | c5a1c1bdf5 | ||
|   | a4958a3539 | ||
|   | 9aae3e7347 | ||
|   | 7eff93195b | ||
|   | 21aa5cdc47 | ||
|   | 3119e2f334 | ||
|   | 91f5c77faf | ||
|   | 0bae3b4533 | ||
|   | 7a37517034 | ||
|   | 02f22c1f57 | ||
|   | aae6409016 | ||
|   | 3f34bce95d | ||
|   | 1b2207a13b | ||
|   | cd9a2a504b | ||
|   | 7c6ec21e10 | ||
|   | 36195e64ee | ||
|   | de133f5aac | ||
|   | e2c52aa95a | ||
|   | 3f75f5f36b | ||
|   | 6c8f386f9f | ||
|   | 53f074ba79 | 
							
								
								
									
										20
									
								
								.editorconfig
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										20
									
								
								.editorconfig
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,20 @@ | |||||||
|  | # EditorConfig helps developers define and maintain consistent | ||||||
|  | # coding styles between different editors and IDEs | ||||||
|  | # EditorConfig is awesome: https://EditorConfig.org | ||||||
|  |  | ||||||
|  | root = true | ||||||
|  |  | ||||||
|  | [*] | ||||||
|  | charset = utf-8 | ||||||
|  | indent_size = 2 | ||||||
|  | indent_style = space | ||||||
|  | end_of_line = lf | ||||||
|  | insert_final_newline = true | ||||||
|  | trim_trailing_whitespace = true | ||||||
|  |  | ||||||
|  | [*.{css,scss,ts}] | ||||||
|  | max_line_length = 120 | ||||||
|  |  | ||||||
|  | # documentation, utils | ||||||
|  | [*.{md,mdx,diff}] | ||||||
|  | trim_trailing_whitespace = false | ||||||
							
								
								
									
										10
									
								
								.github/release.md
									
									
									
									
										vendored
									
									
								
							
							
						
						
									
										10
									
								
								.github/release.md
									
									
									
									
										vendored
									
									
								
							| @@ -2,12 +2,10 @@ | |||||||
|  |  | ||||||
| #### 更符合 GitHub 风格 | #### 更符合 GitHub 风格 | ||||||
|  |  | ||||||
| ## 🎈 Perf | - 优化侧边栏间隔 | ||||||
|  | - 优化下拉菜单项目边距 | ||||||
| - 优化 Action 日志左侧栏宽度 `Gitea 会显示运行时长, 留给作业名称足够的长度` | - 关闭工单按钮为紫色 | ||||||
|  |  | ||||||
| ## 🐞 Fix | ## 🐞 Fix | ||||||
|  |  | ||||||
| - 修复侧边栏协议对齐 | - 分支按钮高度 | ||||||
| - 修复克隆面板按钮弹跳 |  | ||||||
| - 修复仓库/用户/组织标签风格不统一 |  | ||||||
|   | |||||||
							
								
								
									
										21
									
								
								.github/workflows/release.yml
									
									
									
									
										vendored
									
									
								
							
							
						
						
									
										21
									
								
								.github/workflows/release.yml
									
									
									
									
										vendored
									
									
								
							| @@ -2,10 +2,6 @@ name: release | |||||||
|  |  | ||||||
| on: | on: | ||||||
|   workflow_dispatch: |   workflow_dispatch: | ||||||
|     inputs: |  | ||||||
|       gitea_version: |  | ||||||
|         required: true |  | ||||||
|         type: string |  | ||||||
|  |  | ||||||
| permissions: | permissions: | ||||||
|   contents: write |   contents: write | ||||||
| @@ -15,24 +11,13 @@ jobs: | |||||||
|     runs-on: ubuntu-latest |     runs-on: ubuntu-latest | ||||||
|     steps: |     steps: | ||||||
|       - uses: actions/checkout@v4 |       - uses: actions/checkout@v4 | ||||||
|       - uses: actions/setup-node@v4 |       - uses: denoland/setup-deno@v2 | ||||||
|         with: |         with: | ||||||
|           node-version: 20 |           deno-version: v2.x | ||||||
|       - name: Build theme |  | ||||||
|         run: | |  | ||||||
|           npm install |  | ||||||
|           npm run build:theme-fonts |  | ||||||
|           mv dist css |  | ||||||
|           npm run build:theme |  | ||||||
|           tar -czf dist/theme-github-fonts.tar.gz css fonts |  | ||||||
|       - uses: actions/upload-artifact@v4 |  | ||||||
|         with: |  | ||||||
|           name: theme-github |  | ||||||
|           path: dist/* |  | ||||||
|       - name: Create release |       - name: Create release | ||||||
|         run: | |         run: | | ||||||
|           export TZ=Asia/Shanghai |           export TZ=Asia/Shanghai | ||||||
|           TAG="v${{ inputs.gitea_version }}-$(date +%Y%m%d-%H%M)" |           TAG="v$(./build.ts).$(date +%y%m%d%H%M)" | ||||||
|           gh release create "$TAG" dist/* --notes-file .github/release.md --draft -t $TAG |           gh release create "$TAG" dist/* --notes-file .github/release.md --draft -t $TAG | ||||||
|         env: |         env: | ||||||
|           GH_TOKEN: ${{ github.token }} |           GH_TOKEN: ${{ github.token }} | ||||||
|   | |||||||
| @@ -1,3 +1,5 @@ | |||||||
| dist/ | dist/ | ||||||
| node_modules/ | node_modules/ | ||||||
| package-lock.json | package-lock.json | ||||||
|  | deno.json | ||||||
|  | deno.lock | ||||||
| @@ -3,7 +3,7 @@ | |||||||
|   "tabWidth": 2, |   "tabWidth": 2, | ||||||
|   "useTabs": false, |   "useTabs": false, | ||||||
|   "semi": true, |   "semi": true, | ||||||
|   "singleQuote": true, |   "singleQuote": false, | ||||||
|   "quoteProps": "as-needed", |   "quoteProps": "as-needed", | ||||||
|   "jsxSingleQuote": false, |   "jsxSingleQuote": false, | ||||||
|   "trailingComma": "none", |   "trailingComma": "none", | ||||||
|   | |||||||
							
								
								
									
										7
									
								
								CONTRIBUTING.md
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										7
									
								
								CONTRIBUTING.md
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,7 @@ | |||||||
|  | | 目录              | 说明                         | | ||||||
|  | | ----------------- | ---------------------------- | | ||||||
|  | | styles            | 元素 GitHub 风格             | | ||||||
|  | | styles/components | 具体页面的元素单独风格       | | ||||||
|  | | styles/public     | 适用大部分页面的元素默认风格 | | ||||||
|  | | themes            | 颜色主题                     | | ||||||
|  | | themes/\<theme>   | 具体颜色主题自己的颜色或风格 | | ||||||
							
								
								
									
										44
									
								
								README.md
									
									
									
									
									
								
							
							
						
						
									
										44
									
								
								README.md
									
									
									
									
									
								
							| @@ -2,12 +2,12 @@ | |||||||
|  |  | ||||||
| 尽量保持与 GitHub Dark 相同样式的 Gitea 主题 | 尽量保持与 GitHub Dark 相同样式的 Gitea 主题 | ||||||
|  |  | ||||||
|  |  | ||||||
| ### 主题说明 | ### 主题说明 | ||||||
|  |  | ||||||
| 添加了短暂的过渡动画优化体验(与 GitHub Code 克隆列表动画一致) | 添加了短暂的过渡动画优化体验(与 GitHub Code 克隆列表动画一致) | ||||||
|  |  | ||||||
| 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-file-explorer-icons](https://github.com/catppuccin/github-file-explorer-icons) | ||||||
|  |  | ||||||
| ## 安装 | ## 安装 | ||||||
|  |  | ||||||
| @@ -17,29 +17,14 @@ UI 默认字体 [Maple Hand](https://github.com/subframe7536/maple-font/tree/oth | |||||||
| 4. 在设置中查看主题 | 4. 在设置中查看主题 | ||||||
|  |  | ||||||
| `gitea/conf/app.ini` 例: | `gitea/conf/app.ini` 例: | ||||||
|  |  | ||||||
| ```ini | ```ini | ||||||
| [ui] | [ui] | ||||||
| THEMES = gitea-dark, github | THEMES = gitea-dark, github | ||||||
| ``` | ``` | ||||||
|  |  | ||||||
| 详细请查看 Gitea 文档 [Gitea docs](https://docs.gitea.com/next/administration/customizing-gitea#customizing-the-look-of-gitea) | 详细请查看 Gitea 文档 | ||||||
|  | [Gitea docs](https://docs.gitea.com/next/administration/customizing-gitea#customizing-the-look-of-gitea) | ||||||
| ### 集成字体 |  | ||||||
|  |  | ||||||
| 如果不想手动在系统安装字体, 可以将字体放入 Gitea 中, 在访问时拉取字体文件 |  | ||||||
|  |  | ||||||
| >[!CAUTION] |  | ||||||
| > |  | ||||||
| > 不推荐此行为, 字体文件较大, 且一些字体粗细样式可能会有缺失 |  | ||||||
| > |  | ||||||
| > 页面会在加载完字体后切换字体 |  | ||||||
|  |  | ||||||
| 1. 在发布页下载最新的 `theme-github-fonts.tar.gz` 解压后放入 `gitea/public/assets` 目录下 |  | ||||||
| 2. 清除浏览器缓存, 强制刷新浏览器查看效果 |  | ||||||
|  |  | ||||||
| 文件位置如下: |  | ||||||
|  |  | ||||||
|  |  | ||||||
|  |  | ||||||
| ## 截图 | ## 截图 | ||||||
|  |  | ||||||
| @@ -59,23 +44,28 @@ THEMES = gitea-dark, github | |||||||
|  |  | ||||||
| ## 构建 | ## 构建 | ||||||
|  |  | ||||||
| 需要 nodejs 和 npm | ### 克隆仓库 | ||||||
|  |  | ||||||
| ```bash | ```bash | ||||||
| git clone https://github.com/lutinglt/gitea-github-theme.git | git clone https://github.com/lutinglt/gitea-github-theme.git | ||||||
| cd gitea-github-theme | cd gitea-github-theme | ||||||
| npm install |  | ||||||
| npm run build:theme |  | ||||||
| ``` | ``` | ||||||
|  |  | ||||||
| 查看用于 Gitea 的主题文件: `./dist/theme-github.css` | ### 使用 deno (推荐) | ||||||
|  |  | ||||||
| 在开发过程中实时构建主题文件 |  | ||||||
|  |  | ||||||
| ```bash | ```bash | ||||||
| npm run watch | deno run build | ||||||
| ``` | ``` | ||||||
|  |  | ||||||
|  | ### 使用 nodejs & npm | ||||||
|  |  | ||||||
|  | ```bash | ||||||
|  | npm install | ||||||
|  | npm run build | ||||||
|  | ``` | ||||||
|  |  | ||||||
|  | 查看用于 Gitea 的主题文件: `dist/theme-github.css` | ||||||
|  |  | ||||||
| ## 贡献 | ## 贡献 | ||||||
|  |  | ||||||
| 欢迎提交 Issue 或 Pull Request | 欢迎提交 Issue 或 Pull Request | ||||||
							
								
								
									
										34
									
								
								build.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										34
									
								
								build.js
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,34 @@ | |||||||
|  | import * as process from "node:process"; | ||||||
|  | import * as fs from "node:fs"; | ||||||
|  | import * as sass from "sass"; | ||||||
|  | import * as yaml from "js-yaml"; | ||||||
|  |  | ||||||
|  | async function compile(inputFile) { | ||||||
|  |   return (await sass.compileAsync(inputFile, { sourceMap: false, style: "compressed" })).css; | ||||||
|  | } | ||||||
|  |  | ||||||
|  | async function generateTheme(themePath) { | ||||||
|  |   try { | ||||||
|  |     const fileContent = fs.readFileSync(themePath); | ||||||
|  |     const data = yaml.load(fileContent); | ||||||
|  |     console.log(data.gitea.version); | ||||||
|  |  | ||||||
|  |     fs.mkdirSync("dist", { recursive: true }); | ||||||
|  |     const styles = await compile("src/styles/styles.scss"); | ||||||
|  |     for (const theme of data.gitea.themes) { | ||||||
|  |       const inputFile = `src/themes/${theme}.scss`; | ||||||
|  |       const outputFile = `dist/theme-github-${theme}.css`; | ||||||
|  |       const result = await compile(inputFile); | ||||||
|  |       fs.writeFileSync(outputFile, `${styles}${result}`); | ||||||
|  |     } | ||||||
|  |   } catch (error) { | ||||||
|  |     let e = error; | ||||||
|  |     if (error instanceof Error) { | ||||||
|  |       e = error.message; | ||||||
|  |     } | ||||||
|  |     console.error("Build failed:", e); | ||||||
|  |     process.exit(1); | ||||||
|  |   } | ||||||
|  | } | ||||||
|  |  | ||||||
|  | generateTheme("theme.yml"); | ||||||
							
								
								
									
										43
									
								
								build.ts
									
									
									
									
									
										Executable file
									
								
							
							
						
						
									
										43
									
								
								build.ts
									
									
									
									
									
										Executable file
									
								
							| @@ -0,0 +1,43 @@ | |||||||
|  | #!/usr/bin/env -S deno run -A --allow-scripts -q | ||||||
|  |  | ||||||
|  | import * as sass from "npm:sass"; | ||||||
|  | import * as yaml from "npm:js-yaml"; | ||||||
|  |  | ||||||
|  | interface Gitea { | ||||||
|  |   version: string; | ||||||
|  |   themes: [string]; | ||||||
|  | } | ||||||
|  |  | ||||||
|  | interface ThemeInfo { | ||||||
|  |   gitea: Gitea; | ||||||
|  | } | ||||||
|  |  | ||||||
|  | async function compile(inputFile: string) { | ||||||
|  |   return (await sass.compileAsync(inputFile, { sourceMap: false, style: "compressed" })).css; | ||||||
|  | } | ||||||
|  |  | ||||||
|  | async function generateTheme(themePath: string) { | ||||||
|  |   try { | ||||||
|  |     const fileContent = await Deno.readTextFile(themePath); | ||||||
|  |     const data: ThemeInfo = yaml.load(fileContent); | ||||||
|  |     console.log(data.gitea.version); | ||||||
|  |  | ||||||
|  |     await Deno.mkdir("dist", { recursive: true }); | ||||||
|  |     const styles = await compile("src/styles/styles.scss"); | ||||||
|  |     for (const theme of data.gitea.themes) { | ||||||
|  |       const inputFile = `src/themes/${theme}.scss`; | ||||||
|  |       const outputFile = `dist/theme-github-${theme}.css`; | ||||||
|  |       const result = await compile(inputFile); | ||||||
|  |       await Deno.writeTextFile(outputFile, `${styles}${result}`); | ||||||
|  |     } | ||||||
|  |   } catch (error) { | ||||||
|  |     let e = error; | ||||||
|  |     if (error instanceof Error) { | ||||||
|  |       e = error.message; | ||||||
|  |     } | ||||||
|  |     console.error("Build failed:", e); | ||||||
|  |     Deno.exit(1); | ||||||
|  |   } | ||||||
|  | } | ||||||
|  |  | ||||||
|  | generateTheme("theme.yml"); | ||||||
							
								
								
									
										11
									
								
								deno.json
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										11
									
								
								deno.json
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,11 @@ | |||||||
|  | { | ||||||
|  |   "nodeModulesDir": "auto", | ||||||
|  |   "fmt": { | ||||||
|  |     "options": { | ||||||
|  |       "lineWidth": 120 | ||||||
|  |     } | ||||||
|  |   }, | ||||||
|  |   "tasks": { | ||||||
|  |     "build": "deno -A --allow-scripts build.ts" | ||||||
|  |   } | ||||||
|  | } | ||||||
							
								
								
									
										170
									
								
								deno.lock
									
									
									
										generated
									
									
									
										Normal file
									
								
							
							
						
						
									
										170
									
								
								deno.lock
									
									
									
										generated
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,170 @@ | |||||||
|  | { | ||||||
|  |   "version": "4", | ||||||
|  |   "specifiers": { | ||||||
|  |     "npm:@types/node@*": "22.5.4", | ||||||
|  |     "npm:js-yaml@*": "4.1.0", | ||||||
|  |     "npm:js-yaml@^4.1.0": "4.1.0", | ||||||
|  |     "npm:sass@*": "1.84.0", | ||||||
|  |     "npm:sass@1.84.0": "1.84.0", | ||||||
|  |     "npm:sass@^1.83.0": "1.84.0" | ||||||
|  |   }, | ||||||
|  |   "npm": { | ||||||
|  |     "@parcel/watcher-android-arm64@2.5.1": { | ||||||
|  |       "integrity": "sha512-KF8+j9nNbUN8vzOFDpRMsaKBHZ/mcjEjMToVMJOhTozkDonQFFrRcfdLWn6yWKCmJKmdVxSgHiYvTCef4/qcBA==" | ||||||
|  |     }, | ||||||
|  |     "@parcel/watcher-darwin-arm64@2.5.1": { | ||||||
|  |       "integrity": "sha512-eAzPv5osDmZyBhou8PoF4i6RQXAfeKL9tjb3QzYuccXFMQU0ruIc/POh30ePnaOyD1UXdlKguHBmsTs53tVoPw==" | ||||||
|  |     }, | ||||||
|  |     "@parcel/watcher-darwin-x64@2.5.1": { | ||||||
|  |       "integrity": "sha512-1ZXDthrnNmwv10A0/3AJNZ9JGlzrF82i3gNQcWOzd7nJ8aj+ILyW1MTxVk35Db0u91oD5Nlk9MBiujMlwmeXZg==" | ||||||
|  |     }, | ||||||
|  |     "@parcel/watcher-freebsd-x64@2.5.1": { | ||||||
|  |       "integrity": "sha512-SI4eljM7Flp9yPuKi8W0ird8TI/JK6CSxju3NojVI6BjHsTyK7zxA9urjVjEKJ5MBYC+bLmMcbAWlZ+rFkLpJQ==" | ||||||
|  |     }, | ||||||
|  |     "@parcel/watcher-linux-arm-glibc@2.5.1": { | ||||||
|  |       "integrity": "sha512-RCdZlEyTs8geyBkkcnPWvtXLY44BCeZKmGYRtSgtwwnHR4dxfHRG3gR99XdMEdQ7KeiDdasJwwvNSF5jKtDwdA==" | ||||||
|  |     }, | ||||||
|  |     "@parcel/watcher-linux-arm-musl@2.5.1": { | ||||||
|  |       "integrity": "sha512-6E+m/Mm1t1yhB8X412stiKFG3XykmgdIOqhjWj+VL8oHkKABfu/gjFj8DvLrYVHSBNC+/u5PeNrujiSQ1zwd1Q==" | ||||||
|  |     }, | ||||||
|  |     "@parcel/watcher-linux-arm64-glibc@2.5.1": { | ||||||
|  |       "integrity": "sha512-LrGp+f02yU3BN9A+DGuY3v3bmnFUggAITBGriZHUREfNEzZh/GO06FF5u2kx8x+GBEUYfyTGamol4j3m9ANe8w==" | ||||||
|  |     }, | ||||||
|  |     "@parcel/watcher-linux-arm64-musl@2.5.1": { | ||||||
|  |       "integrity": "sha512-cFOjABi92pMYRXS7AcQv9/M1YuKRw8SZniCDw0ssQb/noPkRzA+HBDkwmyOJYp5wXcsTrhxO0zq1U11cK9jsFg==" | ||||||
|  |     }, | ||||||
|  |     "@parcel/watcher-linux-x64-glibc@2.5.1": { | ||||||
|  |       "integrity": "sha512-GcESn8NZySmfwlTsIur+49yDqSny2IhPeZfXunQi48DMugKeZ7uy1FX83pO0X22sHntJ4Ub+9k34XQCX+oHt2A==" | ||||||
|  |     }, | ||||||
|  |     "@parcel/watcher-linux-x64-musl@2.5.1": { | ||||||
|  |       "integrity": "sha512-n0E2EQbatQ3bXhcH2D1XIAANAcTZkQICBPVaxMeaCVBtOpBZpWJuf7LwyWPSBDITb7In8mqQgJ7gH8CILCURXg==" | ||||||
|  |     }, | ||||||
|  |     "@parcel/watcher-win32-arm64@2.5.1": { | ||||||
|  |       "integrity": "sha512-RFzklRvmc3PkjKjry3hLF9wD7ppR4AKcWNzH7kXR7GUe0Igb3Nz8fyPwtZCSquGrhU5HhUNDr/mKBqj7tqA2Vw==" | ||||||
|  |     }, | ||||||
|  |     "@parcel/watcher-win32-ia32@2.5.1": { | ||||||
|  |       "integrity": "sha512-c2KkcVN+NJmuA7CGlaGD1qJh1cLfDnQsHjE89E60vUEMlqduHGCdCLJCID5geFVM0dOtA3ZiIO8BoEQmzQVfpQ==" | ||||||
|  |     }, | ||||||
|  |     "@parcel/watcher-win32-x64@2.5.1": { | ||||||
|  |       "integrity": "sha512-9lHBdJITeNR++EvSQVUcaZoWupyHfXe1jZvGZ06O/5MflPcuPLtEphScIBL+AiCWBO46tDSHzWyD0uDmmZqsgA==" | ||||||
|  |     }, | ||||||
|  |     "@parcel/watcher@2.5.1": { | ||||||
|  |       "integrity": "sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg==", | ||||||
|  |       "dependencies": [ | ||||||
|  |         "@parcel/watcher-android-arm64", | ||||||
|  |         "@parcel/watcher-darwin-arm64", | ||||||
|  |         "@parcel/watcher-darwin-x64", | ||||||
|  |         "@parcel/watcher-freebsd-x64", | ||||||
|  |         "@parcel/watcher-linux-arm-glibc", | ||||||
|  |         "@parcel/watcher-linux-arm-musl", | ||||||
|  |         "@parcel/watcher-linux-arm64-glibc", | ||||||
|  |         "@parcel/watcher-linux-arm64-musl", | ||||||
|  |         "@parcel/watcher-linux-x64-glibc", | ||||||
|  |         "@parcel/watcher-linux-x64-musl", | ||||||
|  |         "@parcel/watcher-win32-arm64", | ||||||
|  |         "@parcel/watcher-win32-ia32", | ||||||
|  |         "@parcel/watcher-win32-x64", | ||||||
|  |         "detect-libc", | ||||||
|  |         "is-glob", | ||||||
|  |         "micromatch", | ||||||
|  |         "node-addon-api" | ||||||
|  |       ] | ||||||
|  |     }, | ||||||
|  |     "@types/node@22.5.4": { | ||||||
|  |       "integrity": "sha512-FDuKUJQm/ju9fT/SeX/6+gBzoPzlVCzfzmGkwKvRHQVxi4BntVbyIwf6a4Xn62mrvndLiml6z/UBXIdEVjQLXg==", | ||||||
|  |       "dependencies": [ | ||||||
|  |         "undici-types" | ||||||
|  |       ] | ||||||
|  |     }, | ||||||
|  |     "argparse@2.0.1": { | ||||||
|  |       "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==" | ||||||
|  |     }, | ||||||
|  |     "braces@3.0.3": { | ||||||
|  |       "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==", | ||||||
|  |       "dependencies": [ | ||||||
|  |         "fill-range" | ||||||
|  |       ] | ||||||
|  |     }, | ||||||
|  |     "chokidar@4.0.3": { | ||||||
|  |       "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==", | ||||||
|  |       "dependencies": [ | ||||||
|  |         "readdirp" | ||||||
|  |       ] | ||||||
|  |     }, | ||||||
|  |     "detect-libc@1.0.3": { | ||||||
|  |       "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==" | ||||||
|  |     }, | ||||||
|  |     "fill-range@7.1.1": { | ||||||
|  |       "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==", | ||||||
|  |       "dependencies": [ | ||||||
|  |         "to-regex-range" | ||||||
|  |       ] | ||||||
|  |     }, | ||||||
|  |     "immutable@5.0.3": { | ||||||
|  |       "integrity": "sha512-P8IdPQHq3lA1xVeBRi5VPqUm5HDgKnx0Ru51wZz5mjxHr5n3RWhjIpOFU7ybkUxfB+5IToy+OLaHYDBIWsv+uw==" | ||||||
|  |     }, | ||||||
|  |     "is-extglob@2.1.1": { | ||||||
|  |       "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==" | ||||||
|  |     }, | ||||||
|  |     "is-glob@4.0.3": { | ||||||
|  |       "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", | ||||||
|  |       "dependencies": [ | ||||||
|  |         "is-extglob" | ||||||
|  |       ] | ||||||
|  |     }, | ||||||
|  |     "is-number@7.0.0": { | ||||||
|  |       "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==" | ||||||
|  |     }, | ||||||
|  |     "js-yaml@4.1.0": { | ||||||
|  |       "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==", | ||||||
|  |       "dependencies": [ | ||||||
|  |         "argparse" | ||||||
|  |       ] | ||||||
|  |     }, | ||||||
|  |     "micromatch@4.0.8": { | ||||||
|  |       "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==", | ||||||
|  |       "dependencies": [ | ||||||
|  |         "braces", | ||||||
|  |         "picomatch" | ||||||
|  |       ] | ||||||
|  |     }, | ||||||
|  |     "node-addon-api@7.1.1": { | ||||||
|  |       "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==" | ||||||
|  |     }, | ||||||
|  |     "picomatch@2.3.1": { | ||||||
|  |       "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==" | ||||||
|  |     }, | ||||||
|  |     "readdirp@4.1.1": { | ||||||
|  |       "integrity": "sha512-h80JrZu/MHUZCyHu5ciuoI0+WxsCxzxJTILn6Fs8rxSnFPh+UVHYfeIxK1nVGugMqkfC4vJcBOYbkfkwYK0+gw==" | ||||||
|  |     }, | ||||||
|  |     "sass@1.84.0": { | ||||||
|  |       "integrity": "sha512-XDAbhEPJRxi7H0SxrnOpiXFQoUJHwkR2u3Zc4el+fK/Tt5Hpzw5kkQ59qVDfvdaUq6gCrEZIbySFBM2T9DNKHg==", | ||||||
|  |       "dependencies": [ | ||||||
|  |         "@parcel/watcher", | ||||||
|  |         "chokidar", | ||||||
|  |         "immutable", | ||||||
|  |         "source-map-js" | ||||||
|  |       ] | ||||||
|  |     }, | ||||||
|  |     "source-map-js@1.2.1": { | ||||||
|  |       "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==" | ||||||
|  |     }, | ||||||
|  |     "to-regex-range@5.0.1": { | ||||||
|  |       "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", | ||||||
|  |       "dependencies": [ | ||||||
|  |         "is-number" | ||||||
|  |       ] | ||||||
|  |     }, | ||||||
|  |     "undici-types@6.19.8": { | ||||||
|  |       "integrity": "sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==" | ||||||
|  |     } | ||||||
|  |   }, | ||||||
|  |   "workspace": { | ||||||
|  |     "packageJson": { | ||||||
|  |       "dependencies": [ | ||||||
|  |         "npm:js-yaml@^4.1.0", | ||||||
|  |         "npm:sass@^1.83.0" | ||||||
|  |       ] | ||||||
|  |     } | ||||||
|  |   } | ||||||
|  | } | ||||||
										
											Binary file not shown.
										
									
								
							
										
											Binary file not shown.
										
									
								
							
										
											Binary file not shown.
										
									
								
							
										
											Binary file not shown.
										
									
								
							
										
											Binary file not shown.
										
									
								
							
										
											Binary file not shown.
										
									
								
							
							
								
								
									
										22
									
								
								package.json
									
									
									
									
									
								
							
							
						
						
									
										22
									
								
								package.json
									
									
									
									
									
								
							| @@ -1,26 +1,10 @@ | |||||||
| { | { | ||||||
|   "name": "gitea-github-theme", |   "type": "module", | ||||||
|   "version": "1.0.0", |  | ||||||
|   "description": "尽量保持与 GitHub Dark 相同样式的 Gitea 主题", |  | ||||||
|   "scripts": { |   "scripts": { | ||||||
|     "build": "sass src/theme-github.scss:dist/theme-github.css --no-source-map", |     "build": "node build.js" | ||||||
|     "build:theme": "npm run build -- --style=compressed", |  | ||||||
|     "build:theme-fonts": "sass src/theme-github-fonts.scss:dist/theme-github.css --no-source-map --style=compressed", |  | ||||||
|     "build:theme-my": "sass src/theme-github-my.scss:dist/theme-github.css --no-source-map --style=compressed", |  | ||||||
|     "watch": "npm run build -- --watch" |  | ||||||
|   }, |   }, | ||||||
|   "repository": { |  | ||||||
|     "type": "git", |  | ||||||
|     "url": "git+https://github.com/lutinglt/gitea-github-theme.git" |  | ||||||
|   }, |  | ||||||
|   "keywords": [], |  | ||||||
|   "author": "", |  | ||||||
|   "type": "commonjs", |  | ||||||
|   "bugs": { |  | ||||||
|     "url": "https://github.com/lutinglt/gitea-github-theme/issues" |  | ||||||
|   }, |  | ||||||
|   "homepage": "https://github.com/lutinglt/gitea-github-theme#readme", |  | ||||||
|   "devDependencies": { |   "devDependencies": { | ||||||
|  |     "js-yaml": "^4.1.0", | ||||||
|     "sass": "^1.83.0" |     "sass": "^1.83.0" | ||||||
|   } |   } | ||||||
| } | } | ||||||
|   | |||||||
										
											Binary file not shown.
										
									
								
							| Before Width: | Height: | Size: 224 KiB After Width: | Height: | Size: 176 KiB | 
										
											Binary file not shown.
										
									
								
							| Before Width: | Height: | Size: 52 KiB After Width: | Height: | Size: 111 KiB | 
										
											Binary file not shown.
										
									
								
							| Before Width: | Height: | Size: 52 KiB | 
| @@ -1,26 +0,0 @@ | |||||||
| // Made by Luting ^-^ |  | ||||||
| .lines-num span:after { |  | ||||||
|   color: var(--color-text); |  | ||||||
| } |  | ||||||
|  |  | ||||||
| .ui.secondary.pointing.menu { |  | ||||||
|   .active.item { |  | ||||||
|     color: var(--color-text); |  | ||||||
|   } |  | ||||||
|  |  | ||||||
|   .active.item, |  | ||||||
|   .dropdown.item, |  | ||||||
|   .link.item, |  | ||||||
|   a.item { |  | ||||||
|     &:hover { |  | ||||||
|       color: var(--color-text); |  | ||||||
|     } |  | ||||||
|   } |  | ||||||
| } |  | ||||||
|  |  | ||||||
| .ui.cards > .card, |  | ||||||
| .ui.card { |  | ||||||
|   > .extra a:not(.ui):hover { |  | ||||||
|     color: var(--color-blue); |  | ||||||
|   } |  | ||||||
| } |  | ||||||
| @@ -1,48 +0,0 @@ | |||||||
| // Made by Luting ^-^ |  | ||||||
| @font-face { |  | ||||||
|   font-family: 'Maple Hand'; |  | ||||||
|   src: url('/assets/fonts/MapleHand-Regular.ttf') format('truetype'); |  | ||||||
|   font-display: swap; |  | ||||||
|   font-weight: normal; |  | ||||||
|   font-style: normal; |  | ||||||
| } |  | ||||||
|  |  | ||||||
| @font-face { |  | ||||||
|   font-family: 'Maple Hand'; |  | ||||||
|   src: url('/assets/fonts/MapleHand-Bold.ttf') format('truetype'); |  | ||||||
|   font-display: swap; |  | ||||||
|   font-weight: bold; |  | ||||||
|   font-style: normal; |  | ||||||
| } |  | ||||||
|  |  | ||||||
| @font-face { |  | ||||||
|   font-family: 'VictorMono NF'; |  | ||||||
|   src: url('/assets/fonts/VictorMonoNerdFont-Regular.ttf') format('truetype'); |  | ||||||
|   font-display: swap; |  | ||||||
|   font-weight: normal; |  | ||||||
|   font-style: normal; |  | ||||||
| } |  | ||||||
|  |  | ||||||
| @font-face { |  | ||||||
|   font-family: 'VictorMono NF'; |  | ||||||
|   src: url('/assets/fonts/VictorMonoNerdFont-Italic.ttf') format('truetype'); |  | ||||||
|   font-display: swap; |  | ||||||
|   font-weight: normal; |  | ||||||
|   font-style: italic; |  | ||||||
| } |  | ||||||
|  |  | ||||||
| @font-face { |  | ||||||
|   font-family: 'VictorMono NF'; |  | ||||||
|   src: url('/assets/fonts/VictorMonoNerdFont-Bold.ttf') format('truetype'); |  | ||||||
|   font-display: swap; |  | ||||||
|   font-weight: bold; |  | ||||||
|   font-style: normal; |  | ||||||
| } |  | ||||||
|  |  | ||||||
| @font-face { |  | ||||||
|   font-family: 'VictorMono NF'; |  | ||||||
|   src: url('/assets/fonts/VictorMonoNerdFont-BoldItalic.ttf') format('truetype'); |  | ||||||
|   font-display: swap; |  | ||||||
|   font-weight: bold; |  | ||||||
|   font-style: italic; |  | ||||||
| } |  | ||||||
| @@ -1,21 +0,0 @@ | |||||||
| // Made by Luting ^-^ |  | ||||||
| .ui.modal { |  | ||||||
|   border: 1.5px solid var(--color-light-border); |  | ||||||
|  |  | ||||||
|   > .header { |  | ||||||
|     background-color: var(--color-box-header); |  | ||||||
|     border-bottom: 1.5px solid var(--color-light-border); |  | ||||||
|   } |  | ||||||
|  |  | ||||||
|   > .content, |  | ||||||
|   form > .content { |  | ||||||
|     background-color: var(--color-box-header); |  | ||||||
|   } |  | ||||||
|  |  | ||||||
|   > .actions, |  | ||||||
|   .content + .actions, |  | ||||||
|   .content + form > .actions { |  | ||||||
|     background-color: var(--color-box-header); |  | ||||||
|     border-top: 1.5px solid var(--color-light-border); |  | ||||||
|   } |  | ||||||
| } |  | ||||||
							
								
								
									
										9
									
								
								src/styles/components.scss
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										9
									
								
								src/styles/components.scss
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,9 @@ | |||||||
|  | // Made by Luting ^-^ | ||||||
|  | @use "components/dashboard"; // 首页 | ||||||
|  | @use "components/repo"; // 仓库 | ||||||
|  | @use "components/issue"; // 工单&拉取请求 | ||||||
|  | @use "components/setting"; // 设置 | ||||||
|  | @use "components/release"; // 发布 | ||||||
|  | @use "components/actions"; // 操作 | ||||||
|  | @use "components/heatmap"; // 热力图 | ||||||
|  | @use "components/diff"; // 对比 | ||||||
| @@ -1,4 +1,91 @@ | |||||||
| // Made by Luting ^-^ | // Made by Luting ^-^ | ||||||
|  | 
 | ||||||
|  | .page-content.repository.actions .ui.grid { | ||||||
|  |   .four.wide { | ||||||
|  |     border-right: 1px solid var(--color-light-border); | ||||||
|  |     min-height: calc(-104px + 100vh); | ||||||
|  | 
 | ||||||
|  |     &:before { | ||||||
|  |       content: "Actions"; | ||||||
|  |       display: block; | ||||||
|  |       font-size: 20px; | ||||||
|  |       font-weight: 600; | ||||||
|  |       margin-top: 6px; | ||||||
|  |       margin-bottom: 24px; | ||||||
|  |     } | ||||||
|  |   } | ||||||
|  | 
 | ||||||
|  |   .twelve.wide { | ||||||
|  |     &:before { | ||||||
|  |       content: "Workflow Runs"; | ||||||
|  |       display: block; | ||||||
|  |       font-size: 20px; | ||||||
|  |       margin-top: 6px; | ||||||
|  |       margin-bottom: 24px; | ||||||
|  |       margin-left: 2px; | ||||||
|  |     } | ||||||
|  | 
 | ||||||
|  |     .ui.secondary.menu { | ||||||
|  |       background-color: var(--color-box-header); | ||||||
|  |       border: 1px solid var(--color-light-border); | ||||||
|  |       border-bottom: 0; | ||||||
|  |       border-top-left-radius: var(--border-radius); | ||||||
|  |       border-top-right-radius: var(--border-radius); | ||||||
|  |       padding: 16px; | ||||||
|  |       margin-bottom: 0; | ||||||
|  | 
 | ||||||
|  |       .item { | ||||||
|  |         padding: 6px 12px; | ||||||
|  |       } | ||||||
|  |     } | ||||||
|  | 
 | ||||||
|  |     .ui.info.message { | ||||||
|  |       border-radius: 0; | ||||||
|  |       border-left-color: var(--color-light-border); | ||||||
|  |       border-right-color: var(--color-light-border); | ||||||
|  |       margin: 0; | ||||||
|  | 
 | ||||||
|  |       ~ .run-list { | ||||||
|  |         border-top: 0; | ||||||
|  |       } | ||||||
|  |     } | ||||||
|  | 
 | ||||||
|  |     .run-list { | ||||||
|  |       border: 1px solid var(--color-light-border); | ||||||
|  |       border-bottom-left-radius: var(--border-radius); | ||||||
|  |       border-bottom-right-radius: var(--border-radius); | ||||||
|  | 
 | ||||||
|  |       .flex-item { | ||||||
|  |         padding: 16px; | ||||||
|  | 
 | ||||||
|  |         .flex-item-leading { | ||||||
|  |           align-self: flex-start; | ||||||
|  |           margin-top: 2px; | ||||||
|  |         } | ||||||
|  | 
 | ||||||
|  |         .flex-item-main { | ||||||
|  |           gap: 0.5rem; | ||||||
|  |         } | ||||||
|  | 
 | ||||||
|  |         .flex-item-trailing { | ||||||
|  |           justify-content: space-between; | ||||||
|  | 
 | ||||||
|  |           > .ui.label { | ||||||
|  |             border-radius: var(--border-radius); | ||||||
|  |             margin-left: 32px; | ||||||
|  |           } | ||||||
|  |         } | ||||||
|  |       } | ||||||
|  |     } | ||||||
|  |   } | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | @media (max-width: 767.98px) { | ||||||
|  |   .page-content.repository.actions .ui.grid .four.wide { | ||||||
|  |     min-height: auto; | ||||||
|  |   } | ||||||
|  | } | ||||||
|  | 
 | ||||||
| // 工作流禁用标签 | // 工作流禁用标签 | ||||||
| .ui.vertical.menu .item > .ui.red.label { | .ui.vertical.menu .item > .ui.red.label { | ||||||
|   color: var(--color-error-text); |   color: var(--color-error-text); | ||||||
| @@ -10,15 +97,12 @@ | |||||||
| // 手动工作流下拉列表 | // 手动工作流下拉列表 | ||||||
| #runWorkflowDispatchForm { | #runWorkflowDispatchForm { | ||||||
|   // 分支选择按钮 |   // 分支选择按钮 | ||||||
|   .ui.dropdown.button.branch-selector-dropdown { |   .ui.dropdown.button.branch-selector-dropdown .svg.octicon-git-branch { | ||||||
|     padding: 8px 24px 8px 8px; |  | ||||||
| 
 |  | ||||||
|     svg.octicon-git-branch { |  | ||||||
|     margin-right: 6px; |     margin-right: 6px; | ||||||
|   } |   } | ||||||
|   } |  | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
|  | // 日志 | ||||||
| .ui.container.action-view-container { | .ui.container.action-view-container { | ||||||
|   width: auto; |   width: auto; | ||||||
|   max-width: 100%; |   max-width: 100%; | ||||||
| @@ -32,7 +116,7 @@ | |||||||
|     } |     } | ||||||
| 
 | 
 | ||||||
|     .action-commit-summary { |     .action-commit-summary { | ||||||
|       margin-left: 28+14px; |       margin-left: 28 + 14px; | ||||||
|     } |     } | ||||||
|   } |   } | ||||||
| } | } | ||||||
| @@ -58,7 +142,7 @@ | |||||||
|   border-top: 1px solid #2f353d; |   border-top: 1px solid #2f353d; | ||||||
| 
 | 
 | ||||||
|   &:before { |   &:before { | ||||||
|     content: 'Jobs'; |     content: "Jobs"; | ||||||
|     color: #9198a1; |     color: #9198a1; | ||||||
|     font-size: 12px; |     font-size: 12px; | ||||||
|     font-weight: 600; |     font-weight: 600; | ||||||
| @@ -91,7 +175,7 @@ | |||||||
|           overflow: visible; |           overflow: visible; | ||||||
|           background: #1f6feb; |           background: #1f6feb; | ||||||
|           border-radius: 0.375rem; |           border-radius: 0.375rem; | ||||||
|           content: ''; |           content: ""; | ||||||
|           height: 24px; |           height: 24px; | ||||||
|           left: calc(0.5rem * -1); |           left: calc(0.5rem * -1); | ||||||
|           position: absolute; |           position: absolute; | ||||||
							
								
								
									
										7
									
								
								src/styles/components/dashboard.scss
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										7
									
								
								src/styles/components/dashboard.scss
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,7 @@ | |||||||
|  | // Made by Luting ^-^ | ||||||
|  | .page-content.dashboard { | ||||||
|  |   .flex-item .flex-item-trailing svg { | ||||||
|  |     height: 18px; | ||||||
|  |     width: 18px; | ||||||
|  |   } | ||||||
|  | } | ||||||
| @@ -1,5 +1,9 @@ | |||||||
| // Made by Luting ^-^ | // Made by Luting ^-^ | ||||||
| .page-content.repository.releases { | .page-content.repository.releases { | ||||||
|  |   h2 .item { | ||||||
|  |     font-weight: 500; | ||||||
|  |   } | ||||||
|  | 
 | ||||||
|   #release-list .release-entry { |   #release-list .release-entry { | ||||||
|     .meta { |     .meta { | ||||||
|       gap: 2px; |       gap: 2px; | ||||||
| @@ -33,6 +37,10 @@ | |||||||
|     .segment.detail { |     .segment.detail { | ||||||
|       p.text.grey { |       p.text.grey { | ||||||
|         margin: 16px 0; |         margin: 16px 0; | ||||||
|  | 
 | ||||||
|  |         .time { | ||||||
|  |           color: #f0f6fc; | ||||||
|  |         } | ||||||
|       } |       } | ||||||
| 
 | 
 | ||||||
|       .markup { |       .markup { | ||||||
| @@ -1,4 +1,8 @@ | |||||||
| // Made by Luting ^-^ | // Made by Luting ^-^ | ||||||
|  | #navbar { | ||||||
|  |   border-bottom-width: 1.5px; | ||||||
|  | } | ||||||
|  | 
 | ||||||
| .page-content > :first-child.secondary-nav { | .page-content > :first-child.secondary-nav { | ||||||
|   border-top: 0; |   border-top: 0; | ||||||
|   background-color: var(--color-nav-bg) !important; |   background-color: var(--color-nav-bg) !important; | ||||||
| @@ -9,8 +13,20 @@ | |||||||
|   z-index: 0; |   z-index: 0; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
|  | .secondary-nav > .divider { | ||||||
|  |   border-top-width: 1.5px; | ||||||
|  | } | ||||||
|  | 
 | ||||||
| // 仓库页面头部名称 | // 仓库页面头部名称 | ||||||
| .page-content.repository .repo-header { | .page-content.repository .repo-header { | ||||||
|  |   .ui.compact.button { | ||||||
|  |     padding: 3px 12px; | ||||||
|  | 
 | ||||||
|  |     svg { | ||||||
|  |       color: #9198a1; | ||||||
|  |     } | ||||||
|  |   } | ||||||
|  | 
 | ||||||
|   img.ui.avatar { |   img.ui.avatar { | ||||||
|     height: 32px; |     height: 32px; | ||||||
|     width: 32px; |     width: 32px; | ||||||
| @@ -65,6 +81,18 @@ | |||||||
|     } |     } | ||||||
|   } |   } | ||||||
| 
 | 
 | ||||||
|  |   .active.item, | ||||||
|  |   .dropdown.item, | ||||||
|  |   .link.item, | ||||||
|  |   a.item { | ||||||
|  |     color: #f0f6fc; | ||||||
|  | 
 | ||||||
|  |     svg { | ||||||
|  |       color: #9198a1; | ||||||
|  |       margin-right: 8px; | ||||||
|  |     } | ||||||
|  |   } | ||||||
|  | 
 | ||||||
|   .active.item { |   .active.item { | ||||||
|     border-color: #ffffff00; |     border-color: #ffffff00; | ||||||
| 
 | 
 | ||||||
| @@ -72,7 +100,7 @@ | |||||||
|       background: #f78166; |       background: #f78166; | ||||||
|       border-radius: 0.375rem; |       border-radius: 0.375rem; | ||||||
|       bottom: calc(50% - 1.8rem); |       bottom: calc(50% - 1.8rem); | ||||||
|       content: ''; |       content: ""; | ||||||
|       height: 2px; |       height: 2px; | ||||||
|       position: absolute; |       position: absolute; | ||||||
|       right: 50%; |       right: 50%; | ||||||
| @@ -108,16 +136,50 @@ | |||||||
|     } |     } | ||||||
|   } |   } | ||||||
| 
 | 
 | ||||||
|   // clone 按钮居中调整 |   // clone 按钮调整 | ||||||
|   .repo-button-row .repo-button-row-right .ui.primary.button span { |   .repo-button-row .repo-button-row-right .ui.primary.button span { | ||||||
|     margin: 0px 3px; |     margin: 0px 3px; | ||||||
|   } |   } | ||||||
| 
 | 
 | ||||||
|  |   // 提交的Action状态 | ||||||
|  |   .commit-list, | ||||||
|  |   #repo-files-table { | ||||||
|  |     .flex-text-inline:not(img) { | ||||||
|  |       padding: 6px; | ||||||
|  |       border-radius: var(--border-radius); | ||||||
|  |       margin-right: 6px; | ||||||
|  | 
 | ||||||
|  |       &:hover { | ||||||
|  |         background-color: var(--color-hover); | ||||||
|  |       } | ||||||
|  |     } | ||||||
|  |   } | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | // 仓库文件列表 | ||||||
|  | .repository.file.list { | ||||||
|  |   #repo-files-table { | ||||||
|  |     // 头部最后一次提交 | ||||||
|     .repo-file-line { |     .repo-file-line { | ||||||
|     height: 3.725rem; |       padding-right: 16px; | ||||||
|  | 
 | ||||||
|  |       &.parent-link { | ||||||
|  |         gap: 0.5rem; | ||||||
|  |         padding-left: 16px; | ||||||
|  | 
 | ||||||
|  |         svg { | ||||||
|  |           margin-right: 2px; | ||||||
|         } |         } | ||||||
| 
 | 
 | ||||||
|   #repo-files-table .latest-commit { |         &:hover { | ||||||
|  |           background-color: var(--color-box-header); | ||||||
|  |         } | ||||||
|  |       } | ||||||
|  | 
 | ||||||
|  |       &.repo-file-last-commit { | ||||||
|  |         height: 3.725rem; | ||||||
|  | 
 | ||||||
|  |         .latest-commit { | ||||||
|           .commit-summary { |           .commit-summary { | ||||||
|             color: #9198a1; |             color: #9198a1; | ||||||
|           } |           } | ||||||
| @@ -136,32 +198,37 @@ | |||||||
|             } |             } | ||||||
|           } |           } | ||||||
| 
 | 
 | ||||||
|     .ui.sha.label { |           .ui.label { | ||||||
|             display: none; |             display: none; | ||||||
|           } |           } | ||||||
|         } |         } | ||||||
| 
 |  | ||||||
|   .commit-list, |  | ||||||
|   #repo-files-table { |  | ||||||
|     .flex-text-inline:not(img) { |  | ||||||
|       padding: 6px; |  | ||||||
|       border-radius: var(--border-radius); |  | ||||||
|       margin-right: 6px; |  | ||||||
| 
 |  | ||||||
|       &:hover { |  | ||||||
|         background-color: var(--color-hover); |  | ||||||
|       } |       } | ||||||
|     } |     } | ||||||
|   } |  | ||||||
| } |  | ||||||
| 
 | 
 | ||||||
| .repository.file.list { |     // 文件列表 | ||||||
|   #repo-files-table { |  | ||||||
|     .repo-file-item { |     .repo-file-item { | ||||||
|  |       .repo-file-cell { | ||||||
|  |         &.name { | ||||||
|  |           display: flex; | ||||||
|  |           align-items: center; | ||||||
|  |           gap: 0.5rem; | ||||||
|  |           padding-left: 16px; | ||||||
|  |         } | ||||||
|  | 
 | ||||||
|  |         &.age { | ||||||
|  |           padding-right: 16px; | ||||||
|  |         } | ||||||
|  |       } | ||||||
|  | 
 | ||||||
|       .svg.octicon-file-directory-fill, |       .svg.octicon-file-directory-fill, | ||||||
|       .svg.octicon-file-submodule { |       .svg.octicon-file-submodule { | ||||||
|         color: #7d8590; |         color: #7d8590; | ||||||
|       } |       } | ||||||
|  | 
 | ||||||
|  |       // 整行背景颜色效果 | ||||||
|  |       &:hover .repo-file-cell { | ||||||
|  |         background-color: var(--color-box-header) !important; | ||||||
|  |       } | ||||||
|     } |     } | ||||||
|   } |   } | ||||||
| } | } | ||||||
| @@ -182,6 +249,38 @@ | |||||||
|   } |   } | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
|  | // 手机下隐藏提交信息 | ||||||
|  | @media (max-width: 767.98px) { | ||||||
|  |   #repo-files-table { | ||||||
|  |     grid-template-columns: 1fr auto; | ||||||
|  | 
 | ||||||
|  |     .repo-file-line { | ||||||
|  |       grid-column: 1 / span 2; | ||||||
|  |     } | ||||||
|  | 
 | ||||||
|  |     .repo-file-cell { | ||||||
|  |       &.name { | ||||||
|  |         max-width: none; | ||||||
|  |       } | ||||||
|  | 
 | ||||||
|  |       &.message { | ||||||
|  |         display: none; | ||||||
|  |       } | ||||||
|  |     } | ||||||
|  |   } | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | // 仓库代码布局调整, 侧边栏宽度调整 | ||||||
|  | .repo-grid-filelist-sidebar { | ||||||
|  |   grid-template-columns: auto 296px; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | @media (max-width: 767.98px) { | ||||||
|  |   .repo-grid-filelist-sidebar { | ||||||
|  |     grid-template-columns: 100%; | ||||||
|  |   } | ||||||
|  | } | ||||||
|  | 
 | ||||||
| // 仓库代码页面侧边栏 | // 仓库代码页面侧边栏 | ||||||
| .page-content.repository { | .page-content.repository { | ||||||
|   .repo-home-sidebar-top { |   .repo-home-sidebar-top { | ||||||
| @@ -190,11 +289,14 @@ | |||||||
|     } |     } | ||||||
| 
 | 
 | ||||||
|     .flex-item { |     .flex-item { | ||||||
|  |       padding: 10px 0 0 0; | ||||||
|  | 
 | ||||||
|       .flex-item-title { |       .flex-item-title { | ||||||
|         margin-top: 2px; |         margin-top: 2px; | ||||||
|       } |       } | ||||||
|  | 
 | ||||||
|       .flex-item-body { |       .flex-item-body { | ||||||
|         padding: 8px 0; |         padding: 8px 0 0 0; | ||||||
| 
 | 
 | ||||||
|         .repo-description { |         .repo-description { | ||||||
|           color: #f0f6fc; |           color: #f0f6fc; | ||||||
| @@ -247,7 +349,7 @@ | |||||||
|         .flex-item-icon { |         .flex-item-icon { | ||||||
|           svg.svg.octicon-tag { |           svg.svg.octicon-tag { | ||||||
|             color: #3fb950; |             color: #3fb950; | ||||||
|             margin-top: 3px; |             margin-top: 2px; | ||||||
|           } |           } | ||||||
|         } |         } | ||||||
| 
 | 
 | ||||||
| @@ -31,7 +31,6 @@ | |||||||
|   .item, |   .item, | ||||||
|   .item > summary { |   .item > summary { | ||||||
|     font-size: 1.1rem; |     font-size: 1.1rem; | ||||||
|     font-weight: 500; |  | ||||||
|     background: unset; |     background: unset; | ||||||
|     padding: 6px 8px; |     padding: 6px 8px; | ||||||
|     color: var(--color-white) !important; |     color: var(--color-white) !important; | ||||||
| @@ -41,6 +40,11 @@ | |||||||
|     background: unset; |     background: unset; | ||||||
|   } |   } | ||||||
| 
 | 
 | ||||||
|  |   .active.item, | ||||||
|  |   .active.item > summary { | ||||||
|  |     font-weight: 600; | ||||||
|  |   } | ||||||
|  | 
 | ||||||
|   .active.item:after { |   .active.item:after { | ||||||
|     @extend %active-item-after-style; |     @extend %active-item-after-style; | ||||||
|   } |   } | ||||||
| @@ -48,6 +52,7 @@ | |||||||
|   details { |   details { | ||||||
|     &:has(.active.item) { |     &:has(.active.item) { | ||||||
|       > summary { |       > summary { | ||||||
|  |         font-weight: 600; | ||||||
|         background: #161a21; |         background: #161a21; | ||||||
| 
 | 
 | ||||||
|         &:hover { |         &:hover { | ||||||
| @@ -55,6 +60,10 @@ | |||||||
|         } |         } | ||||||
|       } |       } | ||||||
| 
 | 
 | ||||||
|  |       .active.item { | ||||||
|  |         font-weight: 400; | ||||||
|  |       } | ||||||
|  | 
 | ||||||
|       &[open] { |       &[open] { | ||||||
|         > summary { |         > summary { | ||||||
|           background: unset; |           background: unset; | ||||||
| @@ -118,4 +127,46 @@ | |||||||
|   .ui.attached.segment.error { |   .ui.attached.segment.error { | ||||||
|     border: 1px solid var(--color-error-border) !important; |     border: 1px solid var(--color-error-border) !important; | ||||||
|   } |   } | ||||||
|  | 
 | ||||||
|  |   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 { | ||||||
|  |     background: var(--color-box-header); | ||||||
|  |   } | ||||||
|  | 
 | ||||||
|  |   .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'] { | ||||||
|  |     padding: 7px 12px; | ||||||
|  |   } | ||||||
|  | 
 | ||||||
|  |   .ui.selection.dropdown { | ||||||
|  |     padding: 7px 24px 7px 12px; | ||||||
|  |   } | ||||||
| } | } | ||||||
							
								
								
									
										13
									
								
								src/styles/public.scss
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										13
									
								
								src/styles/public.scss
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,13 @@ | |||||||
|  | // Made by Luting ^-^ | ||||||
|  | @use "public/chroma"; // 代码高亮 | ||||||
|  | @use "public/codemirror"; | ||||||
|  | @use "public/emoji"; | ||||||
|  | @use "public/transition"; // 添加过渡动画 | ||||||
|  | @use "public/modal"; // 弹窗 | ||||||
|  | @use "public/input"; // 输入框 | ||||||
|  | @use "public/button"; // 按钮 | ||||||
|  | @use "public/label"; // 标签 | ||||||
|  | @use "public/dropdown"; // 下拉菜单 | ||||||
|  | @use "public/svg"; // svg | ||||||
|  | @use "public/fontcolor"; // 字体颜色 | ||||||
|  | @use "public/radius"; // 圆角 | ||||||
| @@ -1,4 +1,9 @@ | |||||||
| // Made by Luting ^-^ | // Made by Luting ^-^ | ||||||
|  | .ui.button { | ||||||
|  |   min-height: 30px; | ||||||
|  |   font-weight: 500; | ||||||
|  |   padding: 9px 16px; | ||||||
|  | } | ||||||
| .ui.primary.button { | .ui.primary.button { | ||||||
|   background-color: #238636; |   background-color: #238636; | ||||||
|   &:hover { |   &:hover { | ||||||
| @@ -31,8 +36,8 @@ | |||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .ui.button.branch-dropdown-button { | .ui.button.branch-dropdown-button { | ||||||
|   padding: 6px 12px; |   padding: 3px 12px; | ||||||
|   min-height: 28px; |   min-height: 30px; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .ui.menu button.item:hover { | .ui.menu button.item:hover { | ||||||
| @@ -1,4 +1,4 @@ | |||||||
| // Made by Luting ^-^ | // Made by Rainnny <3 | ||||||
| .chroma { | .chroma { | ||||||
|   background-color: var(--color-code-bg); |   background-color: var(--color-code-bg); | ||||||
| 
 | 
 | ||||||
| @@ -1,4 +1,4 @@ | |||||||
| // Made by Luting ^-^ | // Made by Rainnny <3 | ||||||
| .CodeMirror.cm-s-default, | .CodeMirror.cm-s-default, | ||||||
| .CodeMirror.cm-s-paper { | .CodeMirror.cm-s-paper { | ||||||
|   .cm-property { |   .cm-property { | ||||||
| @@ -3,7 +3,11 @@ | |||||||
| @keyframes overlay-appear { | @keyframes overlay-appear { | ||||||
|   0% { |   0% { | ||||||
|     opacity: 0; |     opacity: 0; | ||||||
|     transform: translateY(-5%); |     transform: translateY(-12px); | ||||||
|  |   } | ||||||
|  | 
 | ||||||
|  |   35% { | ||||||
|  |     transform: translateY(-2px); | ||||||
|   } |   } | ||||||
| 
 | 
 | ||||||
|   100% { |   100% { | ||||||
| @@ -35,12 +39,31 @@ | |||||||
|     margin-left: 16px; |     margin-left: 16px; | ||||||
| 
 | 
 | ||||||
|     button { |     button { | ||||||
|       padding: 15px 12px; |       color: #f0f6fc !important; | ||||||
|       transition: none; |       font-weight: 600; | ||||||
|  |       padding: 6px 8px; | ||||||
|  |       margin: 8px 0; | ||||||
|  | 
 | ||||||
|  |       &:hover { | ||||||
|  |         background: var(--color-hover); | ||||||
|  |         border-radius: var(--border-radius); | ||||||
|  |       } | ||||||
|  | 
 | ||||||
|  |       &.active:after { | ||||||
|  |         content: ''; | ||||||
|  |         display: block; | ||||||
|  |         position: absolute; | ||||||
|  |         bottom: -8px; | ||||||
|  |         left: 0; | ||||||
|  |         width: 100%; | ||||||
|  |         height: 2px; | ||||||
|  |         background: #f78166; | ||||||
|  |       } | ||||||
|     } |     } | ||||||
| 
 | 
 | ||||||
|     .item.active { |     .item.active { | ||||||
|       border-bottom: 2px solid #f78166; |       border-bottom: 0; | ||||||
|  |       position: relative; | ||||||
|     } |     } | ||||||
|   } |   } | ||||||
| 
 | 
 | ||||||
| @@ -49,7 +72,7 @@ | |||||||
| 
 | 
 | ||||||
|     .item { |     .item { | ||||||
|       display: block; |       display: block; | ||||||
|       padding: 11px 16px; |       padding: 8px 10px; | ||||||
|       text-align: left; |       text-align: left; | ||||||
|       text-transform: none; |       text-transform: none; | ||||||
|       line-height: 1em; |       line-height: 1em; | ||||||
| @@ -75,6 +98,10 @@ | |||||||
|   overflow: hidden auto; |   overflow: hidden auto; | ||||||
|   box-shadow: 0px 0px 0px 0.5px #30363d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966; |   box-shadow: 0px 0px 0px 0.5px #30363d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966; | ||||||
|   animation: 200ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running overlay-appear; |   animation: 200ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running overlay-appear; | ||||||
|  | 
 | ||||||
|  |   >.item { | ||||||
|  |     padding: 8px 10px !important; | ||||||
|  |   } | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .ui.dropdown .menu, | .ui.dropdown .menu, | ||||||
| @@ -129,6 +156,16 @@ | |||||||
|   } |   } | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
|  | // 下拉菜单分隔线 | ||||||
|  | .ui.dropdown .menu > .divider { | ||||||
|  |   border: 0; | ||||||
|  |   height: 1px; | ||||||
|  |   background-color: #3d444db3; | ||||||
|  |   margin-top: calc(7px); | ||||||
|  |   margin-bottom: 8px; | ||||||
|  |   list-style: none; | ||||||
|  | } | ||||||
|  | 
 | ||||||
| .ui.dropdown.branch-selector-dropdown > .visible.menu { | .ui.dropdown.branch-selector-dropdown > .visible.menu { | ||||||
|   // 仓库分支列表下查看操作按钮 |   // 仓库分支列表下查看操作按钮 | ||||||
|   > .item { |   > .item { | ||||||
							
								
								
									
										11
									
								
								src/styles/public/fontcolor.scss
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										11
									
								
								src/styles/public/fontcolor.scss
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,11 @@ | |||||||
|  | // Made by Luting ^-^ | ||||||
|  | .lines-num span:after { | ||||||
|  |   color: var(--color-text); | ||||||
|  | } | ||||||
|  |  | ||||||
|  | .ui.cards > .card, | ||||||
|  | .ui.card { | ||||||
|  |   > .extra a:not(.ui):hover { | ||||||
|  |     color: var(--color-blue); | ||||||
|  |   } | ||||||
|  | } | ||||||
| @@ -17,8 +17,15 @@ textarea, | |||||||
| .ui.form input[type='time'], | .ui.form input[type='time'], | ||||||
| .ui.form input[type='url'], | .ui.form input[type='url'], | ||||||
| .ui.selection.dropdown { | .ui.selection.dropdown { | ||||||
|  |   background: unset; | ||||||
|  | 
 | ||||||
|  |   &:hover { | ||||||
|  |     background: unset; | ||||||
|  |   } | ||||||
|  | 
 | ||||||
|   &:focus, |   &:focus, | ||||||
|   &:focus-visible { |   &:focus-visible { | ||||||
|  |     background: unset !important; | ||||||
|     border-radius: var(--border-radius); |     border-radius: var(--border-radius); | ||||||
|     border-color: #1f6feb; |     border-color: #1f6feb; | ||||||
|     outline: none; |     outline: none; | ||||||
| @@ -10,7 +10,7 @@ a.ui.basic.label:hover { | |||||||
| } | } | ||||||
| 
 | 
 | ||||||
| span, | span, | ||||||
| .secondary-nav .org-visibility div { | .org-visibility div { | ||||||
|   &.ui.basic.label { |   &.ui.basic.label { | ||||||
|     border-radius: 25px; |     border-radius: 25px; | ||||||
|     background-color: unset; |     background-color: unset; | ||||||
| @@ -45,14 +45,12 @@ span, | |||||||
|     color: var(--color-blue); |     color: var(--color-blue); | ||||||
|     background-color: #388bfd33; |     background-color: #388bfd33; | ||||||
|     border: 1px solid var(--color-blue); |     border: 1px solid var(--color-blue); | ||||||
|     border-radius: 25px; |  | ||||||
|   } |   } | ||||||
| 
 | 
 | ||||||
|   &.basic.primary.label { |   &.basic.primary.label { | ||||||
|     color: var(--color-blue); |     color: var(--color-blue); | ||||||
|     background-color: #388bfd33 !important; |     background-color: #388bfd33 !important; | ||||||
|     border-color: #1f6feb !important; |     border-color: #1f6feb !important; | ||||||
|     border-radius: 25px !important; |  | ||||||
|   } |   } | ||||||
| 
 | 
 | ||||||
|   // 发布&Runner 状态标签 |   // 发布&Runner 状态标签 | ||||||
| @@ -103,7 +101,7 @@ a.ui.ui.ui { | |||||||
|     } |     } | ||||||
|   } |   } | ||||||
| 
 | 
 | ||||||
|   &:not(.basic, .sha) { |   &:not(.basic, .sha, .commit-id-short, .commit-sign-badge) { | ||||||
|     color: var(--color-blue); |     color: var(--color-blue); | ||||||
|     background: #121d2f; |     background: #121d2f; | ||||||
|     border-radius: 25px; |     border-radius: 25px; | ||||||
| @@ -139,7 +137,7 @@ a.ui.ui.ui { | |||||||
|     opacity: 1; |     opacity: 1; | ||||||
|   } |   } | ||||||
| } | } | ||||||
| a.ui.label:not(.basic, .sha):hover { | a.ui.label:not(.basic, .sha, .commit-id-short, .commit-sign-badge):hover { | ||||||
|   color: #fff; |   color: #fff; | ||||||
|   background: #1f6feb; |   background: #1f6feb; | ||||||
|   border-radius: 25px; |   border-radius: 25px; | ||||||
| @@ -148,35 +146,9 @@ a.ui.label:not(.basic, .sha):hover { | |||||||
|   border: 0 !important; |   border: 0 !important; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .repository #commits-table .commit-list .ui.label.sha { | .repository #commits-table .commit-list .sha .ui.label { | ||||||
|   line-height: 18px; |   line-height: 18px; | ||||||
|   margin-top: 0.375rem; |   margin-top: 0.375rem; | ||||||
|   margin-bottom: 0.375rem; |   margin-bottom: 0.375rem; | ||||||
|   margin-left: -2px; |   margin-left: -2px; | ||||||
| } | } | ||||||
| 
 |  | ||||||
| .repository { |  | ||||||
|   #commits-table td.sha, |  | ||||||
|   #repo-files-table, |  | ||||||
|   #repo-file-commit-box, |  | ||||||
|   #rev-list, |  | ||||||
|   .timeline-item.commits-list .singular-commit { |  | ||||||
|     .sha.label { |  | ||||||
|       .detail.icon { |  | ||||||
|         border: 0; |  | ||||||
|         background: unset; |  | ||||||
|       } |  | ||||||
|       &.isSigned { |  | ||||||
|         &.isWarning, |  | ||||||
|         &.isVerified, |  | ||||||
|         &.isVerifiedUntrusted, |  | ||||||
|         &.isVerifiedUnmatched { |  | ||||||
|           .detail.icon { |  | ||||||
|             border: 0; |  | ||||||
|             background: unset; |  | ||||||
|           } |  | ||||||
|         } |  | ||||||
|       } |  | ||||||
|     } |  | ||||||
|   } |  | ||||||
| } |  | ||||||
							
								
								
									
										45
									
								
								src/styles/public/modal.scss
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										45
									
								
								src/styles/public/modal.scss
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,45 @@ | |||||||
|  | // Made by Luting ^-^ | ||||||
|  | .ui.modal { | ||||||
|  |   border: 1.5px solid var(--color-light-border); | ||||||
|  |  | ||||||
|  |   > .header { | ||||||
|  |     background-color: var(--color-box-header); | ||||||
|  |     border-bottom: 1.5px solid var(--color-light-border); | ||||||
|  |   } | ||||||
|  |  | ||||||
|  |   > .content, | ||||||
|  |   form > .content { | ||||||
|  |     background-color: var(--color-box-header); | ||||||
|  |   } | ||||||
|  |  | ||||||
|  |   > .actions, | ||||||
|  |   .content + .actions, | ||||||
|  |   .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 { | ||||||
|  |     &:focus, | ||||||
|  |     &:focus-visible { | ||||||
|  |       background: #0d1117 !important; | ||||||
|  |     } | ||||||
|  |   } | ||||||
|  | } | ||||||
| @@ -7,3 +7,9 @@ | |||||||
|     color: #3fb950 !important; |     color: #3fb950 !important; | ||||||
|   } |   } | ||||||
| } | } | ||||||
|  | 
 | ||||||
|  | .svg { | ||||||
|  |   &.octicon-issue-closed { | ||||||
|  |     color: #ab7df8 !important; | ||||||
|  |   } | ||||||
|  | } | ||||||
| @@ -2,7 +2,7 @@ | |||||||
| @keyframes overlay-appear { | @keyframes overlay-appear { | ||||||
|   0% { |   0% { | ||||||
|     opacity: 0; |     opacity: 0; | ||||||
|     transform: translateY(-5%); |     transform: translateY(-12px); | ||||||
|   } |   } | ||||||
| 
 | 
 | ||||||
|   100% { |   100% { | ||||||
| @@ -11,35 +11,14 @@ | |||||||
|   } |   } | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| input, |  | ||||||
| textarea, |  | ||||||
| tr, |  | ||||||
| td, |  | ||||||
| button, |  | ||||||
| details summary, |  | ||||||
| #navbar .item, | #navbar .item, | ||||||
| .header-wrapper .ui.tabular.menu .item, | .header-wrapper .ui.tabular.menu .item, | ||||||
| .job-step-summary, | .job-step-summary, | ||||||
| .job-step-logs, | .job-step-logs, | ||||||
| .job-brief-item, | .job-brief-item, | ||||||
| .menu .item, |  | ||||||
| .page-content.repository .flex-item .flex-item-title a, |  | ||||||
| .tippy-box .flex-items-block .item, | .tippy-box .flex-items-block .item, | ||||||
| .ui.input > input, | .clone-panel-tab .item, | ||||||
| .ui.form input:not([type]), |  | ||||||
| .ui.form select, | .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.label, | .ui.label, | ||||||
| .ui.modal, | .ui.modal, | ||||||
| .ui.selection.dropdown, | .ui.selection.dropdown, | ||||||
| @@ -50,11 +29,17 @@ details summary, | |||||||
| .ui.selection.active.dropdown:hover, | .ui.selection.active.dropdown:hover, | ||||||
| .ui.selection.active.dropdown .menu, | .ui.selection.active.dropdown .menu, | ||||||
| .ui.selection.active.dropdown:hover .menu, | .ui.selection.active.dropdown:hover .menu, | ||||||
| .ui.button, |  | ||||||
| .ui.button:hover, |  | ||||||
| .ui.menu .item, |  | ||||||
| .ui.vertical.menu .header.item, | .ui.vertical.menu .header.item, | ||||||
| .ui.secondary.menu .item { | .ui.secondary.menu .item { | ||||||
|   transition: 0.2s; |   transition: 0.12s ease-out; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | textarea, | ||||||
|  | .ui.form input, | ||||||
|  | .menu .item, | ||||||
|  | .ui.modal, | ||||||
|  | .job-step-summary, | ||||||
|  | .job-step-logs, | ||||||
|  | .job-brief-item { | ||||||
|   animation: 200ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running overlay-appear; |   animation: 200ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running overlay-appear; | ||||||
| } | } | ||||||
							
								
								
									
										3
									
								
								src/styles/styles.scss
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										3
									
								
								src/styles/styles.scss
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,3 @@ | |||||||
|  | /* Made by Luting ^-^ */ | ||||||
|  | @use "public"; | ||||||
|  | @use "components"; | ||||||
| @@ -1,3 +0,0 @@ | |||||||
| /* Made by Luting ^-^ */ |  | ||||||
| @use 'fontface'; |  | ||||||
| @use 'theme-github'; |  | ||||||
| @@ -1,12 +0,0 @@ | |||||||
| /* Made by Luting ^-^ */ |  | ||||||
| // 独家秘制小主题 |  | ||||||
| @use 'theme-github'; |  | ||||||
|  |  | ||||||
| .repository { |  | ||||||
|   #commits-table .text.right, |  | ||||||
|   #repo-files-table .repo-file-cell.age, |  | ||||||
|   #repo-files-table relative-time { |  | ||||||
|     font-family: 'Maple Mono NF', 'Maple Hand'; |  | ||||||
|     font-weight: normal !important; |  | ||||||
|   } |  | ||||||
| } |  | ||||||
| @@ -1,21 +0,0 @@ | |||||||
| /* Made by Luting ^-^ */ |  | ||||||
| @use 'chroma'; |  | ||||||
| @use 'codemirror'; |  | ||||||
| @use 'root'; |  | ||||||
| @use 'emoji'; |  | ||||||
| @use 'transition'; // 添加过渡动画 |  | ||||||
| @use 'modal'; // 弹窗 |  | ||||||
| @use 'input'; // 输入框 |  | ||||||
| @use 'repo'; // 仓库 |  | ||||||
| @use 'button'; // 按钮 |  | ||||||
| @use 'issue'; // 工单&拉取请求 |  | ||||||
| @use 'dropdown'; // 下拉菜单 |  | ||||||
| @use 'setting'; // 设置 |  | ||||||
| @use 'label'; // 标签 |  | ||||||
| @use 'release'; // 发布 |  | ||||||
| @use 'actions'; // 操作 |  | ||||||
| @use 'svg'; // svg |  | ||||||
| @use 'fontcolor'; // 字体颜色 |  | ||||||
| @use 'radius'; // 圆角 |  | ||||||
| @use 'heatmap'; // 热力图 |  | ||||||
| @use 'diff'; // 对比 |  | ||||||
							
								
								
									
										3
									
								
								src/themes/dark.scss
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										3
									
								
								src/themes/dark.scss
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,3 @@ | |||||||
|  | // Made by Luting ^-^ | ||||||
|  | @use "dark/github-dark.css"; // GitHub 变量(仅主题内部使用的变量) | ||||||
|  | @use "dark/gitea-dark.css"; // Gitea 变量(元素默认使用的变量) | ||||||
| @@ -1,24 +1,8 @@ | |||||||
| // Made by Luting ^-^ | /* Made by Luting ^-^ */ | ||||||
| :root :lang(zh-CN) { |  | ||||||
|   --fonts-override: 'Maple Hand', 'VictorMono NF', 'VictorMono Nerd Font'; |  | ||||||
| } |  | ||||||
| 
 |  | ||||||
| .job-step-logs { |  | ||||||
|   font-family: 'ui-monospace', 'SFMono-Regular', 'SF Mono', 'Menlo', 'Consolas', 'Liberation Mono', 'monospace', 'Maple Hand' !important; |  | ||||||
| } |  | ||||||
| 
 |  | ||||||
| .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 { | :root { | ||||||
|   --is-dark-theme: true; |   --is-dark-theme: true; | ||||||
|   --border-radius: 6px; |   --border-radius: 6px; | ||||||
|  | 
 | ||||||
|   --color-primary: var(--color-blue); |   --color-primary: var(--color-blue); | ||||||
|   --color-primary-contrast: #fff; |   --color-primary-contrast: #fff; | ||||||
|   --color-primary-dark-1: #739cb3; |   --color-primary-dark-1: #739cb3; | ||||||
| @@ -46,6 +30,7 @@ | |||||||
|   --color-primary-alpha-90: #3683c0e1; |   --color-primary-alpha-90: #3683c0e1; | ||||||
|   --color-primary-hover: var(--color-primary-light-1); |   --color-primary-hover: var(--color-primary-light-1); | ||||||
|   --color-primary-active: var(--color-primary-light-2); |   --color-primary-active: var(--color-primary-light-2); | ||||||
|  | 
 | ||||||
|   --color-secondary: #3d444d; |   --color-secondary: #3d444d; | ||||||
|   --color-secondary-dark-1: #505665; |   --color-secondary-dark-1: #505665; | ||||||
|   --color-secondary-dark-2: #5b6273; |   --color-secondary-dark-2: #5b6273; | ||||||
| @@ -73,6 +58,7 @@ | |||||||
|   --color-secondary-alpha-70: #2c2f35b3; |   --color-secondary-alpha-70: #2c2f35b3; | ||||||
|   --color-secondary-alpha-80: #2c2f35cc; |   --color-secondary-alpha-80: #2c2f35cc; | ||||||
|   --color-secondary-alpha-90: #2c2f35e1; |   --color-secondary-alpha-90: #2c2f35e1; | ||||||
|  | 
 | ||||||
|   --color-red: #da3737; |   --color-red: #da3737; | ||||||
|   --color-orange: #f17a2b; |   --color-orange: #f17a2b; | ||||||
|   --color-yellow: #f3c640; |   --color-yellow: #f3c640; | ||||||
| @@ -88,6 +74,7 @@ | |||||||
|   --color-grey: #797c85; |   --color-grey: #797c85; | ||||||
|   --color-gold: #d4b74c; |   --color-gold: #d4b74c; | ||||||
|   --color-white: #ffffff; |   --color-white: #ffffff; | ||||||
|  | 
 | ||||||
|   --color-red-light: #d15a5a; |   --color-red-light: #d15a5a; | ||||||
|   --color-orange-light: #f6a066; |   --color-orange-light: #f6a066; | ||||||
|   --color-yellow-light: #eaaf03; |   --color-yellow-light: #eaaf03; | ||||||
| @@ -100,6 +87,7 @@ | |||||||
|   --color-pink-light: #d74397; |   --color-pink-light: #d74397; | ||||||
|   --color-brown-light: #b08061; |   --color-brown-light: #b08061; | ||||||
|   --color-black-light: #3f4555; |   --color-black-light: #3f4555; | ||||||
|  | 
 | ||||||
|   --color-red-dark-1: #c23636; |   --color-red-dark-1: #c23636; | ||||||
|   --color-orange-dark-1: #f38236; |   --color-orange-dark-1: #f38236; | ||||||
|   --color-yellow-dark-1: #b88a03; |   --color-yellow-dark-1: #b88a03; | ||||||
| @@ -112,6 +100,7 @@ | |||||||
|   --color-pink-dark-1: #be297d; |   --color-pink-dark-1: #be297d; | ||||||
|   --color-brown-dark-1: #94674a; |   --color-brown-dark-1: #94674a; | ||||||
|   --color-black-dark-1: #292d38; |   --color-black-dark-1: #292d38; | ||||||
|  | 
 | ||||||
|   --color-red-dark-2: #ad3030; |   --color-red-dark-2: #ad3030; | ||||||
|   --color-orange-dark-2: #f16e17; |   --color-orange-dark-2: #f16e17; | ||||||
|   --color-yellow-dark-2: #a37a02; |   --color-yellow-dark-2: #a37a02; | ||||||
| @@ -124,6 +113,7 @@ | |||||||
|   --color-pink-dark-2: #a9246f; |   --color-pink-dark-2: #a9246f; | ||||||
|   --color-brown-dark-2: #835b42; |   --color-brown-dark-2: #835b42; | ||||||
|   --color-black-dark-2: #252832; |   --color-black-dark-2: #252832; | ||||||
|  | 
 | ||||||
|   --color-ansi-black: var(--color-black); |   --color-ansi-black: var(--color-black); | ||||||
|   --color-ansi-red: var(--color-red); |   --color-ansi-red: var(--color-red); | ||||||
|   --color-ansi-green: var(--color-green); |   --color-ansi-green: var(--color-green); | ||||||
| @@ -140,6 +130,7 @@ | |||||||
|   --color-ansi-bright-magenta: var(--color-pink-light); |   --color-ansi-bright-magenta: var(--color-pink-light); | ||||||
|   --color-ansi-bright-cyan: var(--color-teal-light); |   --color-ansi-bright-cyan: var(--color-teal-light); | ||||||
|   --color-ansi-bright-white: var(--color-console-fg); |   --color-ansi-bright-white: var(--color-console-fg); | ||||||
|  | 
 | ||||||
|   --color-console-fg: #f0f6fc; |   --color-console-fg: #f0f6fc; | ||||||
|   --color-console-fg-subtle: #9198a1; |   --color-console-fg-subtle: #9198a1; | ||||||
|   --color-console-bg: #010409; |   --color-console-bg: #010409; | ||||||
| @@ -148,10 +139,12 @@ | |||||||
|   --color-console-hover-bg: #15191f; |   --color-console-hover-bg: #15191f; | ||||||
|   --color-console-menu-bg: var(--color-body); |   --color-console-menu-bg: var(--color-body); | ||||||
|   --color-console-menu-border: var(--color-light-border); |   --color-console-menu-border: var(--color-light-border); | ||||||
|  | 
 | ||||||
|   --color-grey: #505665; |   --color-grey: #505665; | ||||||
|   --color-grey-light: #a1a6b7; |   --color-grey-light: #a1a6b7; | ||||||
|   --color-gold: #b1983b; |   --color-gold: #b1983b; | ||||||
|   --color-white: #fff; |   --color-white: #fff; | ||||||
|  | 
 | ||||||
|   --color-diff-removed-word-bg: #792e2d; |   --color-diff-removed-word-bg: #792e2d; | ||||||
|   --color-diff-added-word-bg: #1d572d; |   --color-diff-added-word-bg: #1d572d; | ||||||
|   --color-diff-removed-row-bg: #25171c; |   --color-diff-removed-row-bg: #25171c; | ||||||
| @@ -161,56 +154,71 @@ | |||||||
|   --color-diff-moved-row-border: #bcca6f; |   --color-diff-moved-row-border: #bcca6f; | ||||||
|   --color-diff-added-row-border: #314a37; |   --color-diff-added-row-border: #314a37; | ||||||
|   --color-diff-inactive: #353846; |   --color-diff-inactive: #353846; | ||||||
|  | 
 | ||||||
|   --color-error-border: #792e2e; |   --color-error-border: #792e2e; | ||||||
|   --color-error-bg: #26181d; |   --color-error-bg: #26181d; | ||||||
|   --color-error-bg-active: #744; |   --color-error-bg-active: #744; | ||||||
|   --color-error-bg-hover: #633; |   --color-error-bg-hover: #633; | ||||||
|   --color-error-text: #f85149; |   --color-error-text: #f85149; | ||||||
|  | 
 | ||||||
|   --color-success-border: #1d572d; |   --color-success-border: #1d572d; | ||||||
|   --color-success-bg: #12261e; |   --color-success-bg: #12261e; | ||||||
|   --color-success-text: #39d353; |   --color-success-text: #39d353; | ||||||
|  | 
 | ||||||
|   --color-warning-border: #624711; |   --color-warning-border: #624711; | ||||||
|   --color-warning-bg: #272115; |   --color-warning-bg: #272115; | ||||||
|   --color-warning-text: #fbbd08; |   --color-warning-text: #fbbd08; | ||||||
|  | 
 | ||||||
|   --color-info-border: #214a81; |   --color-info-border: #214a81; | ||||||
|   --color-info-bg: #121d2f; |   --color-info-bg: #121d2f; | ||||||
|   --color-info-text: #4493f8; |   --color-info-text: #4493f8; | ||||||
|  | 
 | ||||||
|   --color-red-badge: #db2828; |   --color-red-badge: #db2828; | ||||||
|   --color-red-badge-bg: #db28281a; |   --color-red-badge-bg: #db28281a; | ||||||
|   --color-red-badge-hover-bg: #db28284d; |   --color-red-badge-hover-bg: #db28284d; | ||||||
|  | 
 | ||||||
|   --color-green-badge: #39d353; |   --color-green-badge: #39d353; | ||||||
|   --color-green-badge-bg: #12261e; |   --color-green-badge-bg: #12261e; | ||||||
|   --color-green-badge-hover-bg: #153d22; |   --color-green-badge-hover-bg: #153d22; | ||||||
|  | 
 | ||||||
|   --color-yellow-badge: #fbbd08; |   --color-yellow-badge: #fbbd08; | ||||||
|   --color-yellow-badge-bg: #fbbd081a; |   --color-yellow-badge-bg: #fbbd081a; | ||||||
|   --color-yellow-badge-hover-bg: #fbbd084d; |   --color-yellow-badge-hover-bg: #fbbd084d; | ||||||
|  | 
 | ||||||
|   --color-orange-badge: #f2711c; |   --color-orange-badge: #f2711c; | ||||||
|   --color-orange-badge-bg: #f2711c1a; |   --color-orange-badge-bg: #f2711c1a; | ||||||
|   --color-orange-badge-hover-bg: #f2711c4d; |   --color-orange-badge-hover-bg: #f2711c4d; | ||||||
|  | 
 | ||||||
|   --color-git: #f05133; |   --color-git: #f05133; | ||||||
|   --color-body: #0d1117; |   --color-body: #0d1117; | ||||||
|  | 
 | ||||||
|   --color-box-header: #151b23; |   --color-box-header: #151b23; | ||||||
|   --color-box-body: #0d1117; |   --color-box-body: #0d1117; | ||||||
|   --color-box-body-highlight: #262c36; |   --color-box-body-highlight: #262c36; | ||||||
|  | 
 | ||||||
|   --color-text-dark: #dbe0ea; |   --color-text-dark: #dbe0ea; | ||||||
|   --color-text: #dce2e7; |   --color-text: #dce2e7; | ||||||
|   --color-text-light: #a6aab5; |   --color-text-light: #a6aab5; | ||||||
|   --color-text-light-1: rgb(125, 133, 144); |   --color-text-light-1: rgb(125, 133, 144); | ||||||
|   --color-text-light-2: #8a8e99; |   --color-text-light-2: #8a8e99; | ||||||
|   --color-text-light-3: #707687; |   --color-text-light-3: #707687; | ||||||
|  | 
 | ||||||
|   --color-footer: #010409; |   --color-footer: #010409; | ||||||
|   --color-timeline: #4c525e; |   --color-timeline: #4c525e; | ||||||
|  | 
 | ||||||
|   --color-input-text: #d5dbe6; |   --color-input-text: #d5dbe6; | ||||||
|   --color-input-background: #2c2f35; |   --color-input-background: #2c2f35; | ||||||
|   --color-input-toggle-background: #454a57; |   --color-input-toggle-background: #454a57; | ||||||
|   --color-input-border: var(--color-light-border); |   --color-input-border: var(--color-light-border); | ||||||
|   --color-input-border-hover: var(--color-light-border); |   --color-input-border-hover: var(--color-light-border); | ||||||
|  | 
 | ||||||
|   --color-header-wrapper: #0d1117; |   --color-header-wrapper: #0d1117; | ||||||
|   --color-header-wrapper-transparent: #20243000; |   --color-header-wrapper-transparent: #20243000; | ||||||
|  | 
 | ||||||
|   --color-light: #00000028; |   --color-light: #00000028; | ||||||
|   --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled))); |   --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled))); | ||||||
|   --color-light-border: #3d444d; |   --color-light-border: #3d444d; | ||||||
|   --color-hover: #1e242a; |   --color-hover: #656c7633; | ||||||
|   --color-active: #161a21; |   --color-active: #161a21; | ||||||
|   --color-menu: #0d1117; |   --color-menu: #0d1117; | ||||||
|   --color-card: #0d1117; |   --color-card: #0d1117; | ||||||
							
								
								
									
										1
									
								
								src/themes/dark/github-dark.css
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										1
									
								
								src/themes/dark/github-dark.css
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1 @@ | |||||||
|  | /* Made by Luting ^-^ */ | ||||||
		Reference in New Issue
	
	Block a user