github-mirror/gitea-github-theme
1
0 Fork 0
mirror of https://github.com/lutinglt/gitea-github-theme.git synced 2026-10-28 09:44:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix some styles

Browse Source
This commit is contained in:
lutinglt committed 2026-06-17 11:01:18 +08:00
1 parent c892c649b4
commit eb780ce001
4 files changed
+62 -64
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

CHANGELOG.md
+3
View File
@@ -36,3 +36,6 @@
- Fix the last commit avatar on the repo homepage being blocked.
- Fix the hovering and activation colors of the sub items in the second level menu of warehouse filtering on the
dashboard page.
- Fix some green label styles.
- Fix Runner task status label style.
- Fix the style of PR comment operation panel.
styles/components/issues/issue.ts
+51 -54
View File
@@ -119,71 +119,68 @@ const prMerge = css`
display: flex;
align-items: center;
justify-content: center;
color: ${themeVars.github.button.primary.fgColor.rest} !important;
border-radius: ${otherThemeVars.border.radius};
/* 操作评论边框 */
+ .content > .ui.attached.segment {
border-width: 1.5px;
}
svg {
width: 24px;
height: 24px;
}
/* PR 界面的 PR 操作评论 */
&.text {
color: ${themeVars.color.white} !important;
border-radius: ${otherThemeVars.border.radius};
/* 操作评论边框 */
&.tw-text-text-light {
background-color: ${themeVars.color.text.light.num1};
}
&.tw-text-green {
background-color: ${themeVars.github.bgColor.success.emphasis};
+ .content > .ui.attached.segment {
border-width: 1.5px;
}
&.grey {
background-color: ${themeVars.color.text.light.num1};
}
&.green {
background-color: ${themeVars.github.bgColor.success.emphasis};
+ .content > .ui.attached.segment {
border-left-color: ${themeVars.github.bgColor.success.emphasis};
border-right-color: ${themeVars.github.bgColor.success.emphasis};
&:first-child {
border-top-color: ${themeVars.github.bgColor.success.emphasis};
}
&:last-child {
border-bottom-color: ${themeVars.github.bgColor.success.emphasis};
}
border-left-color: ${themeVars.github.bgColor.success.emphasis};
border-right-color: ${themeVars.github.bgColor.success.emphasis};
&:first-child {
border-top-color: ${themeVars.github.bgColor.success.emphasis};
}
&:last-child {
border-bottom-color: ${themeVars.github.bgColor.success.emphasis};
}
}
&.purple {
background-color: ${themeVars.github.bgColor.done.emphasis};
+ .content > .ui.attached.segment {
border-left-color: ${themeVars.github.bgColor.done.emphasis};
border-right-color: ${themeVars.github.bgColor.done.emphasis};
&:first-child {
border-top-color: ${themeVars.github.bgColor.done.emphasis};
}
&:last-child {
border-bottom-color: ${themeVars.github.bgColor.done.emphasis};
}
}
&.tw-text-purple {
background-color: ${themeVars.github.bgColor.done.emphasis};
+ .content > .ui.attached.segment {
border-left-color: ${themeVars.github.bgColor.done.emphasis};
border-right-color: ${themeVars.github.bgColor.done.emphasis};
&:first-child {
border-top-color: ${themeVars.github.bgColor.done.emphasis};
}
&:last-child {
border-bottom-color: ${themeVars.github.bgColor.done.emphasis};
}
}
&.yellow {
background-color: ${themeVars.github.bgColor.attention.emphasis};
+ .content > .ui.attached.segment {
border-left-color: ${themeVars.github.bgColor.attention.emphasis};
border-right-color: ${themeVars.github.bgColor.attention.emphasis};
&:first-child {
border-top-color: ${themeVars.github.bgColor.attention.emphasis};
}
&:last-child {
border-bottom-color: ${themeVars.github.bgColor.attention.emphasis};
}
}
&.tw-text-yellow {
background-color: ${themeVars.github.bgColor.attention.emphasis};
+ .content > .ui.attached.segment {
border-left-color: ${themeVars.github.bgColor.attention.emphasis};
border-right-color: ${themeVars.github.bgColor.attention.emphasis};
&:first-child {
border-top-color: ${themeVars.github.bgColor.attention.emphasis};
}
&:last-child {
border-bottom-color: ${themeVars.github.bgColor.attention.emphasis};
}
}
&.red {
background-color: ${themeVars.github.bgColor.danger.emphasis};
+ .content > .ui.attached.segment {
border-left-color: ${themeVars.github.bgColor.danger.emphasis};
border-right-color: ${themeVars.github.bgColor.danger.emphasis};
&:first-child {
border-top-color: ${themeVars.github.bgColor.danger.emphasis};
}
&:last-child {
border-bottom-color: ${themeVars.github.bgColor.danger.emphasis};
}
}
&.tw-text-red {
background-color: ${themeVars.github.bgColor.danger.emphasis};
+ .content > .ui.attached.segment {
border-left-color: ${themeVars.github.bgColor.danger.emphasis};
border-right-color: ${themeVars.github.bgColor.danger.emphasis};
&:first-child {
border-top-color: ${themeVars.github.bgColor.danger.emphasis};
}
&:last-child {
border-bottom-color: ${themeVars.github.bgColor.danger.emphasis};
}
}
}
styles/public/label/label.ts
+1
View File
@@ -53,6 +53,7 @@ const label = css`
}
}
}
a,
div,
span {
&.ui.ui.ui.label {
styles/public/label/task_status_label.ts
+7 -10
View File
@@ -21,28 +21,25 @@ import { css, cssCombine, themeVars } from "@lutinglt/gitea-github-theme/core";
// 任务状态标签, 目前仅在管理员页面 Runner 状态中看到
const taskStatusLabel = css`
.runner-container .ui.label.task-status- {
&success {
.runner-container .ui.label {
&.task-status-success {
color: ${themeVars.color.success.text};
border: 1px solid ${themeVars.color.success.border};
background: ${themeVars.color.success.bg};
}
&failure {
&.task-status-failure {
color: ${themeVars.color.error.text};
border: 1px solid ${themeVars.color.error.border};
background: ${themeVars.color.error.bg.self};
}
&running,
&skipped {
&.task-status-running,
&.task-status-skipped {
color: ${themeVars.color.info.text};
border: 1px solid ${themeVars.color.info.border};
background: ${themeVars.color.info.bg};
}
&cancelled,
&blocked {
&.task-status-cancelled,
&.task-status-blocked {
color: ${themeVars.color.warning.text};
border: 1px solid ${themeVars.color.warning.border};
background: ${themeVars.color.warning.bg};