diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..0841ed3 --- /dev/null +++ b/.gitignore @@ -0,0 +1,3 @@ +dist +node_modules +package-lock.json \ No newline at end of file diff --git a/.prettierignore b/.prettierignore new file mode 100644 index 0000000..1a99321 --- /dev/null +++ b/.prettierignore @@ -0,0 +1,3 @@ +dist/ +node_modules/ +package-lock.json diff --git a/.prettierrc.json b/.prettierrc.json new file mode 100644 index 0000000..bf285aa --- /dev/null +++ b/.prettierrc.json @@ -0,0 +1,16 @@ +{ + "printWidth": 120, + "tabWidth": 2, + "useTabs": false, + "semi": true, + "singleQuote": true, + "quoteProps": "as-needed", + "jsxSingleQuote": false, + "trailingComma": "none", + "bracketSpacing": true, + "bracketSameLine": true, + "arrowParens": "avoid", + "proseWrap": "always", + "htmlWhitespaceSensitivity": "css", + "endOfLine": "lf" +} diff --git a/README.md b/README.md index 951eebd..7b71dbf 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,8 @@ # gitea-github-theme -> 基于 https://github.com/Rainnny7/gitea-github-theme +尽量保持与 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) & [汉仪正圆](https://www.hanyi.com.cn/productdetail.php?id=2913) (优先匹配左侧, 需要系统包含相应字体) - Actions 日志默认字体 VictorMono 优先 @@ -9,29 +11,52 @@ ## 安装 -1. 将 theme-github.css 放入 gitea/public/assets/css 目录下 -2. 修改 gitea/conf/app.ini,并将 `, github` 附加到 `[ui]` 下的 `THEMES` 末尾 +1. 在发布页下载最新的 `theme-github.css` 放入 `gitea/public/assets/css` 目录下 +2. 修改 `gitea/conf/app.ini`,并将 `, github` 附加到 `[ui]` 下的 `THEMES` 末尾 3. 重启 Gitea 4. 在设置中查看主题 -gitea/conf/app.ini 例: +`gitea/conf/app.ini` 例: ```ini [ui] 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) ## 截图 -![仓库](/screenshots/repo.png) +![仓库](screenshots/repo.png) -![仓库文件列表](/screenshots/file_list.png) +![仓库文件列表](screenshots/file_list.png) -![仓库发布](/screenshots/release.png) +![仓库发布](screenshots/release.png) -![仓库提交](/screenshots/commit.png) +![仓库提交](screenshots/commit.png) -![Actions](/screenshots/action.png) +![Actions](screenshots/action.png) -![Actions Step](/screenshots/step.png) +![Actions Step](screenshots/step.png) + +## 构建 + +需要 nodejs 和 npm + +```bash +git clone https://github.com/lutinglt/gitea-github-theme.git +cd gitea-github-theme +npm install +npm run build:theme +``` + +查看用于 Gitea 的主题文件: `./dist/theme-github.css` + +在开发过程中实时构建主题文件 + +```bash +npm run watch +``` + +## 贡献 + +欢迎提交 Issue 或 Pull Request \ No newline at end of file diff --git a/package.json b/package.json new file mode 100644 index 0000000..3440252 --- /dev/null +++ b/package.json @@ -0,0 +1,24 @@ +{ + "name": "gitea-github-theme", + "version": "1.0.0", + "description": "尽量保持与 GitHub Dark 相同样式的 Gitea 主题", + "scripts": { + "build": "sass src/theme-github.scss:dist/theme-github.css --no-source-map", + "build:theme": "npm run build -- --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": { + "sass": "^1.83.0" + } +} diff --git a/src/actions.scss b/src/actions.scss new file mode 100644 index 0000000..89769bb --- /dev/null +++ b/src/actions.scss @@ -0,0 +1,37 @@ +// Made by Luting ^-^ +.job-step-summary { + color: var(--color-console-fg-subtle); +} + +.job-log-line { + color: var(--color-text); + + &:hover { + color: var(--color-console-fg); + } +} + +.job-brief-item { + position: relative; + border-radius: 0.5rem !important; + + &:hover { + background-color: var(--color-hover) !important; + } + + &.selected { + background-color: #161a21 !important; + + &:after { + overflow: visible; + background: #1f6feb; + border-radius: 0.375rem; + content: ''; + height: 1.8rem; + left: calc(0rem * -1); + position: absolute; + top: calc(50% - 13px); + width: 0.25rem; + } + } +} diff --git a/src/button.scss b/src/button.scss new file mode 100644 index 0000000..b5c7263 --- /dev/null +++ b/src/button.scss @@ -0,0 +1,133 @@ +// Made by Luting ^-^ +.ui.primary.button { + background-color: #238636; + &:hover { + background-color: #29903b; + } +} + +.ui.basic.button { + color: #f0f6fc; +} + +.ui.basic.button:hover, +.ui.labeled.button > .label:hover { + color: #f0f6fc; + background: #262c36; + border-color: var(--color-light-border); +} + +.ui.red.button, +.ui.basic.red.buttons .button, +.ui.basic.red.button { + color: #fa5e55; + background-color: var(--color-button); + border-color: var(--color-light-border); + &:hover { + color: #fff; + background-color: #b62324; + border-color: #ffffff1a; + } +} + +.ui.button.branch-dropdown-button { + padding: 6px 12px; + min-height: 28px; +} + +.ui.menu button.item:hover { + color: var(--color-text); + background: var(--color-hover); + border-radius: 0; +} + +// 设置界面 +.user-main-content, +.repo-setting-content, +.user-setting-content, +.org-setting-content { + .ui.primary.button { + color: #f0f6fc; + background-color: var(--color-button); + border-color: var(--color-light-border); + &:hover { + background-color: #262c36; + } + } +} + +%button-tiny-style { + color: #39d353; + background-color: var(--color-button); + border-color: var(--color-light-border); + &:hover { + color: #fff; + background-color: #29903b; + border-color: #ffffff1a; + } +} + +.user-main-content, +.repo-setting-content, +.user-setting-content, +.org-setting-content { + .ui.primary.button.tiny { + @extend %button-tiny-style; + } +} + +.admin-setting-content .ui.primary.button { + @extend %button-tiny-style; +} + +.user-main-content, +.repo-setting-content, +.user-setting-content, +.org-setting-content, +.admin-setting-content { + .ui.right { + .ui.primary.button.tiny { + color: #fff; + background-color: #238636; + &:hover { + background-color: #29903b; + border-color: var(--color-light-border); + } + } + } +} + +// 工单侧边栏 +.ui.fluid.ui.button, +.ui.button.branch-dropdown-button, +.ui.ui.icon.button, +.ui.two.wide.button { + background-color: var(--color-button); + &:hover { + color: #fff; + background-color: #262c36; + } +} + +/* 关闭工单按钮 */ +.ui.red.basic.button#status-button { + color: #ab7df8; + border-color: var(--color-light-border); + background-color: var(--color-button); + &:hover { + color: #fff; + border-color: #ffffff1a; + background-color: var(--color-purple); + } +} + +/* 重新开启按钮 */ +.ui.basic.primary.button#status-button { + color: #39d353; + background-color: var(--color-button); + border-color: var(--color-light-border); + &:hover { + color: #44ff61; + background: var(--color-hover); + } +} diff --git a/src/chroma.scss b/src/chroma.scss new file mode 100644 index 0000000..a95530f --- /dev/null +++ b/src/chroma.scss @@ -0,0 +1,274 @@ +// Made by Luting ^-^ +.chroma { + background-color: var(--color-code-bg); + + .lntd { + vertical-align: top; + border: 0; + margin: 0; + padding: 0; + } + + .lntable { + border-spacing: 0; + border: 0; + width: auto; + margin: 0; + padding: 0; + display: block; + overflow: auto; + } + + .hl { + width: 100%; + display: block; + } + + .lnt, + .ln { + margin-right: 0.4em; + padding: 0 0.4em; + } + + .gs { + font-weight: var(--font-weight-semibold); + } + + .gl { + text-decoration: underline; + } + + .bp { + color: #fabd2f; + } + + .c, + .c1, + .ch, + .cm { + color: #777e94; + } + + .cp { + color: #8ec07c; + } + + .cpf { + color: #79c0ff; + } + + .cs { + color: #9075cd; + } + + .dl { + color: #79c0ff; + } + + .gd { + color: #fff; + background-color: #5f3737; + } + + .ge { + color: #ddee30; + } + + .gh { + color: #ffaa10; + } + + .gi { + color: #fff; + background-color: #3a523a; + } + + .go { + color: #777e94; + } + + .gp { + color: #ebdbb2; + } + + .gr { + color: #f43; + } + + .gs { + color: #ebdbb2; + } + + .gt { + color: #7ee787; + } + + .gu { + color: #a5d6ff; + } + + .il { + color: #79c0ff; + } + + .k { + color: #ff7b72; + } + + .kc { + color: #79c0ff; + } + + .kd { + color: #ff7b72; + } + + .kn { + color: #ff7b72; + } + + .kp { + color: #5f8700; + } + + .kr { + color: #7ee787; + } + + .kt { + color: #ff7b72; + } + + .m, + .mb, + .mf, + .mh, + .mi, + .mo { + color: #79c0ff; + } + + .n { + color: #c9d1d9; + } + + .na { + color: #d2a8ff; + } + + .nb { + color: #a5d6ff; + } + + .nc { + color: #e6edf3; + } + + .nd { + color: #79c0ff; + } + + .ne { + color: #7ee787; + } + + .nf, + .ni { + color: #d2a8ff; + } + + .nl { + color: #7ee787; + } + + .nn { + color: #e6edf3; + } + + .no { + color: #79c0ff; + } + + .nt { + color: #7ee787; + } + + .nv { + color: #ebdbb2; + } + + .nx { + color: #b6bac5; + } + + .o { + color: #7ee787; + } + + .ow { + color: #5f8700; + } + + .p { + color: #d2d4db; + } + + .s, + .s1, + .s2 { + color: #a5d6ff; + } + + .sa { + color: #79c0ff; + } + + .sb { + color: #a5d6ff; + } + + .sc { + color: #79c0ff; + } + + .sd { + color: #777e94; + } + + .se { + color: #7ee787; + } + + .sh { + color: #79c0ff; + } + + .si { + color: #ffaa10; + } + + .sr { + color: #9075cd; + } + + .ss { + color: #7ee787; + } + + .sx { + color: #ffaa10; + } + + .vc { + color: #7ee787; + } + + .vg, + .vi { + color: #ffaa10; + } + + .w { + color: #7f8699; + } +} diff --git a/src/codemirror.scss b/src/codemirror.scss new file mode 100644 index 0000000..46fedcc --- /dev/null +++ b/src/codemirror.scss @@ -0,0 +1,86 @@ +// Made by Luting ^-^ +.CodeMirror.cm-s-default, +.CodeMirror.cm-s-paper { + .cm-property { + color: #a0cc75; + } + .cm-header { + color: #9daccc; + } + + .cm-quote { + color: #090; + } + + .cm-keyword { + color: #cc8a61; + } + + .cm-atom { + color: #ef5e77; + } + + .cm-number { + color: #ff5656; + } + + .cm-def { + color: #e4e4e4; + } + + .cm-variable-2 { + color: #00bdbf; + } + + .cm-variable-3 { + color: #085; + } + + .cm-comment { + color: #8e9ab3; + } + + .cm-string { + color: #a77272; + } + + .cm-string-2 { + color: #f50; + } + + .cm-meta, + .cm-qualifier { + color: #ffb176; + } + + .cm-builtin { + color: #b7c951; + } + + .cm-bracket { + color: #997; + } + + .cm-tag { + color: #f1d273; + } + + .cm-attribute { + color: #bfcc70; + } + + .cm-hr { + color: #999; + } + + .cm-url { + color: #c5cfd0; + } + + .cm-link { + color: #d8c792; + } + .cm-error { + color: #dbdbeb; + } +} diff --git a/src/diff.scss b/src/diff.scss new file mode 100644 index 0000000..71cab27 --- /dev/null +++ b/src/diff.scss @@ -0,0 +1,42 @@ +// Made by Luting ^-^ +.added-code, +.removed-code { + color: #fff !important; + border-radius: 0.1875rem; + + * { + color: #fff !important; + border-radius: 0.1875rem; + } +} +.code-diff-unified { + .add-code { + .lines-num, + .lines-escape { + background-color: #1c4428; + } + } + .del-code { + .lines-num, + .lines-escape { + background-color: #542426; + } + } +} + +.code-diff-unified .tag-code td, +.diff-file-body tr.tag-code:last-child > td { + background-color: #121d2f; +} + +.code-expander-button, +.code-diff-unified .tag-code .lines-num, +.code-diff-unified .tag-code .lines-escape, +.diff-file-body tr.tag-code:last-child > td.lines-num, +.diff-file-body tr.tag-code:last-child > td.lines-escape { + background-color: #0c2d6b; +} + +.code-expander-button:hover { + background: #1f6feb; +} diff --git a/src/dropdown.scss b/src/dropdown.scss new file mode 100644 index 0000000..492b14e --- /dev/null +++ b/src/dropdown.scss @@ -0,0 +1,31 @@ +// Made by Luting ^-^ +.ui.dropdown .menu, +.branch-tag-item.active, +.ui.pointing.dropdown > .menu:not(.hidden):after { + background: var(--color-box-header) !important; +} + +%item-style { + background: #1f6feb; +} + +.ui.dropdown .menu > .item.context:hover { + @extend %item-style; +} + +.user-main-content, +.repo-setting-content, +.user-setting-content, +.org-setting-content, +.admin-setting-content { + .ui.dropdown .menu > .item { + &:hover { + @extend %item-style; + + a { + color: var(--color-text); + } + } + } +} + diff --git a/src/emoji.scss b/src/emoji.scss new file mode 100644 index 0000000..b294ace --- /dev/null +++ b/src/emoji.scss @@ -0,0 +1,23 @@ +// Made by Luting ^-^ +.emoji[aria-label='check\\ mark'], +.emoji[aria-label='currency\\ exchange'], +.emoji[aria-label='TOP\\ arrow'], +.emoji[aria-label='END\\ arrow'], +.emoji[aria-label='ON! arrow'], +.emoji[aria-label='SOON\\ arrow'], +.emoji[aria-label='heavy dollar sign'], +.emoji[aria-label='copyright'], +.emoji[aria-label='registered'], +.emoji[aria-label='trade\\ mark'], +.emoji[aria-label='multiply'], +.emoji[aria-label='plus'], +.emoji[aria-label='minus'], +.emoji[aria-label='divide'], +.emoji[aria-label='curly\\ loop'], +.emoji[aria-label='double curly loop'], +.emoji[aria-label='wavy\\ dash'], +.emoji[aria-label='paw\\ prints'], +.emoji[aria-label='musical\\ note'], +.emoji[aria-label='musical\\ notes'] { + filter: invert(100%) hue-rotate(180deg); +} diff --git a/src/fontcolor.scss b/src/fontcolor.scss new file mode 100644 index 0000000..5b71230 --- /dev/null +++ b/src/fontcolor.scss @@ -0,0 +1,26 @@ +// 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); + } +} diff --git a/src/heatmap.scss b/src/heatmap.scss new file mode 100644 index 0000000..43ab905 --- /dev/null +++ b/src/heatmap.scss @@ -0,0 +1,50 @@ +.vch__day__square, +.vch__legend__wrapper rect { + rx: 2px; + ry: 2px; + width: 9px; + height: 9px; + outline: 1px solid rgba(255, 255, 255, 0.05); + border-radius: 0.5px; + outline-offset: -1px; +} + +.vch__legend__wrapper rect { + rx: 3px; + ry: 3px; + border-radius: 1px; +} + +.vch__day__square, +.vch__legend__wrapper rect { + &[style='fill: var(--color-secondary-alpha-60);'] { + outline: 1px solid rgba(27, 31, 35, 0.06); + background: #161b22; + fill: #161b22 !important; + } + + &[style='fill: var(--color-primary-light-4);'] { + background: #0e4429; + fill: #0e4429 !important; + } + + &[style='fill: var(--color-primary-light-2);'] { + background: #006d32; + fill: #006d32 !important; + } + + &[style='fill: var(--color-primary);'] { + background: #238636; + fill: #238636 !important; + } + + &[style='fill: var(--color-primary-dark-2);'] { + background: #39d353; + fill: #39d353 !important; + } + + &[style='fill: var(--color-primary-dark-4);'] { + background: #44ff61; + fill: #44ff61 !important; + } +} diff --git a/src/input.scss b/src/input.scss new file mode 100644 index 0000000..9654dd8 --- /dev/null +++ b/src/input.scss @@ -0,0 +1,28 @@ +// Made by Luting ^-^ +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 { + border-color: #1f6feb; + } + &:focus-visible { + border-color: #1f6feb; + outline: none; + box-shadow: inset 0 0 0 1px #1f6feb; + } +} diff --git a/src/issue.scss b/src/issue.scss new file mode 100644 index 0000000..c18a9f1 --- /dev/null +++ b/src/issue.scss @@ -0,0 +1,20 @@ +// Made by Luting ^-^ +// PR +#issue-list .flex-item-body .branches .branch { + color: var(--color-blue); + background-color: #121d2f; + font-size: 12px; +} + +// 评论焦点 +.comment:target { + .comment-container { + border-color: #1f6feb !important; + box-shadow: 0 0 0 1px #4493f8 !important; + } + + .header:before { + border-right-color: #1f6feb !important; + filter: drop-shadow(-1px 0 0 #4493f8) !important; + } +} diff --git a/src/label.scss b/src/label.scss new file mode 100644 index 0000000..52f12e7 --- /dev/null +++ b/src/label.scss @@ -0,0 +1,148 @@ +// Made by Luting ^-^ +.repo-buttons .ui.basic.label { + color: #f0f6fc; +} + +a.ui.basic.label:hover { + color: #f0f6fc; + background-color: #262c36; + border-color: var(--color-light-border); +} + +.ui.basic.label.not-mobile, +.ui.basic.label.role-label, +.page-content.dashboard.feeds .ui.basic.label, +.page-content.explore .ui.basic.label, +.page-content.organization .ui.basic.label, +.admin-setting-content .ui.basic.label { + border-radius: 25px; + background-color: unset; +} + +.badge.tw-bg-green, +.ui.green.label.issue-state-label { + background-color: #238636 !important; +} + +.badge.tw-bg-red { + background-color: var(--color-purple) !important; +} + +.ui.ui.ui { + &.purple.label { + border-radius: 25px !important; + } + + &.green.label.issue-state-label { + background: var(--color-primary); + border-radius: 25px !important; + } + + &.red.label.issue-state-label { + background: var(--color-purple); + border-radius: 25px !important; + } + + &.primary.label { + color: var(--color-blue); + background-color: #388bfd33; + border: 1px solid var(--color-blue); + border-radius: 25px; + } + + &.basic.primary.label { + color: var(--color-blue); + background-color: #388bfd33 !important; + border-color: #1f6feb !important; + border-radius: 25px !important; + } + + // 发布&Runner 状态标签 + &.green.label:not(.issue-state-label) { + background: unset; + border-color: #238636; + border-width: 1px; + border-style: solid; + border-radius: 25px; + color: #3fb950; + } + + &.orange.label:not(.issue-state-label) { + background: unset; + border-color: #9e6a03; + border-width: 1px; + border-style: solid; + border-radius: 25px; + color: #d29922; + } +} + +a.ui.ui.ui { + &.primary.label:hover { + color: #fff; + background: #1f6feb; + border-color: #1f6feb; + } + + &.basic.primary.label:hover { + color: #79c0ff; + background-color: #3a83fd5c !important; + } +} + +.issue-list .text.red { + color: #ab7df8 !important; +} + +// Runner&软件包&提交 标签 +.ui.label { + &.sha { + color: #919894; + background-color: var(--color-box-header); + + &:hover { + background-color: var(--color-hover); + } + } + + &:not(.basic, .sha) { + color: var(--color-blue); + background: #121d2f; + border-radius: 25px; + } + + > a { + opacity: 1; + } +} +a.ui.label:not(.basic, .sha):hover { + color: #fff; + background: #1f6feb; + border-radius: 25px; +} +.sha .ui.label.sha { + border: 0 !important; +} + +.repository #commits-table .commit-list .ui.label.sha { + line-height: 18px; + margin-top: 0.375rem; + margin-bottom: 0.375rem; + 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, + &.isSigned.isVerified .detail.icon { + border: 0; + background: unset; + } + } + } +} diff --git a/src/modal.scss b/src/modal.scss new file mode 100644 index 0000000..897eb3d --- /dev/null +++ b/src/modal.scss @@ -0,0 +1,21 @@ +// 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); + } +} diff --git a/src/radius.scss b/src/radius.scss new file mode 100644 index 0000000..10f29d1 --- /dev/null +++ b/src/radius.scss @@ -0,0 +1,98 @@ +// Made by Luting ^-^ +.ui { + &.button, + &.basic.buttons .button, + &.basic.button, + &.dropdown .menu, + &.form input:not([type]), + &.form input[type='date'], + &.form input[type='datetime-local'], + &.form input[type='email'], + &.form input[type='number'], + &.form input[type='password'], + &.form input[type='search'], + &.form input[type='tel'], + &.form input[type='time'], + &.form input[type='text'], + &.form input[type='file'], + &.form input[type='url'], + &.form textarea, + &.input textarea, + &.label, + &.menu, + &.segment, + &.segments, + &.segments:not(.horizontal) > .segment:only-child, + &.secondary.menu .dropdown.item > .menu, + &.selection.dropdown, + &.selection.dropdown .menu, + &.table, + &.text.menu .dropdown.item > .menu { + border-radius: var(--border-radius); + } + + .floating.dropdown > .menu { + border-radius: var(--border-radius) !important; + } + + .repository.view.issue .comment-list .comment > .content > div:last-child { + border-bottom-right-radius: var(--border-radius); + border-bottom-left-radius: var(--border-radius); + } +} + +// 左边框圆角 +.ui { + &.action.input > .dropdown:first-child, + &.action.input > .button:first-child, + &.action.input > .buttons:first-child > .button, + &.compact.menu:not(.secondary) .item:first-child, + &.horizontal.segments > .segment:first-child { + border-radius: var(--border-radius) 0 0 var(--border-radius); + } +} + +// 右边框圆角 +.ui { + &.action.input > .dropdown:last-child, + &.action.input > .button:last-child, + &.action.input > .buttons:last-child > .button, + &.compact.menu:not(.secondary) .item:last-child, + &.horizontal.segments > .segment:last-child { + border-radius: 0 var(--border-radius) var(--border-radius) 0; + } +} + +// 上边框圆角 +.ui.secondary.pointing.menu { + .active.item, + .item:hover { + border-radius: var(--border-radius) !important; + } +} + +.ui.tabular.menu .active.item, +.repository.view.issue .comment-list .comment > .content > div:first-child { + border-top-left-radius: var(--border-radius) !important; + border-top-right-radius: var(--border-radius) !important; +} + +// 按钮边框圆角 +.ui.active.selection.dropdown { + border-bottom-left-radius: var(--border-radius) !important; + border-bottom-right-radius: var(--border-radius) !important; +} + +.ui.segment[class*='bottom attached'] { + border-radius: 0 0 var(--border-radius) var(--border-radius); +} + +.ui.table > thead > tr:first-child > th { + &:first-child { + border-radius: var(--border-radius) 0 0; + } + + &:last-child { + border-radius: 0 var(--border-radius) 0 0; + } +} diff --git a/src/release.scss b/src/release.scss new file mode 100644 index 0000000..cde7a23 --- /dev/null +++ b/src/release.scss @@ -0,0 +1,35 @@ +// Made by Luting ^-^ +.page-content.repository.releases { + svg.tw-mr-1.svg.octicon-tag { + color: #3fb950; + } + + .ui.small.primary.button { + background-color: var(--color-button); + font-size: 14px; + + &:hover { + background-color: #262c36; + } + } +} + +.page-content.repository.tags { + .tag-list-row .download a.muted:hover { + text-decoration: none; + } +} + +.page-content.repository.tags, +.page-content.repository.releases { + .ui.small.menu { + .item { + font-size: 14px; + } + + .active.item { + color: #fff; + background: #1f6feb !important; + } + } +} diff --git a/src/repo.scss b/src/repo.scss new file mode 100644 index 0000000..8ba4436 --- /dev/null +++ b/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; + } +} diff --git a/src/root.scss b/src/root.scss new file mode 100644 index 0000000..3c28ae4 --- /dev/null +++ b/src/root.scss @@ -0,0 +1,238 @@ +// Made by Luting ^-^ +:root :lang(zh-CN) { + --fonts-override: 'Maple Hand', 'VictorMono Nerd Font', 'HYZhengYuan'; +} + +.job-step-logs { + font-family: 'VictorMono Nerd Font', 'Maple Hand', 'HYZhengYuan' !important; + font-weight: 500; +} + +:root { + --is-dark-theme: true; + --border-radius: 6px; + --color-primary: var(--color-blue); + --color-primary-contrast: #fff; + --color-primary-dark-1: #739cb3; + --color-primary-dark-2: #40aaff; + --color-primary-dark-3: #92b4c4; + --color-primary-dark-4: #a1bbcd; + --color-primary-dark-5: #cfddc1; + --color-primary-dark-6: #e7eee0; + --color-primary-dark-7: #f8faf6; + --color-primary-light-1: var(--color-blue); + --color-primary-light-2: #437aad; + --color-primary-light-3: #415b8b; + --color-primary-light-4: #25425a; + --color-primary-light-5: #223546; + --color-primary-light-6: #131923; + --color-primary-light-7: #06090b; + --color-primary-alpha-10: #3683c019; + --color-primary-alpha-20: #3683c033; + --color-primary-alpha-30: #3683c04b; + --color-primary-alpha-40: #3683c066; + --color-primary-alpha-50: #3683c080; + --color-primary-alpha-60: #3683c099; + --color-primary-alpha-70: #3683c0b3; + --color-primary-alpha-80: #3683c0cc; + --color-primary-alpha-90: #3683c0e1; + --color-primary-hover: var(--color-primary-light-1); + --color-primary-active: var(--color-primary-light-2); + --color-secondary: #3d444d; + --color-secondary-dark-1: #505665; + --color-secondary-dark-2: #5b6273; + --color-secondary-dark-3: #71798e; + --color-secondary-dark-4: #7f8699; + --color-secondary-dark-5: #8c93a4; + --color-secondary-dark-6: #9aa0af; + --color-secondary-dark-7: #a8adba; + --color-secondary-dark-8: #c4c7d0; + --color-secondary-dark-9: #dfe1e6; + --color-secondary-dark-10: #edeef1; + --color-secondary-dark-11: #fbfbfc; + --color-secondary-dark-12: #eeeff2; + --color-secondary-dark-13: #fbfbfc; + --color-secondary-light-1: #373b46; + --color-secondary-light-2: #292c34; + --color-secondary-light-3: #1c1e23; + --color-secondary-light-4: #0e0f11; + --color-secondary-alpha-10: #2c2f35; + --color-secondary-alpha-20: #2c2f3533; + --color-secondary-alpha-30: #2c2f354b; + --color-secondary-alpha-40: #2c2f3566; + --color-secondary-alpha-50: #ffffff28; + --color-secondary-alpha-60: #161b22; + --color-secondary-alpha-70: #2c2f35b3; + --color-secondary-alpha-80: #2c2f35cc; + --color-secondary-alpha-90: #2c2f35e1; + --color-red: #da3737; + --color-orange: #f17a2b; + --color-yellow: #f3c640; + --color-olive: #c8df36; + --color-green: #39d353; + --color-teal: #69d4cf; + --color-blue: #4493f8; + --color-violet: #754ad3; + --color-purple: #8957e5; + --color-pink: #e04b9f; + --color-brown: #a86d45; + --color-black: #141516; + --color-grey: #797c85; + --color-gold: #d4b74c; + --color-white: #ffffff; + --color-red-light: #d15a5a; + --color-orange-light: #f6a066; + --color-yellow-light: #eaaf03; + --color-olive-light: #abc016; + --color-green-light: #93b373; + --color-teal-light: #00b6ad; + --color-blue-light: #4e96cc; + --color-violet-light: #9b79e4; + --color-purple-light: #ba6ad5; + --color-pink-light: #d74397; + --color-brown-light: #b08061; + --color-black-light: #3f4555; + --color-red-dark-1: #c23636; + --color-orange-dark-1: #f38236; + --color-yellow-dark-1: #b88a03; + --color-olive-dark-1: #839311; + --color-green-dark-1: #238636; + --color-teal-dark-1: #00837c; + --color-blue-dark-1: #347cb3; + --color-violet-dark-1: #7b4edb; + --color-purple-dark-1: #a742c9; + --color-pink-dark-1: #be297d; + --color-brown-dark-1: #94674a; + --color-black-dark-1: #292d38; + --color-red-dark-2: #ad3030; + --color-orange-dark-2: #f16e17; + --color-yellow-dark-2: #a37a02; + --color-olive-dark-2: #74820f; + --color-green-dark-2: #6c8c4c; + --color-teal-dark-2: #00746e; + --color-blue-dark-2: #2e6e9f; + --color-violet-dark-2: #6733d6; + --color-purple-dark-2: #9834b9; + --color-pink-dark-2: #a9246f; + --color-brown-dark-2: #835b42; + --color-black-dark-2: #252832; + --color-ansi-black: var(--color-black); + --color-ansi-red: var(--color-red); + --color-ansi-green: var(--color-green); + --color-ansi-yellow: var(--color-yellow); + --color-ansi-blue: var(--color-blue); + --color-ansi-magenta: var(--color-pink); + --color-ansi-cyan: var(--color-teal); + --color-ansi-white: var(--color-console-fg-subtle); + --color-ansi-bright-black: var(--color-black-light); + --color-ansi-bright-red: var(--color-red-light); + --color-ansi-bright-green: var(--color-green-light); + --color-ansi-bright-yellow: var(--color-yellow-light); + --color-ansi-bright-blue: var(--color-blue-light); + --color-ansi-bright-magenta: var(--color-pink-light); + --color-ansi-bright-cyan: var(--color-teal-light); + --color-ansi-bright-white: var(--color-console-fg); + --color-console-fg: #f0f6fc; + --color-console-fg-subtle: #9198a1; + --color-console-bg: #010409; + --color-console-border: #2b3139; + --color-console-active-bg: var(--color-active); + --color-console-hover-bg: var(--color-hover); + --color-console-menu-bg: var(--color-body); + --color-console-menu-border: var(--color-light-border); + --color-grey: #505665; + --color-grey-light: #a1a6b7; + --color-gold: #b1983b; + --color-white: #fff; + --color-diff-removed-word-bg: #792e2d; + --color-diff-added-word-bg: #1d572d; + --color-diff-removed-row-bg: #25171c; + --color-diff-moved-row-bg: #818044; + --color-diff-added-row-bg: #12261e; + --color-diff-removed-row-border: #634343; + --color-diff-moved-row-border: #bcca6f; + --color-diff-added-row-border: #314a37; + --color-diff-inactive: #353846; + --color-error-border: #792e2e; + --color-error-bg: #26181d; + --color-error-bg-active: #744; + --color-error-bg-hover: #633; + --color-error-text: #f85149; + --color-success-border: #1d572d; + --color-success-bg: #12261e; + --color-success-text: #39d353; + --color-warning-border: #624711; + --color-warning-bg: #272115; + --color-warning-text: #fbbd08; + --color-info-border: #214a81; + --color-info-bg: #121d2f; + --color-info-text: #4493f8; + --color-red-badge: #db2828; + --color-red-badge-bg: #db28281a; + --color-red-badge-hover-bg: #db28284d; + --color-green-badge: #39d353; + --color-green-badge-bg: #12261e; + --color-green-badge-hover-bg: #153d22; + --color-yellow-badge: #fbbd08; + --color-yellow-badge-bg: #fbbd081a; + --color-yellow-badge-hover-bg: #fbbd084d; + --color-orange-badge: #f2711c; + --color-orange-badge-bg: #f2711c1a; + --color-orange-badge-hover-bg: #f2711c4d; + --color-git: #f05133; + --color-body: #0d1117; + --color-box-header: #151b23; + --color-box-body: #0d1117; + --color-box-body-highlight: #262c36; + --color-text-dark: #dbe0ea; + --color-text: #dce2e7; + --color-text-light: #a6aab5; + --color-text-light-1: rgb(125, 133, 144); + --color-text-light-2: #8a8e99; + --color-text-light-3: #707687; + --color-footer: #010409; + --color-timeline: #4c525e; + --color-input-text: #d5dbe6; + --color-input-background: #2c2f35; + --color-input-toggle-background: #454a57; + --color-input-border: var(--color-light-border); + --color-input-border-hover: var(--color-light-border); + --color-header-wrapper: #0d1117; + --color-header-wrapper-transparent: #20243000; + --color-light: #00000028; + --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled))); + --color-light-border: #3d444d; + --color-hover: #252c34; + --color-active: #2a313c; + --color-menu: #0d1117; + --color-card: #0d1117; + --color-markup-table-row: #ffffff06; + --color-markup-code-block: #ffffff16; + --color-button: #212830; + --color-code-bg: #0d1117; + --color-code-sidebar-bg: #232834; + --color-shadow: #00000060; + --color-secondary-bg: #ffffff26; + --color-text-focus: #fff; + --color-expand-button: #3c404d; + --color-placeholder-text: #8a8e99; + --color-editor-line-highlight: var(--color-primary-light-5); + --color-project-board-bg: var(--color-secondary-light-2); + --color-caret: var(--color-text); + --color-reaction-bg: #ffffff12; + --color-reaction-hover-bg: var(--color-primary-light-4); + --color-reaction-active-bg: var(--color-primary-light-5); + --color-tooltip-text: #fff; + --color-tooltip-bg: #000000f0; + --color-nav-bg: #010409; + --color-nav-hover-bg: var(--color-hover); + --color-label-text: #fff; + --color-label-bg: #7c84974b; + --color-label-hover-bg: #7c8497a0; + --color-label-active-bg: #7c8497; + --color-accent: var(--color-primary-light-1); + --color-small-accent: var(--color-primary-light-5); + --color-active-line: #534d1b; + accent-color: var(--color-accent); + color-scheme: dark; +} diff --git a/src/setting.scss b/src/setting.scss new file mode 100644 index 0000000..78bae3f --- /dev/null +++ b/src/setting.scss @@ -0,0 +1,86 @@ +// Made by Luting ^-^ +// 设置左边栏(包含 Actions 的工作流栏) +.ui.vertical.menu { + background: var(--color-body); + border: 0; + + .header.item { + color: #9198a1 !important; + font-size: 1.5rem; + font-weight: 700; + background: unset; + margin-bottom: 0.5rem; + } + + .menu .item:hover { + background: var(--color-hover); + } + + .item, + .item > summary { + font-size: 1.1rem; + font-weight: 500; + background: unset; + padding: 8px; + color: var(--color-white) !important; + } + + .item:before { + background: unset; + } + + .active.item:after { + background: #1f6feb; + border-radius: 0.375rem; + content: ''; + height: 1.8rem; + left: calc(0.5rem * -1); + position: absolute; + top: calc(50% - 13px); + width: 0.25rem; + } +} + +.ui.vertical.menu, +.ui.fluid.vertical.menu { + .active.item { + background: #161a21 !important; + + &:hover { + background-color: var(--color-hover) !important; + } + } + + .item, + .item > summary { + border-radius: 0.5rem !important; + } +} + +// 设置右面版 +.user-main-content, +.repo-setting-content, +.user-setting-content, +.org-setting-content, +.admin-setting-content { + .ui.top.attached.header { + border: 0; + font-size: 1.5rem; + font-weight: 400; + background-color: unset !important; + margin-bottom: 0.25rem; + } + + .ui.attached.segment { + background-color: unset; + border-radius: 0.5rem !important; + } + + .ui.attached.segment:not(.error) { + border: 1px solid var(--color-light-border) !important; + } + + .ui.attached.segment.error { + border: 1px solid var(--color-error-border) !important; + } +} diff --git a/src/svg.scss b/src/svg.scss new file mode 100644 index 0000000..6fa74e0 --- /dev/null +++ b/src/svg.scss @@ -0,0 +1,9 @@ +// Made by Luting ^-^ +.text { + .purple { + color: #ab7df8 !important; + } + .green { + color: #3fb950 !important; + } +} diff --git a/src/theme-github.scss b/src/theme-github.scss new file mode 100644 index 0000000..4899cdd --- /dev/null +++ b/src/theme-github.scss @@ -0,0 +1,21 @@ +/* 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'; // 对比 \ No newline at end of file diff --git a/src/transition.scss b/src/transition.scss new file mode 100644 index 0000000..575636e --- /dev/null +++ b/src/transition.scss @@ -0,0 +1,44 @@ +// Made by Luting ^-^ +input, +textarea, +tr, +td, +button, +#navbar .item, +.header-wrapper .ui.tabular.menu .item, +.job-step-summary, +.job-log-line, +.job-brief-item, +.menu .item, +.page-content.repository .flex-item .flex-item-title a, +.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.label, +.ui.selection.dropdown, +.ui.checkbox label:before, +.ui.checkbox input:checked ~ label:before, +.ui.checkbox input:not([type='radio']):indeterminate ~ label:before, +.ui.selection.active.dropdown, +.ui.selection.active.dropdown:hover, +.ui.selection.active.dropdown .menu, +.ui.selection.active.dropdown:hover .menu, +.ui.button, +.ui.button:hover, +.ui.menu .item, +.ui.vertical.menu .header.item, +.ui.secondary.menu .item { + transition: 0.2s; +} diff --git a/theme-github.css b/theme-github.css deleted file mode 100644 index 0e0b83b..0000000 --- a/theme-github.css +++ /dev/null @@ -1,1610 +0,0 @@ -/* Made by Rainnny <3 */ - -.chroma { - background-color: var(--color-code-bg); -} - -.chroma .lntd { - vertical-align: top; - border: 0; - margin: 0; - padding: 0; -} - -.chroma .lntable { - border-spacing: 0; - border: 0; - width: auto; - margin: 0; - padding: 0; - display: block; - overflow: auto; -} - -.chroma .hl { - width: 100%; - display: block; -} - -.chroma .lnt, -.chroma .ln { - margin-right: 0.4em; - padding: 0 0.4em; -} - -.chroma .gs { - font-weight: var(--font-weight-semibold); -} - -.chroma .gl { - text-decoration: underline; -} - -.chroma .bp { - color: #fabd2f; -} - -.chroma .c, -.chroma .c1, -.chroma .ch, -.chroma .cm { - color: #777e94; -} - -.chroma .cp { - color: #8ec07c; -} - -.chroma .cpf { - color: #79c0ff; -} - -.chroma .cs { - color: #9075cd; -} - -.chroma .dl { - color: #79c0ff; -} - -.chroma .gd { - color: #fff; - background-color: #5f3737; -} - -.chroma .ge { - color: #ddee30; -} - -.chroma .gh { - color: #ffaa10; -} - -.chroma .gi { - color: #fff; - background-color: #3a523a; -} - -.chroma .go { - color: #777e94; -} - -.chroma .gp { - color: #ebdbb2; -} - -.chroma .gr { - color: #f43; -} - -.chroma .gs { - color: #ebdbb2; -} - -.chroma .gt { - color: #7ee787; -} - -.chroma .gu { - color: #a5d6ff; -} - -.chroma .il { - color: #79c0ff; -} - -.chroma .k { - color: #ff7b72; -} - -.chroma .kc { - color: #79c0ff; -} - -.chroma .kd { - color: #ff7b72; -} - -.chroma .kn { - color: #ff7b72; -} - -.chroma .kp { - color: #5f8700; -} - -.chroma .kr { - color: #7ee787; -} - -.chroma .kt { - color: #ff7b72; -} - -.chroma .m, -.chroma .mb, -.chroma .mf, -.chroma .mh, -.chroma .mi, -.chroma .mo { - color: #79c0ff; -} - -.chroma .n { - color: #c9d1d9; -} - -.chroma .na { - color: #d2a8ff; -} - -.chroma .nb { - color: #a5d6ff; -} - -.chroma .nc { - color: #e6edf3; -} - -.chroma .nd { - color: #79c0ff; -} - -.chroma .ne { - color: #7ee787; -} - -.chroma .nf, -.chroma .ni { - color: #d2a8ff; -} - -.chroma .nl { - color: #7ee787; -} - -.chroma .nn { - color: #e6edf3; -} - -.chroma .no { - color: #79c0ff; -} - -.chroma .nt { - color: #7ee787; -} - -.chroma .nv { - color: #ebdbb2; -} - -.chroma .nx { - color: #b6bac5; -} - -.chroma .o { - color: #7ee787; -} - -.chroma .ow { - color: #5f8700; -} - -.chroma .p { - color: #d2d4db; -} - -.chroma .s, -.chroma .s1, -.chroma .s2 { - color: #a5d6ff; -} - -.chroma .sa { - color: #79c0ff; -} - -.chroma .sb { - color: #a5d6ff; -} - -.chroma .sc { - color: #79c0ff; -} - -.chroma .sd { - color: #777e94; -} - -.chroma .se { - color: #7ee787; -} - -.chroma .sh { - color: #79c0ff; -} - -.chroma .si { - color: #ffaa10; -} - -.chroma .sr { - color: #9075cd; -} - -.chroma .ss { - color: #7ee787; -} - -.chroma .sx { - color: #ffaa10; -} - -.chroma .vc { - color: #7ee787; -} - -.chroma .vg, -.chroma .vi { - color: #ffaa10; -} - -.chroma .w { - color: #7f8699; -} - -.CodeMirror.cm-s-default .cm-property, -.CodeMirror.cm-s-paper .cm-property { - color: #a0cc75; -} - -.CodeMirror.cm-s-default .cm-header, -.CodeMirror.cm-s-paper .cm-header { - color: #9daccc; -} - -.CodeMirror.cm-s-default .cm-quote, -.CodeMirror.cm-s-paper .cm-quote { - color: #090; -} - -.CodeMirror.cm-s-default .cm-keyword, -.CodeMirror.cm-s-paper .cm-keyword { - color: #cc8a61; -} - -.CodeMirror.cm-s-default .cm-atom, -.CodeMirror.cm-s-paper .cm-atom { - color: #ef5e77; -} - -.CodeMirror.cm-s-default .cm-number, -.CodeMirror.cm-s-paper .cm-number { - color: #ff5656; -} - -.CodeMirror.cm-s-default .cm-def, -.CodeMirror.cm-s-paper .cm-def { - color: #e4e4e4; -} - -.CodeMirror.cm-s-default .cm-variable-2, -.CodeMirror.cm-s-paper .cm-variable-2 { - color: #00bdbf; -} - -.CodeMirror.cm-s-default .cm-variable-3, -.CodeMirror.cm-s-paper .cm-variable-3 { - color: #085; -} - -.CodeMirror.cm-s-default .cm-comment, -.CodeMirror.cm-s-paper .cm-comment { - color: #8e9ab3; -} - -.CodeMirror.cm-s-default .cm-string, -.CodeMirror.cm-s-paper .cm-string { - color: #a77272; -} - -.CodeMirror.cm-s-default .cm-string-2, -.CodeMirror.cm-s-paper .cm-string-2 { - color: #f50; -} - -.CodeMirror.cm-s-default .cm-meta, -.CodeMirror.cm-s-paper .cm-meta, -.CodeMirror.cm-s-default .cm-qualifier, -.CodeMirror.cm-s-paper .cm-qualifier { - color: #ffb176; -} - -.CodeMirror.cm-s-default .cm-builtin, -.CodeMirror.cm-s-paper .cm-builtin { - color: #b7c951; -} - -.CodeMirror.cm-s-default .cm-bracket, -.CodeMirror.cm-s-paper .cm-bracket { - color: #997; -} - -.CodeMirror.cm-s-default .cm-tag, -.CodeMirror.cm-s-paper .cm-tag { - color: #f1d273; -} - -.CodeMirror.cm-s-default .cm-attribute, -.CodeMirror.cm-s-paper .cm-attribute { - color: #bfcc70; -} - -.CodeMirror.cm-s-default .cm-hr, -.CodeMirror.cm-s-paper .cm-hr { - color: #999; -} - -.CodeMirror.cm-s-default .cm-url, -.CodeMirror.cm-s-paper .cm-url { - color: #c5cfd0; -} - -.CodeMirror.cm-s-default .cm-link, -.CodeMirror.cm-s-paper .cm-link { - color: #d8c792; -} - -.CodeMirror.cm-s-default .cm-error, -.CodeMirror.cm-s-paper .cm-error { - color: #dbdbeb; -} - -/* Made by Luting ^-^ */ - -:root :lang(zh-CN) { - --fonts-override: "Maple Hand", "VictorMono Nerd Font", "HYZhengYuan"; -} - -.job-step-logs { - font-family: "VictorMono Nerd Font", "Maple Hand", "HYZhengYuan" !important; - font-weight: 500; -} - -:root { - --is-dark-theme: true; - --border-radius: 6px; - --color-primary: var(--color-blue); - --color-primary-contrast: #fff; - --color-primary-dark-1: #739cb3; - --color-primary-dark-2: #40aaff; - --color-primary-dark-3: #92b4c4; - --color-primary-dark-4: #a1bbcd; - --color-primary-dark-5: #cfddc1; - --color-primary-dark-6: #e7eee0; - --color-primary-dark-7: #f8faf6; - --color-primary-light-1: var(--color-blue); - --color-primary-light-2: #437aad; - --color-primary-light-3: #415b8b; - --color-primary-light-4: #25425a; - --color-primary-light-5: #223546; - --color-primary-light-6: #131923; - --color-primary-light-7: #06090b; - --color-primary-alpha-10: #3683c019; - --color-primary-alpha-20: #3683c033; - --color-primary-alpha-30: #3683c04b; - --color-primary-alpha-40: #3683c066; - --color-primary-alpha-50: #3683c080; - --color-primary-alpha-60: #3683c099; - --color-primary-alpha-70: #3683c0b3; - --color-primary-alpha-80: #3683c0cc; - --color-primary-alpha-90: #3683c0e1; - --color-primary-hover: var(--color-primary-light-1); - --color-primary-active: var(--color-primary-light-2); - --color-secondary: #3d444d; - --color-secondary-dark-1: #505665; - --color-secondary-dark-2: #5b6273; - --color-secondary-dark-3: #71798e; - --color-secondary-dark-4: #7f8699; - --color-secondary-dark-5: #8c93a4; - --color-secondary-dark-6: #9aa0af; - --color-secondary-dark-7: #a8adba; - --color-secondary-dark-8: #c4c7d0; - --color-secondary-dark-9: #dfe1e6; - --color-secondary-dark-10: #edeef1; - --color-secondary-dark-11: #fbfbfc; - --color-secondary-dark-12: #eeeff2; - --color-secondary-dark-13: #fbfbfc; - --color-secondary-light-1: #373b46; - --color-secondary-light-2: #292c34; - --color-secondary-light-3: #1c1e23; - --color-secondary-light-4: #0e0f11; - --color-secondary-alpha-10: #2c2f35; - --color-secondary-alpha-20: #2c2f3533; - --color-secondary-alpha-30: #2c2f354b; - --color-secondary-alpha-40: #2c2f3566; - --color-secondary-alpha-50: #ffffff28; - --color-secondary-alpha-60: #161b22; - --color-secondary-alpha-70: #2c2f35b3; - --color-secondary-alpha-80: #2c2f35cc; - --color-secondary-alpha-90: #2c2f35e1; - --color-red: #da3737; - --color-orange: #f17a2b; - --color-yellow: #f3c640; - --color-olive: #c8df36; - --color-green: #39d353; - --color-teal: #69d4cf; - --color-blue: #4493f8; - --color-violet: #754ad3; - --color-purple: #8957e5; - --color-pink: #e04b9f; - --color-brown: #a86d45; - --color-black: #141516; - --color-grey: #797c85; - --color-gold: #d4b74c; - --color-white: #ffffff; - --color-red-light: #d15a5a; - --color-orange-light: #f6a066; - --color-yellow-light: #eaaf03; - --color-olive-light: #abc016; - --color-green-light: #93b373; - --color-teal-light: #00b6ad; - --color-blue-light: #4e96cc; - --color-violet-light: #9b79e4; - --color-purple-light: #ba6ad5; - --color-pink-light: #d74397; - --color-brown-light: #b08061; - --color-black-light: #3f4555; - --color-red-dark-1: #c23636; - --color-orange-dark-1: #f38236; - --color-yellow-dark-1: #b88a03; - --color-olive-dark-1: #839311; - --color-green-dark-1: #238636; - --color-teal-dark-1: #00837c; - --color-blue-dark-1: #347cb3; - --color-violet-dark-1: #7b4edb; - --color-purple-dark-1: #a742c9; - --color-pink-dark-1: #be297d; - --color-brown-dark-1: #94674a; - --color-black-dark-1: #292d38; - --color-red-dark-2: #ad3030; - --color-orange-dark-2: #f16e17; - --color-yellow-dark-2: #a37a02; - --color-olive-dark-2: #74820f; - --color-green-dark-2: #6c8c4c; - --color-teal-dark-2: #00746e; - --color-blue-dark-2: #2e6e9f; - --color-violet-dark-2: #6733d6; - --color-purple-dark-2: #9834b9; - --color-pink-dark-2: #a9246f; - --color-brown-dark-2: #835b42; - --color-black-dark-2: #252832; - --color-ansi-black: var(--color-black); - --color-ansi-red: var(--color-red); - --color-ansi-green: var(--color-green); - --color-ansi-yellow: var(--color-yellow); - --color-ansi-blue: var(--color-blue); - --color-ansi-magenta: var(--color-pink); - --color-ansi-cyan: var(--color-teal); - --color-ansi-white: var(--color-console-fg-subtle); - --color-ansi-bright-black: var(--color-black-light); - --color-ansi-bright-red: var(--color-red-light); - --color-ansi-bright-green: var(--color-green-light); - --color-ansi-bright-yellow: var(--color-yellow-light); - --color-ansi-bright-blue: var(--color-blue-light); - --color-ansi-bright-magenta: var(--color-pink-light); - --color-ansi-bright-cyan: var(--color-teal-light); - --color-ansi-bright-white: var(--color-console-fg); - --color-console-fg: #f0f6fc; - --color-console-fg-subtle: #9198a1; - --color-console-bg: #010409; - --color-console-border: #2b3139; - --color-console-active-bg: var(--color-active); - --color-console-hover-bg: var(--color-hover); - --color-console-menu-bg: var(--color-body); - --color-console-menu-border: var(--color-light-border); - --color-grey: #505665; - --color-grey-light: #a1a6b7; - --color-gold: #b1983b; - --color-white: #fff; - --color-diff-removed-word-bg: #792e2d; - --color-diff-added-word-bg: #1d572d; - --color-diff-removed-row-bg: #25171c; - --color-diff-moved-row-bg: #818044; - --color-diff-added-row-bg: #12261e; - --color-diff-removed-row-border: #634343; - --color-diff-moved-row-border: #bcca6f; - --color-diff-added-row-border: #314a37; - --color-diff-inactive: #353846; - --color-error-border: #792e2e; - --color-error-bg: #26181d; - --color-error-bg-active: #744; - --color-error-bg-hover: #633; - --color-error-text: #f85149; - --color-success-border: #1d572d; - --color-success-bg: #12261e; - --color-success-text: #39d353; - --color-warning-border: #624711; - --color-warning-bg: #272115; - --color-warning-text: #fbbd08; - --color-info-border: #214a81; - --color-info-bg: #121d2f; - --color-info-text: #4493f8; - --color-red-badge: #db2828; - --color-red-badge-bg: #db28281a; - --color-red-badge-hover-bg: #db28284d; - --color-green-badge: #39d353; - --color-green-badge-bg: #12261e; - --color-green-badge-hover-bg: #153d22; - --color-yellow-badge: #fbbd08; - --color-yellow-badge-bg: #fbbd081a; - --color-yellow-badge-hover-bg: #fbbd084d; - --color-orange-badge: #f2711c; - --color-orange-badge-bg: #f2711c1a; - --color-orange-badge-hover-bg: #f2711c4d; - --color-git: #f05133; - --color-body: #0d1117; - --color-box-header: #151b23; - --color-box-body: #0d1117; - --color-box-body-highlight: #262c36; - --color-text-dark: #dbe0ea; - --color-text: #dce2e7; - --color-text-light: #a6aab5; - --color-text-light-1: rgb(125, 133, 144); - --color-text-light-2: #8a8e99; - --color-text-light-3: #707687; - --color-footer: #010409; - --color-timeline: #4c525e; - --color-input-text: #d5dbe6; - --color-input-background: #2c2f35; - --color-input-toggle-background: #454a57; - --color-input-border: var(--color-light-border); - --color-input-border-hover: var(--color-light-border); - --color-header-wrapper: #0d1117; - --color-header-wrapper-transparent: #20243000; - --color-light: #00000028; - --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled))); - --color-light-border: #3d444d; - --color-hover: #252c34; - --color-active: #2a313c; - --color-menu: #0d1117; - --color-card: #0d1117; - --color-markup-table-row: #ffffff06; - --color-markup-code-block: #ffffff16; - --color-button: #212830; - --color-code-bg: #0d1117; - --color-code-sidebar-bg: #232834; - --color-shadow: #00000060; - --color-secondary-bg: #ffffff26; - --color-text-focus: #fff; - --color-expand-button: #3c404d; - --color-placeholder-text: #8a8e99; - --color-editor-line-highlight: var(--color-primary-light-5); - --color-project-board-bg: var(--color-secondary-light-2); - --color-caret: var(--color-text); - --color-reaction-bg: #ffffff12; - --color-reaction-hover-bg: var(--color-primary-light-4); - --color-reaction-active-bg: var(--color-primary-light-5); - --color-tooltip-text: #fff; - --color-tooltip-bg: #000000f0; - --color-nav-bg: #010409; - --color-nav-hover-bg: var(--color-hover); - --color-label-text: #fff; - --color-label-bg: #7c84974b; - --color-label-hover-bg: #7c8497a0; - --color-label-active-bg: #7c8497; - --color-accent: var(--color-primary-light-1); - --color-small-accent: var(--color-primary-light-5); - --color-active-line: #534d1b; - accent-color: var(--color-accent); - color-scheme: dark; -} - -.emoji[aria-label="check\ mark"], -.emoji[aria-label="currency\ exchange"], -.emoji[aria-label="TOP\ arrow"], -.emoji[aria-label="END\ arrow"], -.emoji[aria-label="ON! arrow"], -.emoji[aria-label="SOON\ arrow"], -.emoji[aria-label="heavy dollar sign"], -.emoji[aria-label="copyright"], -.emoji[aria-label="registered"], -.emoji[aria-label="trade\ mark"], -.emoji[aria-label="multiply"], -.emoji[aria-label="plus"], -.emoji[aria-label="minus"], -.emoji[aria-label="divide"], -.emoji[aria-label="curly\ loop"], -.emoji[aria-label="double curly loop"], -.emoji[aria-label="wavy\ dash"], -.emoji[aria-label="paw\ prints"], -.emoji[aria-label="musical\ note"], -.emoji[aria-label="musical\ notes"] { - filter: invert() hue-rotate(180deg); -} - -.repository.file.list #repo-files-table tbody .svg.octicon-file-directory-fill, -.repository.file.list #repo-files-table tbody .svg.octicon-file-submodule { - color: #7d8590; -} - -/* 添加过渡 */ -input, -textarea, -tr, -td, -button, -#navbar .item, -.header-wrapper .ui.tabular.menu .item, -.job-step-summary, -.job-log-line, -.job-brief-item, -.menu .item, -.page-content.repository .flex-item .flex-item-title a, -.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.label, -.ui.selection.dropdown, -.ui.checkbox label:before, -.ui.checkbox input:checked~label:before, -.ui.checkbox input:not([type="radio"]):indeterminate~label:before, -.ui.selection.active.dropdown, -.ui.selection.active.dropdown:hover, -.ui.selection.active.dropdown .menu, -.ui.selection.active.dropdown:hover .menu, -.ui.button, -.ui.button:hover, -.ui.menu .item, -.ui.vertical.menu .header.item, -.ui.secondary.menu .item { - transition: 0.2s; -} - -/* 弹窗 */ -.ui.modal { - border: 1.5px solid var(--color-light-border); -} - -.ui.modal>.header { - background-color: var(--color-box-header); - border-bottom: 1.5px solid var(--color-light-border); -} - -.ui.modal>.content, -.ui.modal form>.content { - background-color: var(--color-box-header); -} - -.ui.modal>.actions, -.ui.modal .content+.actions, -.ui.modal .content+form>.actions { - background-color: var(--color-box-header); - border-top: 1.5px solid var(--color-light-border); -} - -/* 输入框 */ -input:focus, -textarea:focus, -.ui.input input:focus, -.ui.form input:not([type]):focus, -.ui.form select:focus, -.ui.form textarea:focus, -.ui.form input[type="date"]:focus, -.ui.form input[type="datetime-local"]:focus, -.ui.form input[type="email"]:focus, -.ui.form input[type="file"]:focus, -.ui.form input[type="number"]:focus, -.ui.form input[type="password"]:focus, -.ui.form input[type="search"]:focus, -.ui.form input[type="tel"]:focus, -.ui.form input[type="text"]:focus, -.ui.form input[type="time"]:focus, -.ui.form input[type="url"]:focus, -.ui.selection.dropdown:focus { - border-color: #1f6feb; -} - -input:focus-visible, -textarea:focus-visible, -.ui.input input:focus-visible, -.ui.form input:not([type]):focus-visible, -.ui.form select:focus-visible, -.ui.form textarea:focus-visible, -.ui.form input[type="date"]:focus-visible, -.ui.form input[type="datetime-local"]:focus-visible, -.ui.form input[type="email"]:focus-visible, -.ui.form input[type="file"]:focus-visible, -.ui.form input[type="number"]:focus-visible, -.ui.form input[type="password"]:focus-visible, -.ui.form input[type="search"]:focus-visible, -.ui.form input[type="tel"]:focus-visible, -.ui.form input[type="text"]:focus-visible, -.ui.form input[type="time"]:focus-visible, -.ui.form input[type="url"]:focus-visible, -.ui.selection.dropdown:focus { - border-color: #1f6feb; - outline: none; - box-shadow: inset 0 0 0 1px #1f6feb; -} - -/* 按钮 */ -.ui.primary.button { - background-color: #238636; -} - -.ui.primary.button:hover { - background-color: #29903b; -} - -.ui.basic.button { - color: #f0f6fc; -} - -.ui.basic.button:hover, -.ui.labeled.button>.label:hover { - color: #f0f6fc; - background: #262c36; - border-color: var(--color-light-border); -} - -.ui.red.button, -.ui.basic.red.buttons .button, -.ui.basic.red.button { - color: #fa5e55; - background-color: var(--color-button); - border-color: var(--color-light-border); -} - -.ui.red.button:hover, -.ui.basic.red.buttons .button:hover, -.ui.basic.red.button:hover { - color: #fff; - background-color: #b62324; - border-color: #ffffff1a; -} - -.ui.button.branch-dropdown-button { - padding: 6px 12px; - min-height: 28px; -} - -.ui.menu button.item:hover { - color: var(--color-text); - background: var(--color-hover); - border-radius: 0; -} - -/* 设置界面按钮 */ -.user-main-content .ui.primary.button, -.repo-setting-content .ui.primary.button, -.user-setting-content .ui.primary.button, -.org-setting-content .ui.primary.button { - color: #f0f6fc; - background-color: var(--color-button); - border-color: var(--color-light-border); -} - -.user-main-content .ui.primary.button:hover, -.repo-setting-content .ui.primary.button:hover, -.user-setting-content .ui.primary.button:hover, -.org-setting-content .ui.primary.button:hover { - background-color: #262c36; -} - -.user-main-content .ui.primary.button.tiny, -.repo-setting-content .ui.primary.button.tiny, -.user-setting-content .ui.primary.button.tiny, -.org-setting-content .ui.primary.button.tiny, -.admin-setting-content .ui.primary.button { - color: #39d353; - background-color: var(--color-button); - border-color: var(--color-light-border); -} - -.user-main-content .ui.primary.button.tiny:hover, -.repo-setting-content .ui.primary.button.tiny:hover, -.user-setting-content .ui.primary.button.tiny:hover, -.org-setting-content .ui.primary.button.tiny:hover, -.admin-setting-content .ui.primary.button:hover { - color: #fff; - background-color: #29903b; - border-color: #ffffff1a; -} - -.user-main-content .ui.right .ui.primary.button.tiny, -.repo-setting-content .ui.right .ui.primary.button.tiny, -.user-setting-content .ui.right .ui.primary.button.tiny, -.org-setting-content .ui.right .ui.primary.button.tiny, -.admin-setting-content .ui.right .ui.primary.button.tiny { - color: #fff; - background-color: #238636; -} - -.user-main-content .ui.right .ui.primary.button.tiny:hover, -.repo-setting-content .ui.right .ui.primary.button.tiny:hover, -.user-setting-content .ui.right .ui.primary.button.tiny:hover, -.org-setting-content .ui.right .ui.primary.button.tiny:hover, -.admin-setting-content .ui.right .ui.primary.button.tiny:hover { - background-color: #29903b; - border-color: var(--color-light-border); -} - -/* 工单侧边栏按钮 */ -.ui.fluid.ui.button, -.ui.button.branch-dropdown-button, -.ui.ui.icon.button, -.ui.two.wide.button { - background-color: var(--color-button); -} - -.ui.fluid.ui.button:hover, -.ui.button.branch-dropdown-button:hover, -.ui.ui.icon.button:hover, -.ui.two.wide.button:hover { - color: #fff; - background-color: #262c36; -} - -/* 关闭工单按钮 */ -.ui.red.basic.button#status-button { - color: #ab7df8; - border-color: var(--color-light-border); - background-color: var(--color-button); -} - -.ui.red.basic.button#status-button:hover { - color: #fff; - border-color: #ffffff1a; - background-color: var(--color-purple); -} - -/* 重新开启按钮 */ -.ui.basic.primary.button#status-button { - color: #39d353; - background-color: var(--color-button); - border-color: var(--color-light-border); -} - -.ui.basic.primary.button#status-button:hover { - color: #44ff61; - background: var(--color-hover); -} - -/* PR */ -#issue-list .flex-item-body .branches .branch { - color: var(--color-blue); - background-color: #121d2f; - font-size: 12px; -} - -/* 下拉列表 */ -.ui.dropdown .menu, -.branch-tag-item.active, -.ui.pointing.dropdown>.menu:not(.hidden):after { - background: var(--color-box-header) !important; -} - -.ui.dropdown .menu>.item.context:hover, -.user-main-content .ui.dropdown .menu>.item:hover, -.repo-setting-content .ui.dropdown .menu>.item:hover, -.user-setting-content .ui.dropdown .menu>.item:hover, -.org-setting-content .ui.dropdown .menu>.item:hover, -.admin-setting-content .ui.dropdown .menu>.item:hover { - background: #1f6feb; -} - -.user-main-content .ui.dropdown .menu>.item:hover a, -.repo-setting-content .ui.dropdown .menu>.item:hover a, -.user-setting-content .ui.dropdown .menu>.item:hover a, -.org-setting-content .ui.dropdown .menu>.item:hover a, -.admin-setting-content .ui.dropdown .menu>.item:hover a { - color: var(--color-text); -} - -/* 设置侧边栏 */ -.ui.vertical.menu { - background: var(--color-body); - border: 0; -} - -.ui.vertical.menu .header.item { - color: #9198a1 !important; - font-size: 1.5rem; - font-weight: 700; - background: unset; - margin-bottom: 0.5rem; -} - -.ui.vertical.menu .menu .item:hover { - background: var(--color-hover); -} - -.ui.vertical.menu .active.item, -.ui.fluid.vertical.menu .active.item { - background: #161a21 !important; -} - -.ui.vertical.menu .active.item:hover, -.ui.fluid.vertical.menu .active.item:hover { - background-color: var(--color-hover) !important; -} - -.ui.vertical.menu .item, -.ui.vertical.menu .item>summary { - font-size: 1.1rem; - font-weight: 500; - background: unset; - padding: 8px; - color: var(--color-white) !important; -} - -.ui.vertical.menu .item, -.ui.vertical.menu .item>summary, -.ui.fluid.vertical.menu .item, -.ui.fluid.vertical.menu .item>summary { - border-radius: 0.5rem !important; -} - -.ui.vertical.menu .item::before { - background: unset; -} - -.ui.vertical.menu .active.item:after { - background: #1f6feb; - border-radius: 0.375rem; - content: ""; - height: 1.8rem; - left: calc(0.5rem * -1); - position: absolute; - top: calc(50% - 13px); - width: 0.25rem; -} - -/* 设置的右面版 Github 风格 */ -.user-main-content .ui.top.attached.header, -.repo-setting-content .ui.top.attached.header, -.user-setting-content .ui.top.attached.header, -.org-setting-content .ui.top.attached.header, -.admin-setting-content .ui.top.attached.header { - border: 0; - font-size: 1.5rem; - font-weight: 400; - background-color: unset !important; - margin-bottom: 0.25rem; -} - -.user-main-content .ui.attached.segment, -.repo-setting-content .ui.attached.segment, -.user-setting-content .ui.attached.segment, -.org-setting-content .ui.attached.segment, -.admin-setting-content .ui.attached.segment { - background-color: unset; - border-radius: 0.5rem !important; -} - -.user-main-content .ui.attached.segment:not(.error), -.repo-setting-content .ui.attached.segment:not(.error), -.user-setting-content .ui.attached.segment:not(.error), -.org-setting-content .ui.attached.segment:not(.error), -.admin-setting-content .ui.attached.segment:not(.error) { - border: 1px solid var(--color-light-border) !important; -} - -.user-main-content .ui.attached.segment.error, -.repo-setting-content .ui.attached.segment.error, -.user-setting-content .ui.attached.segment.error, -.org-setting-content .ui.attached.segment.error, -.admin-setting-content .ui.attached.segment.error { - border: 1px solid var(--color-error-border) !important; -} - -/* 标签 */ -.repo-buttons .ui.basic.label { - color: #f0f6fc; -} - -a.ui.basic.label:hover { - color: #f0f6fc; - background-color: #262c36; - border-color: var(--color-light-border); -} - -.ui.basic.label.not-mobile, -.ui.basic.label.role-label, -.page-content.dashboard.feeds .ui.basic.label, -.page-content.explore .ui.basic.label, -.page-content.organization .ui.basic.label, -.admin-setting-content .ui.basic.label { - border-radius: 25px; - background-color: unset; -} - -.badge.tw-bg-green, -.ui.green.label.issue-state-label { - background-color: #238636 !important; -} - -.badge.tw-bg-red { - background-color: var(--color-purple) !important; -} - -.ui.ui.ui.purple.label { - border-radius: 25px !important; -} - -.ui.ui.ui.green.label.issue-state-label { - background: var(--color-primary); - border-radius: 25px !important; -} - -.ui.ui.ui.red.label.issue-state-label { - background: var(--color-purple); - border-radius: 25px !important; -} - -.ui.ui.ui.primary.label { - color: var(--color-blue); - background-color: #388bfd33; - border: 1px solid var(--color-blue); - border-radius: 25px; -} - -a.ui.ui.ui.primary.label:hover { - color: #fff; - background: #1f6feb; - border-color: #1f6feb; -} - -.ui.ui.ui.basic.primary.label { - color: var(--color-blue); - background-color: #388bfd33 !important; - border-color: #1f6feb !important; - border-radius: 25px !important; -} - -a.ui.ui.ui.basic.primary.label:hover { - color: #79c0ff; - background-color: #3a83fd5c !important; -} - -.issue-list .text.red { - color: #ab7df8 !important; -} - -/* 发布&Runner 状态标签 */ -.ui.ui.ui.green.label:not(.issue-state-label) { - background: unset; - border-color: #238636; - border-width: 1px; - border-style: solid; - border-radius: 25px; - color: #3fb950; -} - -.ui.ui.ui.orange.label:not(.issue-state-label) { - background: unset; - border-color: #9e6a03; - border-width: 1px; - border-style: solid; - border-radius: 25px; - color: #d29922; -} - -/* 发布页 */ -.page-content.repository.releases svg.tw-mr-1.svg.octicon-tag { - color: #3fb950; -} - -.page-content.repository.tags .ui.small.menu .item, -.page-content.repository.releases .ui.small.menu .item { - font-size: 14px; -} - -.page-content.repository.tags .ui.small.menu .active.item, -.page-content.repository.releases .ui.small.menu .active.item { - color: #fff; - background: #1f6feb !important; -} - -.page-content.repository.releases .ui.small.primary.button { - background-color: var(--color-button); - font-size: 14px; -} - -.page-content.repository.releases .ui.small.primary.button:hover { - background-color: #262c36; -} - -.page-content.repository.tags .tag-list-row .download a.muted:hover { - text-decoration: none; -} - -/* Runner&软件包&提交 标签 */ -.ui.label.sha { - color: #919894; - background-color: var(--color-box-header); -} - -.sha .ui.label.sha { - border: 0 !important; -} - -.repository #commits-table .commit-list .ui.label.sha { - line-height: 18px; - margin-top: 0.375rem; - margin-bottom: 0.375rem; - margin-left: -2px; -} - -.ui.label.sha:hover { - background-color: var(--color-hover); -} - -.repository #commits-table td.sha .sha.label.isSigned.isVerified .detail.icon, -.repository #repo-files-table .sha.label.isSigned.isVerified .detail.icon, -.repository #repo-file-commit-box .sha.label.isSigned.isVerified .detail.icon, -.repository #rev-list .sha.label.isSigned.isVerified .detail.icon, -.repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isVerified .detail.icon, -.repository #commits-table td.sha .sha.label .detail.icon, -.repository #repo-files-table .sha.label .detail.icon, -.repository #repo-file-commit-box .sha.label .detail.icon, -.repository #rev-list .sha.label .detail.icon, -.repository .timeline-item.commits-list .singular-commit .sha.label .detail.icon { - border: 0; - background: unset; -} - -.ui.label:not(.basic, .sha) { - color: var(--color-blue); - background: #121d2f; - border-radius: 25px; -} - -a.ui.label:not(.basic, .sha):hover { - color: #fff; - background: #1f6feb; - border-radius: 25px; -} - -.ui.label>a { - opacity: 1; -} - -/* Actions */ -.job-step-summary { - color: var(--color-console-fg-subtle); -} - -.job-log-line { - color: var(--color-text); -} - -.job-log-line:hover { - color: var(--color-console-fg); -} - -.job-brief-item { - position: relative; - border-radius: 0.5rem !important; -} - -.job-brief-item.selected { - background-color: #161a21 !important; -} - -.job-brief-item:hover { - background-color: var(--color-hover) !important; -} - -.job-brief-item.selected:after { - overflow: visible; - background: #1f6feb; - border-radius: 0.375rem; - content: ""; - height: 1.8rem; - left: calc(0rem * -1); - position: absolute; - top: calc(50% - 13px); - width: 0.25rem; -} - -/* SVG 颜色 */ -.text.purple { - color: #ab7df8 !important; -} - -.text.green { - color: #3fb950 !important; -} - -/* 评论焦点 */ -.comment:target .comment-container { - border-color: #1f6feb !important; - box-shadow: 0 0 0 1px #4493f8 !important; -} - -.comment:target .header:before { - border-right-color: #1f6feb !important; - filter: drop-shadow(-1px 0 0 #4493f8) !important; -} - -/* 用户仓库列表字体颜色 */ -/* .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; -} - -.page-content.repository .repo-header .flex-item .flex-item-title 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; -} - -.page-content.repository .repo-header .flex-item .flex-item-title a:hover { - background: #15191f; -} - -.page-content.repository .repo-header .flex-item a:not(.label, .button):hover { - color: #f0f6fc !important; -} - -.page-content.repository .repo-header .flex-item .flex-item-title, -.page-content.repository .repo-header .flex-item .flex-item-title a.muted.tw-font-normal { - color: #9198a1; -} - -.page-content.repository .repo-header .flex-item .flex-item-title a.muted.tw-font-normal:hover { - color: #9198a1 !important; -} - -/* 仓库导航栏 */ -.ui.secondary.pointing.menu .overflow-menu-items { - gap: 0.5rem; -} - -.ui.secondary.pointing.menu .overflow-menu-items .item { - padding: 5px 8px !important; - margin-block-start: 0.5rem; - margin-block-end: 0.5rem; - margin-bottom: 0.5rem !important; -} - -.header-wrapper .ui.tabular.menu .item:hover, -.ui.secondary.pointing.menu .item:hover { - background: #15191f !important; -} - -.ui.secondary.pointing.menu .active.item { - border-color: #ffffff00; -} - -.ui.secondary.pointing.menu .active.item 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; -} - -/* 仓库文件&提交列表 */ -.page-content.repository tr.commit-list { - height: 3.725rem; -} - -.page-content.repository .commit-list .latest-commit .commit-summary { - color: #9198a1; -} - -.page-content.repository .commit-list .latest-commit img.tw-align-middle { - border-radius: 25px; - margin-top: -1px; - margin-left: 1px; - margin-right: 8px !important; -} - -.page-content.repository .commit-list .latest-commit .author-wrapper { - margin-right: 6px; -} - -.page-content.repository .commit-list .latest-commit a.author-wrapper:hover { - color: var(--color-text); -} - -.page-content.repository .commit-list .latest-commit .ui.sha.label { - display: none; -} - -.page-content.repository .tw-flex .tw-align-middle:not(img), -.page-content.repository .commit-list .tw-align-middle:not(img) { - padding: 6px; - border-radius: var(--border-radius); - margin-right: 6px; -} - -.page-content.repository .tw-flex .tw-align-middle:not(img):hover, -.page-content.repository .commit-list .tw-align-middle:not(img):hover { - background-color: var(--color-hover); -} - -.repository.file.list #repo-files-table tr:hover { - background-color: var(--color-box-header); -} - -.repository #commits-table .author a { - color: var(--color-text); -} - -.repository #commits-table .author img { - border-radius: 25px; - margin-right: 8px !important; -} - -.repository #commits-table .text.right.aligned { - color: #919894; -} - -/* 字体颜色 */ -.lines-num span:after { - color: var(--color-text); -} - -.ui.secondary.pointing.menu .active.item, -.ui.secondary.pointing.menu .active.item:hover, -.ui.secondary.pointing.menu .dropdown.item:hover, -.ui.secondary.pointing.menu .link.item:hover, -.ui.secondary.pointing.menu a.item:hover { - color: var(--color-text); -} - -.ui.cards>.card>.extra a:not(.ui):hover, -.ui.card>.extra a:not(.ui):hover { - color: var(--color-blue); -} - -/* 边框圆角 */ -.ui.button, -.ui.basic.buttons .button, -.ui.basic.button, -.ui.dropdown .menu, -.ui.form input:not([type]), -.ui.form input[type="date"], -.ui.form input[type="datetime-local"], -.ui.form input[type="email"], -.ui.form input[type="number"], -.ui.form input[type="password"], -.ui.form input[type="search"], -.ui.form input[type="tel"], -.ui.form input[type="time"], -.ui.form input[type="text"], -.ui.form input[type="file"], -.ui.form input[type="url"], -.ui.form textarea, -.ui.input textarea, -.ui.label, -.ui.menu, -.ui.segment, -.ui.segments, -.ui.segments:not(.horizontal)>.segment:only-child, -.ui.secondary.menu .dropdown.item>.menu, -.ui.selection.dropdown, -.ui.selection.dropdown .menu, -.ui.table, -.ui.text.menu .dropdown.item>.menu { - border-radius: var(--border-radius); -} - -.ui.floating.dropdown>.menu { - border-radius: var(--border-radius) !important; -} - -.repository.view.issue .comment-list .comment>.content>div:last-child { - border-bottom-right-radius: var(--border-radius); - border-bottom-left-radius: var(--border-radius); -} - -/* 左边框圆角 */ -.ui.action.input>.dropdown:first-child, -.ui.action.input>.button:first-child, -.ui.action.input>.buttons:first-child>.button, -.ui.compact.menu:not(.secondary) .item:first-child, -.ui.horizontal.segments>.segment:first-child { - border-radius: var(--border-radius) 0 0 var(--border-radius); -} - -/* 右边框圆角 */ -.ui.action.input>.dropdown:last-child, -.ui.action.input>.button:last-child, -.ui.action.input>.buttons:last-child>.button, -.ui.compact.menu:not(.secondary) .item:last-child, -.ui.horizontal.segments>.segment:last-child { - border-radius: 0 var(--border-radius) var(--border-radius) 0; -} - -/* 上边框圆角 */ -.ui.secondary.pointing.menu .active.item, -.ui.secondary.pointing.menu .item:hover { - border-radius: var(--border-radius) !important; -} - -.ui.tabular.menu .active.item, -.repository.view.issue .comment-list .comment>.content>div:first-child { - border-top-left-radius: var(--border-radius) !important; - border-top-right-radius: var(--border-radius) !important; -} - -/* 按钮边框圆角 */ -.ui.active.selection.dropdown { - border-bottom-left-radius: var(--border-radius) !important; - border-bottom-right-radius: var(--border-radius) !important; -} - -.ui.segment[class*="bottom attached"] { - border-radius: 0 0 var(--border-radius) var(--border-radius); -} - -.ui.table>thead>tr:first-child>th:first-child { - border-radius: var(--border-radius) 0 0; -} - -.ui.table>thead>tr:first-child>th:last-child { - border-radius: 0 var(--border-radius) 0 0; -} - -/* 热力图 */ -.vch__day__square, -.vch__legend__wrapper rect { - rx: 2px; - ry: 2px; - width: 9px; - height: 9px; - outline: 1px solid rgba(255, 255, 255, 0.05); - border-radius: 0.5px; - outline-offset: -1px; -} - -.vch__legend__wrapper rect { - rx: 3px; - ry: 3px; -} - -.vch__day__square[style="fill: var(--color-secondary-alpha-60);"], -.vch__legend__wrapper rect[style="fill: var(--color-secondary-alpha-60);"] { - outline: 1px solid rgba(27, 31, 35, 0.06); - background: #161b22; - fill: #161b22 !important; -} - -.vch__day__square[style="fill: var(--color-primary-light-4);"], -.vch__legend__wrapper rect[style="fill: var(--color-primary-light-4);"] { - background: #0e4429; - fill: #0e4429 !important; -} - -.vch__day__square[style="fill: var(--color-primary-light-2);"], -.vch__legend__wrapper rect[style="fill: var(--color-primary-light-2);"] { - background: #006d32; - fill: #006d32 !important; -} - -.vch__day__square[style="fill: var(--color-primary);"], -.vch__legend__wrapper rect[style="fill: var(--color-primary);"] { - background: #238636; - fill: #238636 !important; -} - -.vch__day__square[style="fill: var(--color-primary-dark-2);"], -.vch__legend__wrapper rect[style="fill: var(--color-primary-dark-2);"] { - background: #39d353; - fill: #39d353 !important; -} - -.vch__day__square[style="fill: var(--color-primary-dark-4);"], -.vch__legend__wrapper rect[style="fill: var(--color-primary-dark-4);"] { - background: #44ff61; - fill: #44ff61 !important; -} - -/* 提交对比 */ -.added-code, -.removed-code, -.added-code *, -.removed-code * { - color: #fff !important; - border-radius: 0.1875rem; -} - -.code-diff-unified .add-code .lines-num, -.code-diff-unified .add-code .lines-escape { - background-color: #1c4428; -} - -.code-diff-unified .del-code .lines-num, -.code-diff-unified .del-code .lines-escape { - background-color: #542426; -} - -.code-diff-unified .tag-code td, -.diff-file-body tr.tag-code:last-child>td { - background-color: #121d2f; -} - -.code-expander-button, -.code-diff-unified .tag-code .lines-num, -.code-diff-unified .tag-code .lines-escape, -.diff-file-body tr.tag-code:last-child>td.lines-num, -.diff-file-body tr.tag-code:last-child>td.lines-escape { - background-color: #0c2d6b; -} - -.code-expander-button:hover { - background: #1f6feb; -}