Files
gitea-themes/styles/components/issues/issue.ts
T
chuan 434161de5b
Release / release (push) Failing after 13s
Refactor theme management and update documentation
- Removed `.github-theme` from .gitignore as it is no longer needed.
- Updated `official-style-map.md` to clarify the maintenance of GitHub Light style increments within the current repository.
- Revised `rules.md` to reflect the new approach to maintaining GitHub Light theme increments.
- Changed test script in `package.json` to verify generated theme instead of GitHub migration.
- Added `verify-generated-theme.ts` script to validate the generated theme files.
- Migrated various styles from `.github-theme` to the new structure, updating comments and references accordingly.
2026-05-18 01:26:17 +08:00

231 lines
6.6 KiB
TypeScript

export const button = `
/* 工单&PR标题右侧按钮 */
.repository.view.issue .issue-title-buttons > .ui.button {
padding: 0 12px;
height: 32px;
}
`;
export const babel = `
.issue-content-left {
.badge {
/* 时间线打开状态标签 */
&.tw-bg-green {
background-color: var(--github-bgColor-success-emphasis) !important;
}
/* 时间线关闭状态标签 */
&.tw-bg-red {
background-color: var(--github-bgColor-done-emphasis) !important;
}
/* 时间线合并状态标签 */
&.tw-bg-purple {
background-color: var(--github-bgColor-done-emphasis) !important;
}
}
}
/* 工单&PR状态标签 */
.ui.label.issue-state-label {
border-radius: 25px !important;
&.green {
color: var(--color-white) !important;
background-color: var(--github-bgColor-success-emphasis) !important;
border-color: var(--github-bgColor-success-emphasis) !important;
}
&.red {
color: var(--color-white) !important;
background-color: var(--github-bgColor-done-emphasis) !important;
border-color: var(--github-bgColor-done-emphasis) !important;
}
&.purple {
color: var(--color-white) !important;
background-color: var(--github-bgColor-done-emphasis) !important;
border-color: var(--github-bgColor-done-emphasis) !important;
}
}
`;
export const prBranch = `
.repository.view.issue .pull-desc code,
#issue-list .flex-item-body .branches .branch {
color: var(--github-fgColor-accent);
background-color: var(--github-bgColor-accent-muted);
border-radius: var(--border-radius);
font-family: var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, monospace);
font-size: 12px;
padding: 0 5px;
line-height: 18px;
}
.repository.view.issue .pull-desc code {
padding-top: 3px;
padding-bottom: 3px;
a:hover {
text-decoration-line: none;
}
}
`;
export const dropdown = `
.repository {
/* Issue/PR 列表下的所有筛选菜单 */
&.issue-list .ui.dropdown .menu, .ui.menu .ui.dropdown .menu,
/* Issue/PR 详情下的右侧的上半部分选项菜单 */
&.issue.view .issue-content-right .ui.dropdown .scrolling.menu {
.item:hover:after {
content: "";
background-color: var(--github-borderColor-accent-emphasis);
border-radius: var(--border-radius);
height: 24px;
left: -8px;
position: absolute;
top: calc(50% - 12px);
width: 4px;
}
}
}
`;
export const prMerge = `
.repository.view.issue .comment-list .timeline-item.pull-merge-box {
/* 头像 */
.timeline-avatar {
border-radius: 9999px;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
svg {
width: 24px;
height: 24px;
}
/* PR 界面的 PR 操作评论 */
&.text {
color: var(--color-white) !important;
border-radius: var(--border-radius);
/* 操作评论边框 */
+ .content > .ui.attached.segment {
border-width: 1.5px;
}
&.grey {
background-color: var(--color-text-light-1);
}
&.green {
background-color: var(--github-bgColor-success-emphasis);
+ .content > .ui.attached.segment {
border-left-color: var(--github-bgColor-success-emphasis);
border-right-color: var(--github-bgColor-success-emphasis);
&:first-child {
border-top-color: var(--github-bgColor-success-emphasis);
}
&:last-child {
border-bottom-color: var(--github-bgColor-success-emphasis);
}
}
}
&.purple {
background-color: var(--github-bgColor-done-emphasis);
+ .content > .ui.attached.segment {
border-left-color: var(--github-bgColor-done-emphasis);
border-right-color: var(--github-bgColor-done-emphasis);
&:first-child {
border-top-color: var(--github-bgColor-done-emphasis);
}
&:last-child {
border-bottom-color: var(--github-bgColor-done-emphasis);
}
}
}
&.yellow {
background-color: var(--github-bgColor-attention-emphasis);
+ .content > .ui.attached.segment {
border-left-color: var(--github-bgColor-attention-emphasis);
border-right-color: var(--github-bgColor-attention-emphasis);
&:first-child {
border-top-color: var(--github-bgColor-attention-emphasis);
}
&:last-child {
border-bottom-color: var(--github-bgColor-attention-emphasis);
}
}
}
&.red {
background-color: var(--github-bgColor-danger-emphasis);
+ .content > .ui.attached.segment {
border-left-color: var(--github-bgColor-danger-emphasis);
border-right-color: var(--github-bgColor-danger-emphasis);
&:first-child {
border-top-color: var(--github-bgColor-danger-emphasis);
}
&:last-child {
border-bottom-color: var(--github-bgColor-danger-emphasis);
}
}
}
}
}
/* 检查状态 */
.commit-status-panel {
.commit-status-header {
background: var(--color-body);
padding: 16px;
font-size: 16px;
font-weight: 600;
.ui.right {
color: var(--color-text-light-1);
font-size: 14px;
font-weight: 400;
}
}
/* 检查状态列表 */
.commit-status-list {
background: var(--color-menu);
.commit-status-item {
border-radius: var(--border-radius);
padding: 2px 8px;
margin: 0px 8px;
height: 37px;
&:first-child {
margin-top: 8px;
}
&:last-child {
margin-bottom: 8px;
}
&:hover {
background-color: var(--color-hover-opaque);
}
}
}
}
/* 合并信息和操作 */
.merge-section {
color: var(--color-text-light-1);
padding: 16px;
display: grid;
gap: 8px;
&::before,
&::after {
display: none;
}
}
}
`;
export const issueTitle = `
.page-content.repository.issue {
.issue-title-header {
.issue-title-meta {
.issue-state-label {
padding: 6px 9px !important;
}
.time-desc {
color: var(--color-text-light-1);
}
}
}
}
`;
export const stylesheet = [button, babel, prBranch, dropdown, prMerge, issueTitle].join("\n\n");