chuan
434161de5b
Release / release (push) Failing after 13s
- 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.
183 lines
5.5 KiB
TypeScript
183 lines
5.5 KiB
TypeScript
|
|
export const notification = `
|
|
.page-content.user.notification {
|
|
> .ui.container {
|
|
> .ui.attached.segment {
|
|
border: 0;
|
|
padding: 0;
|
|
> .divider {
|
|
display: none;
|
|
}
|
|
/* 订阅列表 */
|
|
&:has(#issue-list) {
|
|
> .tw-flex {
|
|
align-items: center;
|
|
align-content: center;
|
|
background-color: var(--color-box-header);
|
|
border: 1px solid var(--color-light-border);
|
|
border-bottom: 0;
|
|
border-top-left-radius: var(--border-radius);
|
|
border-top-right-radius: var(--border-radius);
|
|
height: 52px;
|
|
padding: 8px;
|
|
/* 左侧菜单 */
|
|
> .tw-flex:first-child > .ui.compact.menu {
|
|
align-items: center;
|
|
border: 0;
|
|
> .item {
|
|
background: unset !important;
|
|
border-radius: var(--border-radius);
|
|
color: var(--color-text-light-1);
|
|
padding: 0px 8px;
|
|
height: 30px;
|
|
&:before {
|
|
display: none;
|
|
}
|
|
&:hover {
|
|
background: var(--github-control-transparent-bgColor-hover) !important;
|
|
}
|
|
&.active {
|
|
color: var(--color-text);
|
|
font-weight: 700;
|
|
}
|
|
}
|
|
}
|
|
/* 右侧菜单 */
|
|
> .tw-flex:last-child > .ui.menu {
|
|
align-items: center;
|
|
> .item {
|
|
color: var(--color-text-light-1);
|
|
}
|
|
> .ui.button {
|
|
padding: 0 12px;
|
|
height: 32px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
/* 关注列表 */
|
|
> .flex-list:not([id]) {
|
|
border: 1px solid var(--color-light-border);
|
|
border-radius: var(--border-radius);
|
|
> .flex-item {
|
|
padding: 16px;
|
|
> .flex-item-main {
|
|
gap: 4px;
|
|
> .flex-item-header {
|
|
> .flex-item-title {
|
|
gap: 12px;
|
|
}
|
|
> .flex-item-trailing {
|
|
color: var(--color-text-light-1);
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
gap: 16px;
|
|
.color-icon {
|
|
width: 12px;
|
|
height: 12px;
|
|
margin-right: 0 !important;
|
|
}
|
|
}
|
|
}
|
|
> .flex-item-body:last-child {
|
|
font-size: 12px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
/* 通知列表 */
|
|
&:has(#notification_table) {
|
|
> .flex-text-block:first-child {
|
|
background-color: var(--color-box-header);
|
|
border: 1px solid var(--color-light-border);
|
|
border-bottom: 0;
|
|
border-top-left-radius: var(--border-radius);
|
|
border-top-right-radius: var(--border-radius);
|
|
height: 52px;
|
|
padding: 8px;
|
|
margin-bottom: 0 !important;
|
|
/* 左侧菜单 */
|
|
> .ui.compact.menu {
|
|
align-items: center;
|
|
border: 0;
|
|
> .item {
|
|
background: unset !important;
|
|
border-radius: var(--border-radius);
|
|
color: var(--color-text-light-1);
|
|
padding: 0px 8px;
|
|
height: 30px;
|
|
&:before {
|
|
display: none;
|
|
}
|
|
&:hover {
|
|
background: var(--github-control-transparent-bgColor-hover) !important;
|
|
}
|
|
&.active {
|
|
color: var(--color-text);
|
|
font-weight: 700;
|
|
}
|
|
.notifications-unread-count {
|
|
margin-left: 4px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
/* 通知全部确认按钮 */
|
|
.ui.ui.ui.ui.mini.button {
|
|
height: 32px;
|
|
}
|
|
}
|
|
/* 通知列表 */
|
|
#notification_table {
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
color: var(--color-text-light-1);
|
|
> .notifications-item {
|
|
border-top: 1px solid var(--color-light-border);
|
|
padding: 12px !important;
|
|
&:first-child {
|
|
border-top: 0;
|
|
}
|
|
&:last-child {
|
|
border-bottom-left-radius: var(--border-radius);
|
|
border-bottom-right-radius: var(--border-radius);
|
|
&:hover {
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
}
|
|
&:hover {
|
|
background: var(--github-bgColor-accent-muted);
|
|
box-shadow: 2px 0 0 var(--github-borderColor-accent-emphasis) inset;
|
|
color: var(--color-text);
|
|
}
|
|
> .notifications-link > div {
|
|
&:first-child {
|
|
font-size: 12px !important;
|
|
}
|
|
&:last-child {
|
|
font-size: 14px !important;
|
|
}
|
|
}
|
|
> .notifications-updated {
|
|
font-size: 12px;
|
|
}
|
|
> .notifications-buttons {
|
|
.interact-bg {
|
|
background: var(--github-bgColor-accent-muted) !important;
|
|
color: var(--color-text-light-1);
|
|
padding: 8px !important;
|
|
&:hover {
|
|
background: var(--github-control-transparent-bgColor-hover) !important;
|
|
color: var(--color-text);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
`;
|
|
|
|
export const stylesheet = [notification].join("\n\n");
|