Files
gitea-themes/styles/primitives/input.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

76 lines
2.2 KiB
TypeScript

export const input = `
textarea,
/* 排除复选框和单选框 */
input:not([type=checkbox],[type=radio]),
.ui.input input:not([type=checkbox],[type=radio]),
/* 排除可以选择的输入搜索框 */
.ui.form input:not([type]):not(.search),
.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"] {
box-shadow: var(--github-shadow-inset);
border-radius: var(--border-radius);
padding: 8px 12px;
&:focus,
&:focus-visible {
background: var(--color-body);
border-color: var(--github-borderColor-accent-emphasis);
/* 向内部添加一个 1px 的边框 */
box-shadow: inset 0 0 0 1px var(--github-borderColor-accent-emphasis);
outline: none;
}
}
.ui.input {
height: 32px;
}
/* 由于输入框高度, 需要输入框在表单中垂直居中 */
/* 管理员页面仓库搜索表单 */
.ui.form#repo-search-form {
align-items: center;
}
/* 下拉菜单的输入框 */
.ui.dropdown.dropdown .menu > .input {
margin: 12px 10px;
}
`;
export const checkBoxAndRadio = `
/* 复选框 */
input[type="checkbox"],
.ui.checkbox input[type="checkbox"] {
background-color: var(--color-body);
border-color: var(--github-borderColor-emphasis);
&:checked,
&:indeterminate {
background-color: var(--github-bgColor-accent-emphasis);
border-color: var(--github-bgColor-accent-emphasis);
}
&::before {
background-color: var(--github-fgColor-onEmphasis);
}
}
/* 单选框 */
input[type="radio"],
.ui.checkbox input[type="radio"] {
background-color: var(--color-body);
border-color: var(--github-borderColor-emphasis);
&:checked {
background-color: var(--github-fgColor-onEmphasis);
border-color: var(--github-bgColor-accent-emphasis);
}
}
`;
export const stylesheet = [input, checkBoxAndRadio].join("\n\n");