Files
gitea-themes/styles/pages/setting.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

110 lines
3.3 KiB
TypeScript

export const button = `
/* 不包含管理员的设置界面 */
.user-main-content,
.repo-setting-content,
.user-setting-content,
.org-setting-content {
/* 主色调按钮替换为普通按钮 */
.ui.primary.button {
color: var(--color-text-light);
background-color: var(--color-button);
border-color: var(--color-light-border);
box-shadow: none;
&:hover {
background-color: var(--color-hover);
}
&:active {
background-color: var(--github-button-default-bgColor-active);
}
}
/* 迷你按钮替换为自定义的主色调按钮 (例: SSH 验证按钮) */
.ui.primary.button.tiny {
color: var(--github-button-primary-fgColor-accent);
background-color: var(--color-button);
border-color: var(--color-light-border);
&:hover {
color: var(--github-button-primary-fgColor-rest);
background-color: var(--github-button-primary-bgColor-hover);
border-color: var(--github-button-primary-borderColor-hover);
}
&:active {
background-color: var(--github-button-primary-bgColor-active);
}
}
}
/* 所有设置界面 */
.user-main-content,
.repo-setting-content,
.user-setting-content,
.org-setting-content,
.admin-setting-content {
/* 右上角迷你按钮替换会主色调按钮 */
.ui.attached.header > .ui.right {
.ui.primary.button.tiny {
color: var(--github-button-primary-fgColor-rest);
background-color: var(--github-button-primary-bgColor-rest);
border-color: var(--github-button-primary-borderColor-rest);
box-shadow: var(--github-shadow-resting-small);
padding: 3px 12px;
min-height: 20px;
line-height: 20px;
&:hover {
color: var(--github-button-primary-fgColor-rest);
background-color: var(--github-button-primary-bgColor-hover);
border-color: var(--github-button-primary-borderColor-hover);
}
&:active {
background-color: var(--github-button-primary-bgColor-active);
}
}
}
}
/* 管理员设置界面下的自定义主色调按钮 */
.admin-setting-content {
.ui.primary.button {
color: var(--github-button-primary-fgColor-accent);
background-color: var(--color-button);
border-color: var(--color-light-border);
padding: 5px 16px;
line-height: 22px;
&:hover {
color: var(--github-button-primary-fgColor-rest);
background-color: var(--github-button-primary-bgColor-hover);
border-color: var(--github-button-primary-borderColor-hover);
}
&:active {
background-color: var(--github-button-primary-bgColor-active);
/* 保持鼠标移开时边框颜色和文字颜色不变 */
border-color: var(--github-button-primary-borderColor-hover);
color: var(--github-button-primary-fgColor-rest);
}
}
.ui.red.button {
box-shadow: var(--github-shadow-resting-small);
padding: 5px 16px;
line-height: 22px;
}
}
`;
export const label = `
/* Runner 标签 */
.runner-container {
/* 普通标签, runner 状态: 离线, runner 标签 */
.ui.label {
border: 1px solid var(--color-light-border);
}
}
`;
export const fixOrgSetting = `
.page-content.organization.settings {
.org-setting-content {
border: 0;
}
}
`;
export const stylesheet = [button, label, fixOrgSetting].join("\n\n");