mirror of
https://github.com/embersparks/obsidian-github-stars-manager.git
synced 2026-07-22 06:44:31 +00:00
3746 lines
93 KiB
CSS
3746 lines
93 KiB
CSS
/*
|
||
* GitHub Stars Manager
|
||
* 自定义样式
|
||
*/
|
||
|
||
/* 主容器 */
|
||
.github-stars-container {
|
||
display: flex;
|
||
flex-direction: column;
|
||
height: 100%;
|
||
padding: 10px 10px 0;
|
||
}
|
||
|
||
/* 工具栏 */
|
||
.github-stars-toolbar {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 8px; /* 减小间距 */
|
||
margin-bottom: 15px;
|
||
padding: 8px; /* 减小内边距 */
|
||
background: var(--background-secondary);
|
||
border-radius: 8px;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
/* 刷新按钮 */
|
||
.github-stars-refresh-button {
|
||
background-color: transparent;
|
||
border: none;
|
||
color: var(--text-muted);
|
||
padding: 6px;
|
||
border-radius: 6px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
.github-stars-refresh-button:hover {
|
||
background-color: var(--background-modifier-hover);
|
||
color: var(--text-normal);
|
||
}
|
||
|
||
/* 搜索框容器 */
|
||
.github-stars-search-container {
|
||
position: relative;
|
||
display: flex;
|
||
align-items: center;
|
||
flex-grow: 1;
|
||
max-width: 400px;
|
||
}
|
||
|
||
/* 搜索框 */
|
||
.github-stars-search {
|
||
padding: 8px 32px 8px 12px;
|
||
border: 1px solid var(--background-modifier-border);
|
||
border-radius: 8px;
|
||
background: var(--background-primary);
|
||
color: var(--text-normal);
|
||
font-size: 14px;
|
||
width: 100%;
|
||
outline: none;
|
||
transition: all 0.2s ease;
|
||
}
|
||
|
||
.github-stars-search:focus {
|
||
border-color: var(--interactive-accent);
|
||
box-shadow: 0 0 0 2px rgba(var(--interactive-accent-rgb), 0.2);
|
||
}
|
||
|
||
/* 搜索框清除按钮 - Chrome风格 */
|
||
.github-stars-search-clear {
|
||
position: absolute;
|
||
right: 8px;
|
||
top: 50%;
|
||
transform: translateY(-50%);
|
||
width: 18px;
|
||
height: 18px;
|
||
border: none;
|
||
background: var(--text-muted);
|
||
color: white;
|
||
cursor: pointer;
|
||
border-radius: 50%;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
transition: all 0.2s ease;
|
||
padding: 0;
|
||
font-size: 12px;
|
||
line-height: 1;
|
||
opacity: 0;
|
||
visibility: hidden;
|
||
}
|
||
|
||
.github-stars-search-clear::before {
|
||
content: '×';
|
||
font-weight: bold;
|
||
}
|
||
|
||
.github-stars-search-container:hover .github-stars-search-clear:not(.hidden) {
|
||
opacity: 0.6;
|
||
visibility: visible;
|
||
}
|
||
|
||
.github-stars-search-clear:hover {
|
||
opacity: 1 !important;
|
||
background: var(--text-normal);
|
||
transform: translateY(-50%) scale(1.1);
|
||
}
|
||
|
||
.github-stars-search-clear:active {
|
||
transform: translateY(-50%) scale(0.95);
|
||
}
|
||
|
||
.github-stars-search-clear.hidden {
|
||
opacity: 0 !important;
|
||
visibility: hidden !important;
|
||
}
|
||
|
||
/* 工具栏右侧按钮容器 */
|
||
.github-stars-toolbar-right {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 5px;
|
||
margin-left: auto;
|
||
}
|
||
|
||
.github-stars-toolbar button {
|
||
background-color: var(--background-primary);
|
||
border: 1px solid var(--background-modifier-border);
|
||
border-radius: 6px;
|
||
padding: 8px 12px; /* 统一按钮大小 */
|
||
cursor: pointer;
|
||
transition: all 0.2s ease;
|
||
color: var(--text-muted);
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center; /* 居中内容 */
|
||
gap: 6px;
|
||
font-size: 14px; /* 统一字体大小 */
|
||
font-weight: 500;
|
||
}
|
||
|
||
/* 主要操作按钮（例如 "Search"） */
|
||
.github-stars-action-button {
|
||
background-color: var(--interactive-accent);
|
||
color: var(--text-on-accent);
|
||
border: 1px solid var(--interactive-accent);
|
||
}
|
||
|
||
.github-stars-action-button:hover {
|
||
background-color: var(--interactive-accent-hover);
|
||
border-color: var(--interactive-accent-hover);
|
||
color: var(--text-on-accent);
|
||
}
|
||
|
||
.github-stars-sync-button:hover {
|
||
background-color: var(--interactive-accent-hover);
|
||
}
|
||
|
||
.github-stars-sync-button:disabled {
|
||
opacity: 0.7;
|
||
cursor: not-allowed;
|
||
}
|
||
|
||
/* 排序按钮组样式 */
|
||
.github-stars-sort-group {
|
||
display: flex;
|
||
gap: 0;
|
||
border-radius: 6px;
|
||
overflow: hidden;
|
||
border: 1px solid var(--background-modifier-border);
|
||
}
|
||
|
||
.github-stars-sort-group button {
|
||
border-radius: 0;
|
||
border: none;
|
||
border-right: 1px solid var(--background-modifier-border);
|
||
}
|
||
|
||
.github-stars-sort-group button:last-child {
|
||
border-right: none;
|
||
}
|
||
|
||
.github-stars-sort-option {
|
||
background-color: transparent;
|
||
border: none;
|
||
padding: 6px 8px;
|
||
cursor: pointer;
|
||
transition: all 0.2s ease;
|
||
color: var(--text-muted);
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
min-width: 40px;
|
||
position: relative;
|
||
}
|
||
|
||
.github-stars-sort-option:hover {
|
||
background-color: var(--background-modifier-hover);
|
||
color: var(--text-normal);
|
||
}
|
||
|
||
.github-stars-sort-option.active {
|
||
background-color: var(--interactive-accent);
|
||
color: var(--text-on-accent);
|
||
}
|
||
|
||
.github-stars-sort-option.active:hover {
|
||
background-color: var(--interactive-accent-hover);
|
||
}
|
||
|
||
.github-stars-sort-option:not(:last-child)::after {
|
||
content: '';
|
||
position: absolute;
|
||
right: 0;
|
||
top: 20%;
|
||
bottom: 20%;
|
||
width: 1px;
|
||
background-color: var(--background-modifier-border);
|
||
}
|
||
|
||
.github-stars-sort-option.active:not(:last-child)::after {
|
||
background-color: transparent;
|
||
}
|
||
|
||
/* 排序按钮内容布局 */
|
||
.sort-button-content {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 2px;
|
||
}
|
||
|
||
.sort-icon {
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
|
||
.sort-direction {
|
||
display: flex;
|
||
align-items: center;
|
||
font-size: 12px;
|
||
opacity: 0.8;
|
||
}
|
||
|
||
.sort-direction svg {
|
||
width: 12px;
|
||
height: 12px;
|
||
}
|
||
|
||
/* 主题切换按钮样式 */
|
||
.github-stars-theme-button {
|
||
background-color: transparent;
|
||
border: 1px solid var(--background-modifier-border);
|
||
color: var(--text-muted);
|
||
border-radius: 3px;
|
||
padding: 5px 8px;
|
||
cursor: pointer;
|
||
transition: background-color 0.2s, color 0.2s, border-color 0.2s;
|
||
margin-left: 8px;
|
||
}
|
||
|
||
.github-stars-theme-button:hover {
|
||
background-color: var(--background-modifier-hover);
|
||
border-color: var(--interactive-accent);
|
||
color: var(--interactive-accent);
|
||
}
|
||
|
||
.github-stars-theme-button.active {
|
||
background-color: var(--interactive-accent);
|
||
border-color: var(--interactive-accent);
|
||
color: var(--text-on-accent);
|
||
}
|
||
|
||
.github-stars-theme-button.active:hover {
|
||
background-color: var(--interactive-accent-hover);
|
||
}
|
||
|
||
/* 标签筛选区 - 应用商店风格 */
|
||
.github-stars-tags {
|
||
margin-bottom: 20px;
|
||
display: block;
|
||
}
|
||
|
||
.github-stars-tags-header {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
gap: 8px;
|
||
}
|
||
|
||
.github-stars-tags-title {
|
||
font-weight: 500;
|
||
color: var(--text-normal);
|
||
font-size: 0.9em;
|
||
}
|
||
|
||
.github-stars-tag-manage-toggle {
|
||
border: 1.5px dashed var(--background-modifier-border);
|
||
background: var(--background-primary);
|
||
color: var(--text-muted);
|
||
border-radius: 10px;
|
||
padding: 5px 9px;
|
||
font-size: var(--font-ui-smaller);
|
||
font-weight: 600;
|
||
white-space: nowrap;
|
||
cursor: pointer;
|
||
flex: 0 0 auto;
|
||
}
|
||
|
||
.github-stars-tag-manage-toggle:hover {
|
||
border-color: var(--interactive-accent);
|
||
color: var(--interactive-accent);
|
||
}
|
||
|
||
.github-stars-tag-manage-toggle.active {
|
||
background: var(--interactive-accent);
|
||
color: var(--text-on-accent);
|
||
border-color: var(--interactive-accent);
|
||
}
|
||
|
||
.github-stars-tag-manage-add {
|
||
border: 1.5px dashed var(--background-modifier-border);
|
||
background: var(--background-secondary);
|
||
color: var(--text-muted);
|
||
border-radius: 10px;
|
||
padding: 5px 9px;
|
||
font-size: var(--font-ui-smaller);
|
||
font-weight: 600;
|
||
white-space: nowrap;
|
||
cursor: pointer;
|
||
flex: 0 0 auto;
|
||
}
|
||
|
||
.github-stars-tag-manage-add:hover {
|
||
border-color: var(--interactive-accent);
|
||
color: var(--interactive-accent);
|
||
}
|
||
|
||
.github-stars-tag-popover {
|
||
position: fixed;
|
||
z-index: 1000;
|
||
min-width: 260px;
|
||
max-width: 320px;
|
||
padding: 10px;
|
||
border: 1px solid var(--background-modifier-border);
|
||
border-radius: 10px;
|
||
background: var(--background-primary);
|
||
box-shadow: var(--shadow-l);
|
||
}
|
||
|
||
.github-stars-tag-popover-title {
|
||
font-size: var(--font-ui-smaller);
|
||
font-weight: 600;
|
||
color: var(--text-normal);
|
||
}
|
||
|
||
.github-stars-tag-popover-desc {
|
||
margin-top: 2px;
|
||
color: var(--text-muted);
|
||
font-size: var(--font-ui-smaller);
|
||
}
|
||
|
||
.github-stars-tag-popover-input {
|
||
width: 100%;
|
||
margin-top: 8px;
|
||
border: 1px solid var(--background-modifier-border);
|
||
border-radius: 6px;
|
||
background: var(--background-secondary);
|
||
color: var(--text-normal);
|
||
padding: 6px 10px;
|
||
font-size: var(--font-ui-small);
|
||
}
|
||
|
||
.github-stars-tag-popover-input:focus {
|
||
border-color: var(--interactive-accent);
|
||
outline: none;
|
||
}
|
||
|
||
.github-stars-tag-popover-warning {
|
||
margin-top: 8px;
|
||
color: var(--text-warning);
|
||
font-size: var(--font-ui-smaller);
|
||
}
|
||
|
||
.github-stars-tag-popover-actions {
|
||
margin-top: 8px;
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 6px;
|
||
}
|
||
|
||
.github-stars-tag-popover-palette-title {
|
||
margin-top: 10px;
|
||
font-size: var(--font-ui-smaller);
|
||
color: var(--text-muted);
|
||
}
|
||
|
||
.github-stars-tag-popover-palette {
|
||
margin-top: 6px;
|
||
display: grid;
|
||
grid-template-columns: repeat(8, 1fr);
|
||
gap: 6px;
|
||
}
|
||
|
||
.github-stars-tag-color-swatch {
|
||
width: 22px;
|
||
height: 22px;
|
||
border-radius: 7px;
|
||
border: 1.5px solid transparent;
|
||
cursor: pointer;
|
||
padding: 0;
|
||
transition: transform 0.16s ease, box-shadow 0.16s ease, filter 0.16s ease;
|
||
}
|
||
|
||
.github-stars-tag-color-swatch:hover {
|
||
transform: scale(1.06);
|
||
filter: brightness(1.04);
|
||
}
|
||
|
||
.github-stars-tag-color-swatch:focus-visible {
|
||
outline: none;
|
||
box-shadow: 0 0 0 2px rgba(var(--interactive-accent-rgb), 0.35);
|
||
}
|
||
|
||
.github-stars-tag-color-swatch.selected {
|
||
box-shadow: 0 0 0 2px var(--text-on-accent), 0 0 0 4px rgba(var(--interactive-accent-rgb), 0.38);
|
||
}
|
||
|
||
.github-stars-tags-container {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 6px;
|
||
align-items: center;
|
||
min-width: 0;
|
||
padding: 3px 0;
|
||
margin: -3px 0;
|
||
}
|
||
|
||
.github-stars-tags-container.is-collapsed {
|
||
flex-wrap: nowrap;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.github-stars-tags-container.is-collapsed > * {
|
||
flex: 0 0 auto;
|
||
}
|
||
|
||
.github-stars-tag-measure {
|
||
position: fixed;
|
||
left: -10000px;
|
||
top: -10000px;
|
||
visibility: hidden;
|
||
pointer-events: none;
|
||
}
|
||
|
||
.github-stars-tags-empty {
|
||
color: var(--text-muted);
|
||
font-size: var(--font-ui-small);
|
||
}
|
||
|
||
.github-stars-tag {
|
||
padding: 5px 10px;
|
||
border-radius: 20px;
|
||
font-size: 0.8em;
|
||
cursor: pointer;
|
||
transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease, opacity 0.2s ease;
|
||
background-color: var(--background-secondary);
|
||
border: 1px solid transparent;
|
||
color: var(--text-normal);
|
||
font-weight: 600; /* Make tags bold */
|
||
box-shadow: 0 1px 2px var(--github-tag-shadow-color, rgba(0, 0, 0, 0.14));
|
||
position: relative;
|
||
white-space: nowrap;
|
||
max-width: 180px;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
flex: 0 0 auto;
|
||
}
|
||
|
||
.github-stars-tag:hover {
|
||
transform: translateY(-1px);
|
||
filter: brightness(1.03);
|
||
}
|
||
|
||
.github-stars-tag.active {
|
||
transform: translateY(-1px) scale(1.03);
|
||
filter: saturate(1.08) brightness(1.03);
|
||
box-shadow:
|
||
0 0 0 2px rgba(var(--interactive-accent-rgb), 0.72),
|
||
0 6px 14px var(--github-tag-shadow-color, rgba(0, 0, 0, 0.24)),
|
||
inset 0 0 0 1px rgba(255, 255, 255, 0.35);
|
||
padding-right: 26px;
|
||
}
|
||
|
||
.github-stars-tag.active::after {
|
||
content: '✓';
|
||
position: absolute;
|
||
right: 8px;
|
||
top: 50%;
|
||
transform: translateY(-50%);
|
||
width: 14px;
|
||
height: 14px;
|
||
border-radius: 999px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
font-size: 10px;
|
||
font-weight: 700;
|
||
line-height: 1;
|
||
border: 1px solid rgba(255, 255, 255, 0.5);
|
||
background: rgba(255, 255, 255, 0.25);
|
||
color: currentColor;
|
||
}
|
||
|
||
.github-stars-tag.highlighted {
|
||
box-shadow: 0 0 0 2px rgba(251, 191, 36, 0.55), 0 2px 8px var(--github-tag-shadow-color, rgba(0, 0, 0, 0.18));
|
||
}
|
||
|
||
.github-stars-tag.managing {
|
||
border-style: dashed;
|
||
border-width: 2px;
|
||
filter: saturate(1.04);
|
||
}
|
||
|
||
.github-stars-tag.editing {
|
||
border-color: var(--interactive-accent);
|
||
box-shadow: 0 0 0 2px rgba(var(--interactive-accent-rgb), 0.2);
|
||
}
|
||
|
||
.github-stars-tag-more {
|
||
color: var(--interactive-accent);
|
||
cursor: pointer;
|
||
font-size: 0.8em;
|
||
padding: 5px 10px;
|
||
border-radius: 20px;
|
||
background-color: var(--background-secondary);
|
||
border: 1px solid var(--background-modifier-border);
|
||
transition: all 0.2s ease;
|
||
white-space: nowrap;
|
||
flex: 0 0 auto;
|
||
}
|
||
|
||
.github-stars-tag-more:hover {
|
||
background-color: var(--background-modifier-hover);
|
||
border-color: var(--interactive-accent);
|
||
}
|
||
|
||
.github-stars-tag-clear {
|
||
color: var(--text-muted);
|
||
cursor: pointer;
|
||
font-size: 0.8em;
|
||
padding: 5px 10px;
|
||
border-radius: 20px;
|
||
background-color: var(--background-secondary);
|
||
border: 1px solid var(--background-modifier-border);
|
||
transition: all 0.2s ease;
|
||
white-space: nowrap;
|
||
flex: 0 0 auto;
|
||
}
|
||
|
||
.github-stars-tag-clear:hover {
|
||
background-color: var(--background-modifier-hover);
|
||
border-color: var(--text-muted);
|
||
color: var(--text-normal);
|
||
}
|
||
|
||
|
||
/* 仓库容器 - 外层滚动容器 */
|
||
.github-stars-repos {
|
||
position: relative;
|
||
display: block;
|
||
flex-grow: 1;
|
||
min-height: 0;
|
||
overflow-y: auto;
|
||
padding: 16px;
|
||
}
|
||
|
||
.github-stars-repo-list {
|
||
position: relative;
|
||
min-height: 100%;
|
||
}
|
||
|
||
.github-stars-repo-list.is-restoring-layout {
|
||
visibility: hidden;
|
||
}
|
||
|
||
/* 空状态 */
|
||
.github-stars-empty {
|
||
padding: 20px;
|
||
text-align: center;
|
||
color: var(--text-muted);
|
||
font-style: italic;
|
||
}
|
||
|
||
/* 仓库卡片 - 应用商店风格 */
|
||
.github-stars-repo {
|
||
padding: 12px;
|
||
border-radius: 20px; /* 小红书风格的大圆角 */
|
||
background-color: var(--background-primary);
|
||
position: absolute;
|
||
box-sizing: border-box;
|
||
transition:
|
||
box-shadow 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
|
||
border-color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
|
||
background-color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
|
||
transform 0.18s ease,
|
||
opacity 0.18s ease;
|
||
border: 1px solid var(--background-modifier-border-hover);
|
||
display: flex;
|
||
flex-direction: column;
|
||
height: fit-content;
|
||
min-height: auto; /* 移除最小高度限制 */
|
||
max-height: none; /* 移除最大高度限制，让内容自适应 */
|
||
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); /* 小红书风格的柔和阴影 */
|
||
overflow: hidden;
|
||
/* 小红书风格的背景 */
|
||
background: var(--background-primary);
|
||
min-width: 0;
|
||
left: 0;
|
||
top: 0;
|
||
width: 280px;
|
||
}
|
||
|
||
.github-stars-repo:hover {
|
||
transform: translateY(-2px); /* 避免缩放造成相邻卡片视觉遮挡 */
|
||
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
|
||
border-color: var(--interactive-accent);
|
||
}
|
||
|
||
.github-stars-repo.is-pending-layout {
|
||
opacity: 0;
|
||
pointer-events: none;
|
||
}
|
||
|
||
.github-stars-repo-header {
|
||
display: flex;
|
||
align-items: flex-start;
|
||
gap: 10px;
|
||
margin-bottom: 8px; /* 减少间距 */
|
||
min-height: 40px; /* 减少高度 */
|
||
padding-bottom: 6px;
|
||
border-bottom: 1px solid var(--background-modifier-border-hover);
|
||
}
|
||
|
||
.github-stars-repo-avatar {
|
||
width: 36px; /* 小红书风格的小头像 */
|
||
height: 36px;
|
||
border-radius: 50%; /* 圆形头像 */
|
||
object-fit: cover;
|
||
border: 2px solid var(--background-modifier-border);
|
||
flex-shrink: 0;
|
||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
||
}
|
||
|
||
.github-stars-repo-avatar-wrapper {
|
||
width: 36px;
|
||
height: 36px;
|
||
border-radius: 50%;
|
||
position: relative;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.github-stars-repo-avatar-wrapper .github-stars-repo-avatar {
|
||
position: absolute;
|
||
inset: 0;
|
||
transition: opacity 0.18s ease;
|
||
}
|
||
|
||
.github-stars-repo-avatar-wrapper .github-stars-repo-avatar.is-loaded {
|
||
opacity: 1;
|
||
}
|
||
|
||
.github-stars-repo-avatar-fallback {
|
||
width: 100%;
|
||
height: 100%;
|
||
border-radius: 50%;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
font-size: 12px;
|
||
font-weight: 600;
|
||
color: var(--text-muted);
|
||
background: var(--background-modifier-hover);
|
||
border: 1px solid var(--background-modifier-border);
|
||
}
|
||
|
||
.github-stars-repo-title-group {
|
||
flex: 1;
|
||
min-width: 0;
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: flex-start; /* 改为顶部对齐，确保内容可见 */
|
||
gap: 0;
|
||
}
|
||
|
||
.github-stars-repo-title {
|
||
font-weight: 600; /* 稍微减轻字重 */
|
||
font-size: 0.9em; /* 小红书风格的紧凑字体 */
|
||
line-height: 1.3;
|
||
margin-bottom: 4px;
|
||
}
|
||
|
||
.github-stars-repo-link {
|
||
color: var(--text-normal);
|
||
text-decoration: none;
|
||
display: block;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
pointer-events: auto;
|
||
cursor: pointer;
|
||
position: relative;
|
||
z-index: 10;
|
||
}
|
||
|
||
.github-stars-repo-link:hover {
|
||
color: var(--interactive-accent);
|
||
}
|
||
|
||
.github-stars-repo-desc {
|
||
color: var(--text-muted);
|
||
font-size: 0.85em; /* 小红书风格的小字体 */
|
||
line-height: 1.4;
|
||
margin-bottom: 10px; /* 减少间距 */
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
display: -webkit-box;
|
||
-webkit-line-clamp: 4; /* 允许更多行显示 */
|
||
-webkit-box-orient: vertical;
|
||
word-wrap: break-word;
|
||
padding: 4px 0; /* 减少内边距 */
|
||
}
|
||
|
||
.github-stars-repo-desc-tooltip {
|
||
position: absolute;
|
||
top: 100%;
|
||
left: 0;
|
||
right: 0;
|
||
background-color: var(--background-secondary);
|
||
color: var(--text-normal);
|
||
padding: 12px;
|
||
border-radius: 8px;
|
||
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
|
||
z-index: 1000;
|
||
font-size: 0.9em;
|
||
line-height: 1.4;
|
||
border: 1px solid var(--background-modifier-border);
|
||
display: none;
|
||
margin-top: 8px;
|
||
}
|
||
|
||
.github-stars-repo-secondary {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 10px;
|
||
}
|
||
|
||
.github-stars-container {
|
||
--github-stars-note-bg:
|
||
linear-gradient(135deg,
|
||
rgba(var(--interactive-accent-rgb), 0.1) 0%,
|
||
rgba(var(--interactive-accent-rgb), 0.04) 100%),
|
||
linear-gradient(180deg,
|
||
var(--background-primary) 0%,
|
||
var(--background-secondary) 100%);
|
||
--github-stars-note-border: rgba(var(--interactive-accent-rgb), 0.18);
|
||
--github-stars-note-border-hover: rgba(var(--interactive-accent-rgb), 0.3);
|
||
--github-stars-note-accent: rgb(var(--interactive-accent-rgb));
|
||
--github-stars-note-accent-hover: var(--interactive-accent-hover);
|
||
--github-stars-note-inner-highlight: rgba(255, 255, 255, 0.4);
|
||
--github-stars-note-shadow:
|
||
inset 0 1px 0 var(--github-stars-note-inner-highlight),
|
||
0 4px 12px rgba(15, 23, 42, 0.08);
|
||
--github-stars-note-shadow-hover:
|
||
inset 0 1px 0 var(--github-stars-note-inner-highlight),
|
||
0 8px 20px rgba(15, 23, 42, 0.12);
|
||
--github-stars-project-link-bg:
|
||
linear-gradient(135deg,
|
||
rgba(var(--interactive-accent-rgb), 0.18) 0%,
|
||
rgba(var(--interactive-accent-rgb), 0.08) 100%),
|
||
linear-gradient(180deg,
|
||
var(--background-primary) 0%,
|
||
var(--background-secondary) 100%);
|
||
--github-stars-project-link-border: rgba(var(--interactive-accent-rgb), 0.32);
|
||
--github-stars-project-link-border-hover: rgba(var(--interactive-accent-rgb), 0.48);
|
||
--github-stars-project-link-color: var(--text-normal);
|
||
--github-stars-project-link-shadow:
|
||
inset 0 1px 0 rgba(255, 255, 255, 0.34),
|
||
0 1px 0 rgba(var(--interactive-accent-rgb), 0.16),
|
||
0 4px 10px rgba(15, 23, 42, 0.09);
|
||
--github-stars-project-link-shadow-hover:
|
||
inset 0 1px 0 rgba(255, 255, 255, 0.42),
|
||
0 0 0 1px rgba(var(--interactive-accent-rgb), 0.12),
|
||
0 6px 16px rgba(15, 23, 42, 0.12);
|
||
--github-stars-project-link-prefix-bg: rgba(var(--interactive-accent-rgb), 0.16);
|
||
--github-stars-project-link-prefix-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22);
|
||
}
|
||
|
||
.theme-light .github-stars-container {
|
||
--github-stars-note-bg:
|
||
linear-gradient(135deg,
|
||
rgba(var(--interactive-accent-rgb), 0.12) 0%,
|
||
rgba(var(--interactive-accent-rgb), 0.05) 100%),
|
||
linear-gradient(180deg,
|
||
var(--background-primary) 0%,
|
||
var(--background-secondary) 100%);
|
||
--github-stars-note-border: rgba(var(--interactive-accent-rgb), 0.18);
|
||
--github-stars-note-border-hover: rgba(var(--interactive-accent-rgb), 0.32);
|
||
--github-stars-note-inner-highlight: rgba(255, 255, 255, 0.46);
|
||
--github-stars-project-link-bg:
|
||
linear-gradient(135deg,
|
||
rgba(var(--interactive-accent-rgb), 0.2) 0%,
|
||
rgba(var(--interactive-accent-rgb), 0.08) 100%),
|
||
linear-gradient(180deg,
|
||
var(--background-primary) 0%,
|
||
var(--background-secondary) 100%);
|
||
--github-stars-project-link-border: rgba(var(--interactive-accent-rgb), 0.34);
|
||
--github-stars-project-link-border-hover: rgba(var(--interactive-accent-rgb), 0.52);
|
||
--github-stars-project-link-prefix-bg: rgba(var(--interactive-accent-rgb), 0.18);
|
||
}
|
||
|
||
.theme-dark .github-stars-container {
|
||
--github-stars-note-bg:
|
||
linear-gradient(135deg,
|
||
rgba(var(--interactive-accent-rgb), 0.2) 0%,
|
||
rgba(var(--interactive-accent-rgb), 0.08) 100%),
|
||
linear-gradient(180deg,
|
||
var(--background-secondary) 0%,
|
||
var(--background-secondary-alt) 100%);
|
||
--github-stars-note-border: rgba(var(--interactive-accent-rgb), 0.28);
|
||
--github-stars-note-border-hover: rgba(var(--interactive-accent-rgb), 0.42);
|
||
--github-stars-note-inner-highlight: rgba(255, 255, 255, 0.08);
|
||
--github-stars-note-shadow:
|
||
inset 0 1px 0 var(--github-stars-note-inner-highlight),
|
||
0 6px 18px rgba(0, 0, 0, 0.22);
|
||
--github-stars-note-shadow-hover:
|
||
inset 0 1px 0 rgba(255, 255, 255, 0.1),
|
||
0 10px 24px rgba(0, 0, 0, 0.28);
|
||
--github-stars-project-link-bg:
|
||
linear-gradient(135deg,
|
||
rgba(var(--interactive-accent-rgb), 0.3) 0%,
|
||
rgba(var(--interactive-accent-rgb), 0.12) 100%),
|
||
linear-gradient(180deg,
|
||
var(--background-secondary) 0%,
|
||
var(--background-secondary-alt) 100%);
|
||
--github-stars-project-link-border: rgba(var(--interactive-accent-rgb), 0.42);
|
||
--github-stars-project-link-border-hover: rgba(var(--interactive-accent-rgb), 0.58);
|
||
--github-stars-project-link-shadow:
|
||
inset 0 1px 0 rgba(255, 255, 255, 0.1),
|
||
0 1px 0 rgba(var(--interactive-accent-rgb), 0.18),
|
||
0 4px 12px rgba(0, 0, 0, 0.22);
|
||
--github-stars-project-link-shadow-hover:
|
||
inset 0 1px 0 rgba(255, 255, 255, 0.14),
|
||
0 0 0 1px rgba(var(--interactive-accent-rgb), 0.18),
|
||
0 8px 18px rgba(0, 0, 0, 0.28);
|
||
--github-stars-project-link-prefix-bg: rgba(var(--interactive-accent-rgb), 0.24);
|
||
--github-stars-project-link-prefix-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
|
||
}
|
||
|
||
.github-stars-repo-tags {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 6px;
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
/* New styles for tags in title group */
|
||
.github-stars-repo-title-tags {
|
||
display: flex;
|
||
align-items: flex-start;
|
||
flex-wrap: wrap;
|
||
gap: 4px; /* 小红书风格的紧凑间距 */
|
||
margin-top: 0;
|
||
margin-bottom: 4px;
|
||
min-height: 16px;
|
||
}
|
||
|
||
.github-stars-repo-title-tags .github-stars-repo-tag {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
align-self: flex-start;
|
||
padding: 2px 6px; /* 小红书风格的小标签 */
|
||
font-size: 0.7em;
|
||
line-height: 1.2;
|
||
border-radius: 8px; /* 小圆角 */
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.github-stars-repo-project-links {
|
||
display: flex;
|
||
align-items: flex-start;
|
||
flex-wrap: wrap;
|
||
gap: 6px;
|
||
min-width: 0;
|
||
}
|
||
|
||
.github-stars-repo-project-link {
|
||
display: inline-flex;
|
||
align-items: flex-start;
|
||
gap: 6px;
|
||
flex: 0 1 auto;
|
||
min-width: 0;
|
||
max-width: 100%;
|
||
padding: 4px 9px;
|
||
border-radius: 10px;
|
||
font-size: 0.74em;
|
||
font-weight: 600;
|
||
line-height: 1.45;
|
||
text-decoration: none;
|
||
color: var(--github-stars-project-link-color);
|
||
background: var(--github-stars-project-link-bg);
|
||
border: 1px solid var(--github-stars-project-link-border);
|
||
white-space: normal;
|
||
word-break: normal;
|
||
transition:
|
||
transform 0.2s ease,
|
||
box-shadow 0.2s ease,
|
||
border-color 0.2s ease,
|
||
color 0.2s ease,
|
||
background 0.2s ease;
|
||
box-shadow: var(--github-stars-project-link-shadow);
|
||
}
|
||
|
||
.github-stars-repo-project-link:hover {
|
||
transform: translateY(-1px);
|
||
border-color: var(--github-stars-project-link-border-hover);
|
||
box-shadow: var(--github-stars-project-link-shadow-hover);
|
||
color: var(--github-stars-project-link-color);
|
||
text-decoration: none;
|
||
}
|
||
|
||
.github-stars-repo-project-link-prefix {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
flex: 0 0 auto;
|
||
min-width: 1.35em;
|
||
height: 1.35em;
|
||
margin-top: 0.05em;
|
||
font-size: 0.92em;
|
||
font-weight: 700;
|
||
line-height: 1;
|
||
color: inherit;
|
||
}
|
||
|
||
.github-stars-repo-project-link-label {
|
||
min-width: 0;
|
||
overflow-wrap: anywhere;
|
||
}
|
||
|
||
.github-stars-repo-tag {
|
||
display: inline-block;
|
||
padding: 3px 10px;
|
||
border-radius: 14px;
|
||
font-size: 0.75em;
|
||
font-weight: 500;
|
||
cursor: pointer;
|
||
transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
|
||
border: 1px solid transparent;
|
||
background-color: var(--background-secondary);
|
||
color: var(--text-normal);
|
||
white-space: nowrap; /* 防止标签文字换行 */
|
||
box-shadow: 0 1px 3px var(--github-tag-shadow-color, rgba(0, 0, 0, 0.12));
|
||
}
|
||
|
||
.github-stars-repo-tag:hover {
|
||
transform: translateY(-1px);
|
||
filter: brightness(1.04);
|
||
}
|
||
|
||
.github-stars-repo-footer {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
margin-top: auto;
|
||
padding-top: 8px; /* 减少内边距 */
|
||
border-top: 1px solid var(--background-modifier-border);
|
||
min-height: 32px; /* 减少高度 */
|
||
flex-shrink: 0;
|
||
gap: 8px; /* 减少间距 */
|
||
}
|
||
|
||
.github-stars-repo-info {
|
||
display: flex;
|
||
align-items: center;
|
||
font-size: 0.75em; /* 小红书风格的小字体 */
|
||
color: var(--text-muted);
|
||
gap: 8px; /* 减少间距 */
|
||
flex-wrap: wrap;
|
||
flex: 1;
|
||
min-height: 16px;
|
||
}
|
||
|
||
.github-stars-repo-stars,
|
||
.github-stars-repo-forks,
|
||
.github-stars-repo-updated {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 2px;
|
||
}
|
||
|
||
.github-stars-icon {
|
||
font-size: 0.9em;
|
||
}
|
||
|
||
.star-icon svg,
|
||
.fork-icon svg,
|
||
.calendar-icon svg {
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
color: var(--text-muted);
|
||
}
|
||
|
||
.star-icon svg {
|
||
color: #eab308; /* Yellow color for star icon */
|
||
}
|
||
|
||
.github-stars-repo-language {
|
||
background-color: var(--background-modifier-border);
|
||
padding: 2px 6px;
|
||
border-radius: 10px;
|
||
font-size: 0.75em;
|
||
font-weight: 500;
|
||
}
|
||
|
||
.github-stars-repo-edit {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
gap: 6px;
|
||
background: linear-gradient(180deg, var(--background-primary) 0%, var(--background-secondary) 100%);
|
||
color: var(--text-normal);
|
||
border: 1px solid var(--background-modifier-border-hover);
|
||
border-radius: 999px;
|
||
padding: 6px 11px;
|
||
cursor: pointer;
|
||
transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
|
||
font-weight: 600;
|
||
font-size: 0.76em;
|
||
line-height: 1;
|
||
white-space: nowrap;
|
||
box-shadow: 0 4px 10px rgba(15, 23, 42, 0.08);
|
||
flex: 0 0 auto;
|
||
}
|
||
|
||
.github-stars-repo-edit:hover {
|
||
color: var(--interactive-accent);
|
||
border-color: rgba(var(--interactive-accent-rgb), 0.45);
|
||
background: linear-gradient(180deg, var(--background-primary) 0%, var(--background-modifier-hover) 100%);
|
||
transform: translateY(-1px);
|
||
box-shadow: 0 8px 18px rgba(15, 23, 42, 0.12);
|
||
}
|
||
|
||
.github-stars-repo-edit-icon {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
width: 14px;
|
||
height: 14px;
|
||
color: currentColor;
|
||
opacity: 0.82;
|
||
}
|
||
|
||
.github-stars-repo-edit-icon svg {
|
||
width: 14px;
|
||
height: 14px;
|
||
stroke-width: 2.1px;
|
||
}
|
||
|
||
.github-stars-repo-edit-label {
|
||
line-height: 1;
|
||
}
|
||
|
||
/* 笔记容器 - 现代卡片风格 */
|
||
.github-stars-repo-notes {
|
||
padding: 14px 15px;
|
||
border-radius: 14px;
|
||
background: var(--github-stars-note-bg);
|
||
border: 1px solid var(--github-stars-note-border);
|
||
border-left: 4px solid var(--github-stars-note-accent);
|
||
box-shadow: var(--github-stars-note-shadow);
|
||
transition:
|
||
transform 0.2s ease,
|
||
box-shadow 0.2s ease,
|
||
border-color 0.2s ease,
|
||
border-left-color 0.2s ease,
|
||
background 0.2s ease;
|
||
display: block;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.github-stars-repo-notes:hover {
|
||
box-shadow: var(--github-stars-note-shadow-hover);
|
||
border-color: var(--github-stars-note-border-hover);
|
||
border-left-color: var(--github-stars-note-accent-hover);
|
||
transform: translateY(-1px);
|
||
}
|
||
|
||
/* 笔记图标 */
|
||
.github-stars-repo-notes-icon {
|
||
font-size: 1.1em;
|
||
line-height: 1;
|
||
flex-shrink: 0;
|
||
opacity: 0.8;
|
||
}
|
||
|
||
/* 笔记内容 */
|
||
.github-stars-repo-notes-content {
|
||
font-size: 0.9em;
|
||
color: var(--text-normal);
|
||
line-height: 1.68;
|
||
word-wrap: break-word;
|
||
overflow-wrap: anywhere;
|
||
white-space: pre-wrap;
|
||
}
|
||
|
||
.github-stars-repo-linked-note {
|
||
margin-top: 8px;
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 6px;
|
||
font-size: 0.85em;
|
||
}
|
||
|
||
.github-stars-repo-linked-note a {
|
||
color: var(--interactive-accent);
|
||
text-decoration: none;
|
||
font-weight: 500;
|
||
}
|
||
|
||
.github-stars-repo-linked-note a:hover {
|
||
text-decoration: underline;
|
||
}
|
||
|
||
|
||
/* 编辑模态框 */
|
||
.edit-repo-info {
|
||
margin-bottom: 20px;
|
||
padding: 10px;
|
||
background-color: var(--background-secondary);
|
||
border-radius: 5px;
|
||
}
|
||
|
||
.edit-repo-fullname {
|
||
font-weight: bold;
|
||
margin: 0 0 5px 0;
|
||
color: var(--text-accent);
|
||
}
|
||
|
||
.edit-repo-description {
|
||
margin: 0;
|
||
font-size: 0.9em;
|
||
color: var(--text-muted);
|
||
}
|
||
|
||
.edit-repo-buttons {
|
||
display: flex;
|
||
justify-content: flex-end;
|
||
gap: 10px;
|
||
margin-top: 20px;
|
||
}
|
||
|
||
/* 笔记选择器模态框 */
|
||
.note-selector-search {
|
||
margin-bottom: 15px;
|
||
}
|
||
|
||
.note-selector-search input {
|
||
width: 100%;
|
||
padding: 8px;
|
||
border-radius: 5px;
|
||
border: 1px solid var(--background-modifier-border);
|
||
}
|
||
|
||
.note-selector-files {
|
||
max-height: 300px;
|
||
overflow-y: auto;
|
||
border: 1px solid var(--background-modifier-border);
|
||
border-radius: 5px;
|
||
}
|
||
|
||
.note-selector-file {
|
||
padding: 8px 10px;
|
||
cursor: pointer;
|
||
transition: background-color 0.2s;
|
||
}
|
||
|
||
.note-selector-file:hover {
|
||
background-color: var(--background-secondary-alt);
|
||
}
|
||
|
||
.note-selector-file:not(:last-child) {
|
||
border-bottom: 1px solid var(--background-modifier-border);
|
||
}
|
||
|
||
.note-selector-empty {
|
||
padding: 15px;
|
||
text-align: center;
|
||
color: var(--text-muted);
|
||
font-style: italic;
|
||
}
|
||
|
||
/* Styles for Existing Tags in Edit Modal */
|
||
.existing-tags-container {
|
||
margin-top: 5px; /* Add some space above the container */
|
||
margin-bottom: 15px; /* Add space below before the next setting */
|
||
padding-left: 10px; /* Align roughly with setting controls */
|
||
}
|
||
|
||
.existing-tags-label {
|
||
display: block; /* Make label appear on its own line */
|
||
margin-bottom: 5px;
|
||
font-size: var(--font-ui-small);
|
||
color: var(--text-muted);
|
||
}
|
||
|
||
.existing-tag-button {
|
||
background-color: var(--background-secondary);
|
||
border: 1px solid var(--background-modifier-border);
|
||
color: var(--text-normal);
|
||
padding: 3px 8px;
|
||
margin-right: 5px;
|
||
margin-bottom: 5px; /* Allow wrapping */
|
||
border-radius: var(--radius-s);
|
||
cursor: pointer;
|
||
font-size: var(--font-ui-small);
|
||
transition: background-color 0.1s ease-in-out, border-color 0.1s ease-in-out;
|
||
}
|
||
|
||
.existing-tag-button:hover {
|
||
background-color: var(--background-modifier-hover);
|
||
border-color: var(--interactive-accent);
|
||
}
|
||
|
||
/* Style for active existing tag button in modal */
|
||
.existing-tag-button.active {
|
||
background-color: var(--interactive-accent);
|
||
color: var(--text-on-accent);
|
||
border-color: var(--interactive-accent-hover);
|
||
}
|
||
|
||
.existing-tag-button.active:hover {
|
||
background-color: var(--interactive-accent-hover);
|
||
}
|
||
|
||
/* Style for Notes Textarea in Edit Modal */
|
||
.edit-repo-notes-textarea {
|
||
resize: none;
|
||
width: 100%;
|
||
min-height: 2.4em;
|
||
max-height: 9em;
|
||
overflow-y: hidden;
|
||
line-height: 1.35;
|
||
padding: 6px 8px;
|
||
font-size: var(--font-ui-small);
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.edit-repo-notes-setting {
|
||
align-items: flex-start;
|
||
gap: 8px;
|
||
}
|
||
|
||
.edit-repo-notes-setting .setting-item-info {
|
||
flex: 0 0 auto;
|
||
width: auto;
|
||
max-width: max-content;
|
||
padding-right: 0;
|
||
}
|
||
|
||
.edit-repo-notes-setting .setting-item-name {
|
||
margin-top: 6px;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.edit-repo-notes-setting .setting-item-control {
|
||
flex: 1 1 auto;
|
||
min-width: 0;
|
||
max-width: none;
|
||
width: 100%;
|
||
}
|
||
|
||
.edit-repo-tags-setting .setting-item-name {
|
||
display: inline-flex;
|
||
align-items: baseline;
|
||
gap: 6px;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
.edit-repo-tags-inline-desc {
|
||
font-size: var(--font-ui-smaller);
|
||
font-weight: 400;
|
||
color: var(--text-muted);
|
||
}
|
||
|
||
.edit-repo-project-links-setting {
|
||
align-items: flex-start;
|
||
gap: 8px;
|
||
}
|
||
|
||
.edit-repo-project-links-setting .setting-item-info {
|
||
flex: 0 0 auto;
|
||
width: auto;
|
||
max-width: max-content;
|
||
padding-right: 0;
|
||
}
|
||
|
||
.edit-repo-project-links-setting .setting-item-name {
|
||
margin-top: 6px;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.edit-repo-project-links-setting .setting-item-control {
|
||
flex: 1 1 auto;
|
||
min-width: 0;
|
||
max-width: none;
|
||
width: auto;
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 8px;
|
||
flex-wrap: nowrap;
|
||
}
|
||
|
||
.edit-repo-project-link-name-input {
|
||
width: 140px;
|
||
flex: 0 0 140px;
|
||
}
|
||
|
||
.edit-repo-project-link-url-input {
|
||
flex: 1 1 auto;
|
||
min-width: 0;
|
||
width: auto;
|
||
}
|
||
|
||
.edit-repo-project-links-list {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 10px;
|
||
margin: 0 0 12px 0;
|
||
}
|
||
|
||
.edit-repo-project-link-item {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
gap: 12px;
|
||
padding: 12px 14px;
|
||
border: 1px solid var(--background-modifier-border);
|
||
border-radius: 14px;
|
||
background: var(--background-primary);
|
||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
|
||
}
|
||
|
||
.edit-repo-project-link-title {
|
||
flex: 1 1 auto;
|
||
min-width: 0;
|
||
color: var(--interactive-accent);
|
||
font-size: 1.02em;
|
||
font-weight: 600;
|
||
word-break: break-word;
|
||
}
|
||
|
||
.edit-repo-project-link-actions {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 8px;
|
||
}
|
||
|
||
.edit-repo-project-link-edit,
|
||
.edit-repo-project-link-delete {
|
||
flex: 0 0 auto;
|
||
border: 1px solid transparent;
|
||
border-radius: 999px;
|
||
cursor: pointer;
|
||
font-size: var(--font-ui-small);
|
||
font-weight: 600;
|
||
line-height: 1.2;
|
||
padding: 7px 12px;
|
||
}
|
||
|
||
.edit-repo-project-link-edit {
|
||
color: #0b84d8;
|
||
background: #e7f4ff;
|
||
border-color: #a9d7ff;
|
||
}
|
||
|
||
.edit-repo-project-link-edit:hover {
|
||
background: #d8eeff;
|
||
}
|
||
|
||
.edit-repo-project-link-delete {
|
||
color: #d34a4a;
|
||
background: #fff0f0;
|
||
border-color: #f2c3c3;
|
||
}
|
||
|
||
.edit-repo-project-link-delete:hover {
|
||
background: #ffe6e6;
|
||
}
|
||
|
||
|
||
/* --- Edit Repo Modal Width Adjustment (Attempt 2) --- */
|
||
.github-stars-edit-modal {
|
||
width: 75vw; /* Set width relative to viewport width */
|
||
max-width: 900px; /* Adjust max-width accordingly */
|
||
}
|
||
|
||
/* 确保所有弹出框在所有主题下都位于顶层 */
|
||
.modal-container, .github-stars-edit-modal {
|
||
z-index: 9999 !important; /* 使用一个非常高的 z-index */
|
||
}
|
||
|
||
|
||
|
||
.github-account-selector {
|
||
margin-right: 8px;
|
||
}
|
||
|
||
/* ===== iOS 液态玻璃主题 ===== */
|
||
.github-stars-theme-ios-glass {
|
||
--ios-glass-bg: rgba(255, 255, 255, 0.25);
|
||
--ios-glass-bg-secondary: rgba(255, 255, 255, 0.15);
|
||
--ios-glass-border: rgba(255, 255, 255, 0.3);
|
||
--ios-glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
|
||
--ios-glass-shadow-hover: 0 12px 40px rgba(0, 0, 0, 0.15);
|
||
--ios-glass-blur: blur(20px);
|
||
--ios-glass-accent: rgba(0, 122, 255, 0.8);
|
||
--ios-glass-accent-hover: rgba(0, 122, 255, 0.9);
|
||
--ios-glass-text: rgba(0, 0, 0, 0.85);
|
||
--ios-glass-text-muted: rgba(0, 0, 0, 0.6);
|
||
--ios-glass-text-strong: rgba(0, 0, 0, 0.9);
|
||
}
|
||
|
||
/* 主容器 - 液态玻璃效果 */
|
||
.github-stars-theme-ios-glass .github-stars-container {
|
||
/* 添加彩色渐变背景提高对比度 */
|
||
background:
|
||
linear-gradient(135deg,
|
||
rgba(74, 144, 226, 0.12) 0%,
|
||
rgba(80, 200, 120, 0.08) 25%,
|
||
rgba(255, 107, 107, 0.06) 50%,
|
||
rgba(196, 181, 253, 0.08) 75%,
|
||
rgba(251, 191, 36, 0.1) 100%),
|
||
linear-gradient(135deg,
|
||
rgba(255, 255, 255, 0.15) 0%,
|
||
rgba(255, 255, 255, 0.08) 100%);
|
||
backdrop-filter: var(--ios-glass-blur);
|
||
-webkit-backdrop-filter: var(--ios-glass-blur);
|
||
border-radius: 20px;
|
||
border: 1px solid var(--ios-glass-border);
|
||
box-shadow: var(--ios-glass-shadow);
|
||
margin: 10px;
|
||
overflow: hidden;
|
||
position: relative;
|
||
}
|
||
|
||
/* 添加动态背景效果 */
|
||
.github-stars-theme-ios-glass .github-stars-container::before {
|
||
content: '';
|
||
position: absolute;
|
||
top: -50%;
|
||
left: -50%;
|
||
width: 200%;
|
||
height: 200%;
|
||
background: radial-gradient(circle,
|
||
rgba(74, 144, 226, 0.03) 0%,
|
||
transparent 50%);
|
||
animation: float 20s ease-in-out infinite;
|
||
pointer-events: none;
|
||
z-index: -1;
|
||
}
|
||
|
||
@keyframes float {
|
||
0%, 100% { transform: translate(0, 0) rotate(0deg); }
|
||
33% { transform: translate(30px, -30px) rotate(120deg); }
|
||
66% { transform: translate(-20px, 20px) rotate(240deg); }
|
||
}
|
||
|
||
/* 标题区域 */
|
||
.github-stars-theme-ios-glass .github-stars-header {
|
||
background: linear-gradient(135deg,
|
||
rgba(255, 255, 255, 0.15) 0%,
|
||
rgba(255, 255, 255, 0.08) 100%);
|
||
backdrop-filter: var(--ios-glass-blur);
|
||
-webkit-backdrop-filter: var(--ios-glass-blur);
|
||
border: none;
|
||
border-bottom: 1px solid var(--ios-glass-border);
|
||
border-radius: 20px 20px 0 0;
|
||
margin: 0;
|
||
padding: 20px;
|
||
}
|
||
|
||
.github-stars-theme-ios-glass .github-stars-header h2 {
|
||
color: var(--text-normal);
|
||
font-weight: 600;
|
||
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
||
}
|
||
|
||
/* 工具栏 - 液态玻璃效果 */
|
||
.github-stars-theme-ios-glass .github-stars-toolbar {
|
||
background: linear-gradient(135deg,
|
||
rgba(255, 255, 255, 0.12) 0%,
|
||
rgba(255, 255, 255, 0.06) 100%);
|
||
backdrop-filter: var(--ios-glass-blur);
|
||
-webkit-backdrop-filter: var(--ios-glass-blur);
|
||
border: 1px solid var(--ios-glass-border);
|
||
border-radius: 16px;
|
||
margin: 15px 20px;
|
||
padding: 12px 16px;
|
||
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
|
||
}
|
||
|
||
/* 同步按钮 - iOS风格 */
|
||
.github-stars-theme-ios-glass .github-stars-sync-button {
|
||
background: linear-gradient(135deg, var(--ios-glass-accent) 0%, rgba(0, 122, 255, 0.7) 100%);
|
||
border: 1px solid rgba(0, 122, 255, 0.3);
|
||
border-radius: 12px;
|
||
padding: 8px 16px;
|
||
font-weight: 600;
|
||
box-shadow: 0 4px 12px rgba(0, 122, 255, 0.3);
|
||
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||
}
|
||
|
||
.github-stars-theme-ios-glass .github-stars-sync-button:hover {
|
||
background: linear-gradient(135deg, var(--ios-glass-accent-hover) 0%, rgba(0, 122, 255, 0.8) 100%);
|
||
transform: translateY(-2px);
|
||
box-shadow: 0 6px 20px rgba(0, 122, 255, 0.4);
|
||
}
|
||
|
||
/* 搜索框 - 液态玻璃效果 */
|
||
.github-stars-theme-ios-glass .github-stars-search {
|
||
background: rgba(255, 255, 255, 0.1);
|
||
backdrop-filter: var(--ios-glass-blur);
|
||
-webkit-backdrop-filter: var(--ios-glass-blur);
|
||
border: 1px solid var(--ios-glass-border);
|
||
border-radius: 12px;
|
||
padding: 10px 16px;
|
||
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||
}
|
||
|
||
.github-stars-theme-ios-glass .github-stars-search:focus {
|
||
background: rgba(255, 255, 255, 0.15);
|
||
border-color: var(--ios-glass-accent);
|
||
box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.2);
|
||
outline: none;
|
||
}
|
||
|
||
/* 排序按钮组 - iOS风格 */
|
||
.github-stars-theme-ios-glass .github-stars-sort-group {
|
||
background: rgba(255, 255, 255, 0.15);
|
||
backdrop-filter: var(--ios-glass-blur);
|
||
-webkit-backdrop-filter: var(--ios-glass-blur);
|
||
border: 2px solid rgba(255, 255, 255, 0.3);
|
||
border-radius: 12px;
|
||
box-shadow:
|
||
0 4px 16px rgba(0, 0, 0, 0.15),
|
||
inset 0 1px 0 rgba(255, 255, 255, 0.4);
|
||
}
|
||
|
||
.github-stars-theme-ios-glass .github-stars-sort-option {
|
||
color: rgba(255, 255, 255, 0.95);
|
||
background: transparent;
|
||
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||
padding: 8px 10px;
|
||
font-weight: 500;
|
||
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
|
||
}
|
||
|
||
.github-stars-theme-ios-glass .github-stars-sort-option:hover {
|
||
background: rgba(255, 255, 255, 0.25);
|
||
color: white;
|
||
transform: translateY(-1px);
|
||
box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2);
|
||
}
|
||
|
||
.github-stars-theme-ios-glass .github-stars-sort-option.active {
|
||
background: linear-gradient(135deg,
|
||
rgba(0, 122, 255, 0.9) 0%,
|
||
rgba(0, 100, 220, 0.8) 100%);
|
||
color: white;
|
||
box-shadow:
|
||
0 4px 12px rgba(0, 122, 255, 0.4),
|
||
inset 0 1px 0 rgba(255, 255, 255, 0.3);
|
||
border: 1px solid rgba(0, 122, 255, 0.6);
|
||
font-weight: 600;
|
||
}
|
||
|
||
.github-stars-theme-ios-glass .github-stars-sort-option.active:hover {
|
||
background: linear-gradient(135deg,
|
||
rgba(0, 122, 255, 1) 0%,
|
||
rgba(0, 100, 220, 0.9) 100%);
|
||
box-shadow:
|
||
0 6px 16px rgba(0, 122, 255, 0.5),
|
||
inset 0 1px 0 rgba(255, 255, 255, 0.4);
|
||
}
|
||
|
||
.github-stars-theme-ios-glass .github-stars-sort-option:not(:last-child)::after {
|
||
background-color: rgba(255, 255, 255, 0.3);
|
||
}
|
||
|
||
.github-stars-theme-ios-glass .github-stars-sort-option.active:not(:last-child)::after {
|
||
background-color: rgba(255, 255, 255, 0.2);
|
||
}
|
||
|
||
/* iOS主题下的排序方向指示器 - 增强可见性 */
|
||
.github-stars-theme-ios-glass .sort-direction {
|
||
color: inherit;
|
||
opacity: 1;
|
||
filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
|
||
}
|
||
|
||
.github-stars-theme-ios-glass .sort-icon {
|
||
filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
|
||
}
|
||
|
||
/* 主题按钮 - iOS风格 */
|
||
.github-stars-theme-ios-glass .github-stars-theme-button {
|
||
background: rgba(255, 255, 255, 0.1);
|
||
backdrop-filter: var(--ios-glass-blur);
|
||
-webkit-backdrop-filter: var(--ios-glass-blur);
|
||
border: 1px solid var(--ios-glass-border);
|
||
border-radius: 12px;
|
||
padding: 8px 12px;
|
||
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||
}
|
||
|
||
.github-stars-theme-ios-glass .github-stars-theme-button:hover {
|
||
background: rgba(255, 255, 255, 0.15);
|
||
transform: translateY(-1px);
|
||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
|
||
}
|
||
|
||
.github-stars-theme-ios-glass .github-stars-theme-button.active {
|
||
background: linear-gradient(135deg,
|
||
rgba(255, 215, 0, 0.8) 0%,
|
||
rgba(255, 193, 7, 0.7) 100%);
|
||
border-color: rgba(255, 215, 0, 0.4);
|
||
color: rgba(0, 0, 0, 0.8);
|
||
box-shadow: 0 4px 16px rgba(255, 215, 0, 0.3);
|
||
}
|
||
|
||
.github-stars-theme-ios-glass .github-stars-theme-button.active:hover {
|
||
background: linear-gradient(135deg,
|
||
rgba(255, 215, 0, 0.9) 0%,
|
||
rgba(255, 193, 7, 0.8) 100%);
|
||
transform: translateY(-2px);
|
||
box-shadow: 0 6px 20px rgba(255, 215, 0, 0.4);
|
||
}
|
||
|
||
/* 标签区域 - 液态玻璃效果 */
|
||
.github-stars-theme-ios-glass .github-stars-tags {
|
||
margin: 15px 20px 20px 20px;
|
||
padding: 16px;
|
||
background: linear-gradient(135deg,
|
||
rgba(255, 255, 255, 0.08) 0%,
|
||
rgba(255, 255, 255, 0.04) 100%);
|
||
backdrop-filter: var(--ios-glass-blur);
|
||
-webkit-backdrop-filter: var(--ios-glass-blur);
|
||
border: 1px solid var(--ios-glass-border);
|
||
border-radius: 16px;
|
||
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
|
||
}
|
||
|
||
.github-stars-theme-ios-glass .github-stars-tag {
|
||
background: rgba(255, 255, 255, 0.12);
|
||
backdrop-filter: blur(10px);
|
||
-webkit-backdrop-filter: blur(10px);
|
||
border: 1px solid var(--ios-glass-border);
|
||
border-radius: 20px;
|
||
padding: 8px 16px;
|
||
font-weight: 600;
|
||
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
|
||
}
|
||
|
||
.github-stars-theme-ios-glass .github-stars-tag:hover {
|
||
background: rgba(255, 255, 255, 0.18);
|
||
transform: translateY(-2px);
|
||
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
|
||
}
|
||
|
||
.github-stars-theme-ios-glass .github-stars-tag.active {
|
||
box-shadow: 0 0 0 2px rgba(52, 199, 89, 0.45), 0 4px 16px rgba(52, 199, 89, 0.25);
|
||
}
|
||
|
||
.github-stars-theme-ios-glass .github-stars-tag.managing {
|
||
border-style: dashed;
|
||
border-width: 2px;
|
||
}
|
||
|
||
/* 仓库卡片 - 液态玻璃效果 */
|
||
.github-stars-theme-ios-glass .github-stars-repos {
|
||
padding: 0 20px 20px 20px;
|
||
}
|
||
|
||
.github-stars-theme-ios-glass .github-stars-repo {
|
||
/* 增强卡片背景对比度 */
|
||
background: linear-gradient(135deg,
|
||
rgba(255, 255, 255, 0.25) 0%,
|
||
rgba(255, 255, 255, 0.15) 50%,
|
||
rgba(255, 255, 255, 0.12) 100%);
|
||
backdrop-filter: blur(12px);
|
||
-webkit-backdrop-filter: blur(12px);
|
||
border: 1px solid rgba(255, 255, 255, 0.4);
|
||
border-radius: 20px;
|
||
padding: 20px;
|
||
/* 添加微妙的内阴影增强玻璃效果 */
|
||
box-shadow:
|
||
inset 0 1px 0 rgba(255, 255, 255, 0.4),
|
||
0 8px 32px rgba(0, 0, 0, 0.12);
|
||
transition:
|
||
box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
|
||
border-color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
|
||
background 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
|
||
transform 0.2s ease,
|
||
opacity 0.18s ease;
|
||
overflow: hidden;
|
||
position: absolute;
|
||
}
|
||
|
||
/* 卡片光泽效果 */
|
||
.github-stars-theme-ios-glass .github-stars-repo::before {
|
||
content: '';
|
||
position: absolute;
|
||
top: 0;
|
||
left: -100%;
|
||
width: 100%;
|
||
height: 100%;
|
||
background: linear-gradient(90deg,
|
||
transparent 0%,
|
||
rgba(255, 255, 255, 0.15) 50%,
|
||
transparent 100%);
|
||
transition: left 0.6s ease;
|
||
pointer-events: none;
|
||
}
|
||
|
||
.github-stars-theme-ios-glass .github-stars-repo:hover::before {
|
||
left: 100%;
|
||
}
|
||
|
||
.github-stars-theme-ios-glass .github-stars-repo:hover {
|
||
transform: translateY(-3px); /* 移除scale避免字体模糊 */
|
||
box-shadow: 0 16px 48px rgba(0, 0, 0, 0.15);
|
||
background: linear-gradient(135deg,
|
||
rgba(255, 255, 255, 0.25) 0%,
|
||
rgba(255, 255, 255, 0.15) 100%);
|
||
/* 确保文字清晰 */
|
||
-webkit-font-smoothing: antialiased;
|
||
-moz-osx-font-smoothing: grayscale;
|
||
}
|
||
|
||
.github-account-selector {
|
||
position: relative;
|
||
z-index: 10;
|
||
}
|
||
|
||
/* 仓库头像 - 圆角优化 */
|
||
.github-stars-theme-ios-glass .github-stars-repo-avatar {
|
||
border-radius: 16px;
|
||
border: 2px solid var(--ios-glass-border);
|
||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
|
||
}
|
||
|
||
/* 修复液态玻璃主题下账户选择器被覆盖的问题 */
|
||
.github-stars-theme-ios-glass .github-account-selector {
|
||
z-index: 20;
|
||
}
|
||
|
||
/* 确保在ios-glass主题下，Obsidian的弹出菜单显示在最顶层 */
|
||
.github-stars-theme-ios-glass .menu {
|
||
z-index: 100;
|
||
}
|
||
|
||
.github-stars-theme-ios-glass .github-account-collapsible {
|
||
position: absolute;
|
||
z-index: 9999 !important; /* 使用一个非常高的 z-index 确保在最顶层 */
|
||
right: 0;
|
||
top: 100%;
|
||
margin-top: 4px;
|
||
}
|
||
|
||
/* 仓库标题 */
|
||
.github-stars-theme-ios-glass .github-stars-repo-title {
|
||
font-weight: 700;
|
||
color: var(--ios-glass-text-strong);
|
||
text-shadow: 0 1px 3px rgba(255, 255, 255, 0.5);
|
||
}
|
||
|
||
.github-stars-theme-ios-glass .github-stars-repo-link {
|
||
color: var(--ios-glass-text-strong);
|
||
}
|
||
|
||
.github-stars-theme-ios-glass .github-stars-repo-link:hover {
|
||
color: var(--ios-glass-accent);
|
||
}
|
||
|
||
/* 仓库描述 */
|
||
.github-stars-theme-ios-glass .github-stars-repo-desc {
|
||
background: rgba(255, 255, 255, 0.2);
|
||
padding: 12px;
|
||
border-radius: 12px;
|
||
border: 1px solid rgba(255, 255, 255, 0.2);
|
||
color: var(--ios-glass-text);
|
||
}
|
||
|
||
/* 仓库标签 - 液态玻璃效果 */
|
||
.github-stars-theme-ios-glass .github-stars-repo-tag {
|
||
background: rgba(255, 255, 255, 0.25);
|
||
backdrop-filter: blur(8px);
|
||
-webkit-backdrop-filter: blur(8px);
|
||
border: 1px solid var(--ios-glass-border);
|
||
border-radius: 12px;
|
||
padding: 4px 10px;
|
||
font-weight: 600;
|
||
color: var(--ios-glass-text);
|
||
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
|
||
}
|
||
|
||
.github-stars-theme-ios-glass .github-stars-repo-tag:hover {
|
||
background: rgba(255, 255, 255, 0.35);
|
||
transform: translateY(-1px);
|
||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
|
||
color: var(--ios-glass-text-strong);
|
||
}
|
||
|
||
/* 仓库底部信息 */
|
||
.github-stars-theme-ios-glass .github-stars-repo-footer {
|
||
background: rgba(255, 255, 255, 0.15);
|
||
margin: 16px -20px -20px -20px;
|
||
padding: 16px 20px;
|
||
border-top: 1px solid var(--ios-glass-border);
|
||
backdrop-filter: blur(10px);
|
||
-webkit-backdrop-filter: blur(10px);
|
||
}
|
||
|
||
/* 仓库信息文字颜色 */
|
||
.github-stars-theme-ios-glass .github-stars-repo-info {
|
||
color: var(--ios-glass-text);
|
||
}
|
||
|
||
.github-stars-theme-ios-glass .github-stars-repo-info .github-stars-repo-stars,
|
||
.github-stars-theme-ios-glass .github-stars-repo-info .github-stars-repo-forks,
|
||
.github-stars-theme-ios-glass .github-stars-repo-info .github-stars-repo-updated {
|
||
color: var(--ios-glass-text-muted);
|
||
}
|
||
|
||
/* 编辑按钮 - iOS风格 */
|
||
.github-stars-theme-ios-glass .github-stars-repo-edit {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
gap: 6px;
|
||
background: linear-gradient(135deg, var(--ios-glass-accent) 0%, rgba(0, 122, 255, 0.7) 100%);
|
||
border: 1px solid rgba(0, 122, 255, 0.3);
|
||
border-radius: 999px;
|
||
padding: 8px 14px;
|
||
font-weight: 600;
|
||
box-shadow: 0 4px 12px rgba(0, 122, 255, 0.25);
|
||
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||
}
|
||
|
||
.github-stars-theme-ios-glass .github-stars-repo-edit:hover {
|
||
background: linear-gradient(135deg, var(--ios-glass-accent-hover) 0%, rgba(0, 122, 255, 0.8) 100%);
|
||
transform: translateY(-2px);
|
||
box-shadow: 0 6px 20px rgba(0, 122, 255, 0.35);
|
||
}
|
||
|
||
/* 语言标签 */
|
||
.github-stars-theme-ios-glass .github-stars-repo-language {
|
||
background: rgba(255, 255, 255, 0.25);
|
||
backdrop-filter: blur(8px);
|
||
-webkit-backdrop-filter: blur(8px);
|
||
border: 1px solid var(--ios-glass-border);
|
||
border-radius: 10px;
|
||
padding: 4px 8px;
|
||
font-weight: 600;
|
||
color: var(--ios-glass-text);
|
||
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
|
||
}
|
||
|
||
/* 笔记区域 - 液态玻璃效果 */
|
||
.github-stars-theme-ios-glass .github-stars-repo-notes {
|
||
background: rgba(255, 255, 255, 0.08);
|
||
backdrop-filter: blur(10px);
|
||
-webkit-backdrop-filter: blur(10px);
|
||
border: 1px solid var(--ios-glass-border);
|
||
border-radius: 12px;
|
||
border-left: 3px solid var(--ios-glass-accent);
|
||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
|
||
}
|
||
|
||
/* 链接笔记 */
|
||
.github-stars-theme-ios-glass .github-stars-repo-linked-note a {
|
||
color: var(--ios-glass-accent);
|
||
font-weight: 600;
|
||
}
|
||
|
||
/* 编辑模态框 - 液态玻璃效果 */
|
||
.github-stars-theme-ios-glass .github-stars-edit-modal {
|
||
background: linear-gradient(135deg,
|
||
rgba(255, 255, 255, 0.15) 0%,
|
||
rgba(255, 255, 255, 0.08) 100%);
|
||
backdrop-filter: var(--ios-glass-blur);
|
||
-webkit-backdrop-filter: var(--ios-glass-blur);
|
||
border: 1px solid var(--ios-glass-border);
|
||
border-radius: 20px;
|
||
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
|
||
z-index: 100; /* 确保模态框在顶层 */
|
||
}
|
||
|
||
/* 模态框按钮 */
|
||
.github-stars-theme-ios-glass .edit-repo-buttons button {
|
||
background: rgba(255, 255, 255, 0.1);
|
||
backdrop-filter: blur(10px);
|
||
-webkit-backdrop-filter: blur(10px);
|
||
border: 1px solid var(--ios-glass-border);
|
||
border-radius: 12px;
|
||
padding: 10px 20px;
|
||
font-weight: 600;
|
||
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||
}
|
||
|
||
.github-stars-theme-ios-glass .edit-repo-buttons button:hover {
|
||
background: rgba(255, 255, 255, 0.15);
|
||
transform: translateY(-1px);
|
||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
|
||
}
|
||
|
||
.github-stars-theme-ios-glass .edit-repo-buttons button[class*="mod-cta"] {
|
||
background: linear-gradient(135deg, var(--ios-glass-accent) 0%, rgba(0, 122, 255, 0.7) 100%);
|
||
color: white;
|
||
border-color: rgba(0, 122, 255, 0.3);
|
||
}
|
||
|
||
/* 现有标签按钮 - 液态玻璃效果 */
|
||
.github-stars-theme-ios-glass .existing-tag-button {
|
||
background: rgba(255, 255, 255, 0.12);
|
||
backdrop-filter: blur(8px);
|
||
-webkit-backdrop-filter: blur(8px);
|
||
border: 1px solid var(--ios-glass-border);
|
||
border-radius: 12px;
|
||
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||
}
|
||
|
||
.github-stars-theme-ios-glass .existing-tag-button:hover {
|
||
background: rgba(255, 255, 255, 0.18);
|
||
transform: translateY(-1px);
|
||
}
|
||
|
||
.github-stars-theme-ios-glass .existing-tag-button.active {
|
||
background: linear-gradient(135deg, var(--ios-glass-accent) 0%, rgba(0, 122, 255, 0.7) 100%);
|
||
color: white;
|
||
border-color: rgba(0, 122, 255, 0.3);
|
||
}
|
||
|
||
/* 输入框和文本区域 - 液态玻璃效果 */
|
||
.github-stars-theme-ios-glass input,
|
||
.github-stars-theme-ios-glass textarea {
|
||
background: rgba(255, 255, 255, 0.1);
|
||
backdrop-filter: blur(10px);
|
||
-webkit-backdrop-filter: blur(10px);
|
||
border: 1px solid var(--ios-glass-border);
|
||
border-radius: 12px;
|
||
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||
}
|
||
|
||
.github-stars-theme-ios-glass input:focus,
|
||
.github-stars-theme-ios-glass textarea:focus {
|
||
background: rgba(255, 255, 255, 0.15);
|
||
border-color: var(--ios-glass-accent);
|
||
box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.2);
|
||
outline: none;
|
||
}
|
||
|
||
/* 滚动条 - iOS风格 */
|
||
.github-stars-theme-ios-glass ::-webkit-scrollbar {
|
||
width: 8px;
|
||
}
|
||
|
||
.github-stars-theme-ios-glass ::-webkit-scrollbar-track {
|
||
background: rgba(255, 255, 255, 0.05);
|
||
border-radius: 4px;
|
||
}
|
||
|
||
.github-stars-theme-ios-glass ::-webkit-scrollbar-thumb {
|
||
background: rgba(255, 255, 255, 0.2);
|
||
border-radius: 4px;
|
||
backdrop-filter: blur(10px);
|
||
-webkit-backdrop-filter: blur(10px);
|
||
}
|
||
|
||
.github-stars-theme-ios-glass ::-webkit-scrollbar-thumb:hover {
|
||
background: rgba(255, 255, 255, 0.3);
|
||
}
|
||
|
||
|
||
/* 多账号管理样式 */
|
||
.github-accounts-container {
|
||
margin-top: 10px;
|
||
}
|
||
|
||
.github-accounts-empty {
|
||
color: var(--text-muted);
|
||
font-style: italic;
|
||
text-align: center;
|
||
padding: 20px;
|
||
}
|
||
|
||
.github-tags-empty {
|
||
color: var(--text-muted);
|
||
font-style: italic;
|
||
padding: 8px 0 16px;
|
||
}
|
||
|
||
.github-account-item {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
padding: 12px;
|
||
margin: 8px 0;
|
||
border: 1px solid var(--background-modifier-border);
|
||
border-radius: 8px;
|
||
background: var(--background-secondary);
|
||
}
|
||
|
||
.github-account-info {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 12px;
|
||
flex: 1;
|
||
}
|
||
|
||
.github-account-avatar {
|
||
width: 32px;
|
||
height: 32px;
|
||
border-radius: 50%;
|
||
object-fit: cover;
|
||
}
|
||
|
||
.github-account-details {
|
||
flex: 1;
|
||
}
|
||
|
||
.github-account-name {
|
||
font-weight: 500;
|
||
color: var(--text-normal);
|
||
}
|
||
|
||
.github-account-username {
|
||
font-size: 0.9em;
|
||
color: var(--text-muted);
|
||
}
|
||
|
||
.github-account-status {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 6px;
|
||
margin-right: 12px;
|
||
}
|
||
|
||
.github-account-toggle {
|
||
margin: 0;
|
||
}
|
||
|
||
.github-account-status label {
|
||
font-size: 0.9em;
|
||
margin: 0;
|
||
}
|
||
|
||
.github-account-status label.enabled {
|
||
color: var(--text-success);
|
||
}
|
||
|
||
.github-account-status label.disabled {
|
||
color: var(--text-muted);
|
||
}
|
||
|
||
.github-account-actions {
|
||
display: flex;
|
||
gap: 8px;
|
||
}
|
||
|
||
.github-account-btn {
|
||
padding: 4px 12px;
|
||
border: 1px solid var(--background-modifier-border);
|
||
border-radius: 4px;
|
||
background: var(--background-primary);
|
||
color: var(--text-normal);
|
||
cursor: pointer;
|
||
font-size: 0.9em;
|
||
}
|
||
|
||
.github-account-btn:hover {
|
||
background: var(--background-modifier-hover);
|
||
}
|
||
|
||
.github-account-btn.edit {
|
||
color: var(--text-accent);
|
||
}
|
||
|
||
.github-account-btn.delete {
|
||
color: var(--text-error);
|
||
}
|
||
|
||
.github-account-btn.delete:hover {
|
||
background: var(--background-modifier-error);
|
||
}
|
||
|
||
.github-account-btn.test {
|
||
color: var(--text-accent);
|
||
border-color: var(--text-accent);
|
||
}
|
||
|
||
.github-account-btn.test:hover {
|
||
background: var(--background-modifier-hover);
|
||
}
|
||
|
||
.github-account-btn.test-success {
|
||
color: var(--text-success);
|
||
border-color: var(--text-success);
|
||
background: var(--background-success-rgb);
|
||
}
|
||
|
||
.github-account-btn.test-error {
|
||
color: var(--text-error);
|
||
border-color: var(--text-error);
|
||
background: var(--background-modifier-error);
|
||
}
|
||
|
||
/* 标签芯片输入组件样式 */
|
||
.tag-chips-input-wrapper {
|
||
margin-top: 8px;
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
.tag-chips-container {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 6px;
|
||
padding: 8px;
|
||
border: 1px solid var(--background-modifier-border);
|
||
border-radius: var(--radius-s);
|
||
min-height: 40px;
|
||
background: var(--background-primary);
|
||
align-items: center;
|
||
}
|
||
|
||
.tag-chip {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 4px;
|
||
padding: 4px 8px;
|
||
background: var(--interactive-accent);
|
||
color: var(--text-on-accent);
|
||
border-radius: var(--radius-s);
|
||
font-size: var(--font-ui-small);
|
||
line-height: 1.4;
|
||
}
|
||
|
||
.tag-chip-remove {
|
||
cursor: pointer;
|
||
opacity: 0.7;
|
||
font-size: 16px;
|
||
line-height: 1;
|
||
padding: 0 2px;
|
||
transition: opacity 0.1s ease;
|
||
}
|
||
|
||
.tag-chip-remove:hover {
|
||
opacity: 1;
|
||
}
|
||
|
||
.tag-input {
|
||
flex: 1;
|
||
min-width: 120px;
|
||
border: none;
|
||
outline: none;
|
||
background: transparent;
|
||
padding: 4px;
|
||
font-size: var(--font-ui-small);
|
||
color: var(--text-normal);
|
||
}
|
||
|
||
.tag-input::placeholder {
|
||
color: var(--text-muted);
|
||
}
|
||
|
||
.tag-suggestions {
|
||
position: fixed;
|
||
background: var(--background-primary);
|
||
border: 1px solid var(--background-modifier-border);
|
||
border-radius: var(--radius-s);
|
||
max-height: 200px;
|
||
overflow-y: auto;
|
||
z-index: 1000;
|
||
box-shadow: var(--shadow-s);
|
||
}
|
||
|
||
.tag-suggestion-item {
|
||
padding: 8px 12px;
|
||
cursor: pointer;
|
||
font-size: var(--font-ui-small);
|
||
transition: background-color 0.1s ease;
|
||
}
|
||
|
||
.tag-suggestion-item:hover,
|
||
.tag-suggestion-item.selected {
|
||
background: var(--background-modifier-hover);
|
||
}
|
||
|
||
/* 可用标签选择器样式 */
|
||
.available-tags-container {
|
||
margin-top: 10px;
|
||
padding-top: 10px;
|
||
border-top: 1px solid var(--background-modifier-border);
|
||
}
|
||
|
||
.available-tags-label {
|
||
display: block;
|
||
font-size: var(--font-ui-smaller);
|
||
color: var(--text-muted);
|
||
margin-bottom: 8px;
|
||
}
|
||
|
||
.available-tag-button {
|
||
background-color: var(--background-secondary);
|
||
border: 1px solid var(--background-modifier-border);
|
||
color: var(--text-normal);
|
||
padding: 4px 10px;
|
||
margin-right: 6px;
|
||
margin-bottom: 6px;
|
||
border-radius: var(--radius-s);
|
||
cursor: pointer;
|
||
font-size: var(--font-ui-small);
|
||
transition: all 0.15s ease;
|
||
}
|
||
|
||
.available-tag-button:hover {
|
||
background-color: var(--background-modifier-hover);
|
||
border-color: var(--interactive-accent);
|
||
}
|
||
|
||
.available-tag-button.active {
|
||
background-color: var(--interactive-accent);
|
||
color: var(--text-on-accent);
|
||
border-color: var(--interactive-accent-hover);
|
||
}
|
||
|
||
.available-tag-button.active:hover {
|
||
background-color: var(--interactive-accent-hover);
|
||
}
|
||
|
||
/* 账号信息显示区域样式 */
|
||
.github-account-info-bar {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 8px;
|
||
padding: 8px 12px;
|
||
background: var(--background-secondary);
|
||
border-radius: 6px;
|
||
margin-bottom: 10px;
|
||
border: 1px solid var(--background-modifier-border);
|
||
}
|
||
|
||
.github-account-info-bar .account-avatar {
|
||
width: 20px;
|
||
height: 20px;
|
||
border-radius: 50%;
|
||
object-fit: cover;
|
||
}
|
||
|
||
.github-account-info-bar .account-name {
|
||
font-size: 0.9em;
|
||
color: var(--text-normal);
|
||
font-weight: 500;
|
||
}
|
||
|
||
.github-account-info-bar .account-toggle {
|
||
margin-left: auto;
|
||
}
|
||
|
||
.github-account-info-bar .account-toggle input {
|
||
margin: 0;
|
||
}
|
||
|
||
|
||
/* 多账号信息显示区域样式 */
|
||
.github-accounts-info {
|
||
margin-bottom: 15px;
|
||
padding: 10px;
|
||
background: var(--background-secondary);
|
||
border-radius: 8px;
|
||
border: 1px solid var(--background-modifier-border);
|
||
}
|
||
|
||
.github-accounts-info-title {
|
||
margin: 0 0 10px 0;
|
||
font-size: 1.1em;
|
||
font-weight: 600;
|
||
color: var(--text-normal);
|
||
}
|
||
|
||
.github-accounts-info-list {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 8px;
|
||
}
|
||
|
||
.github-account-info-bar {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 10px;
|
||
padding: 8px 12px;
|
||
background: var(--background-primary);
|
||
border-radius: 6px;
|
||
border: 1px solid var(--background-modifier-border);
|
||
transition: all 0.2s ease;
|
||
}
|
||
|
||
.github-account-info-bar.disabled {
|
||
opacity: 0.6;
|
||
background: var(--background-modifier-form-field-highlighted);
|
||
}
|
||
|
||
.github-account-info-bar .account-avatar {
|
||
width: 24px;
|
||
height: 24px;
|
||
border-radius: 50%;
|
||
object-fit: cover;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.github-account-info-bar .account-name {
|
||
font-weight: 500;
|
||
color: var(--text-normal);
|
||
font-size: 0.95em;
|
||
}
|
||
|
||
.github-account-info-bar .account-username {
|
||
font-size: 0.85em;
|
||
color: var(--text-muted);
|
||
margin-left: -5px;
|
||
}
|
||
|
||
.github-account-info-bar .account-status {
|
||
flex: 1;
|
||
text-align: right;
|
||
margin-right: 10px;
|
||
}
|
||
|
||
.github-account-info-bar .account-sync-time {
|
||
font-size: 0.8em;
|
||
color: var(--text-muted);
|
||
}
|
||
|
||
.github-account-info-bar .account-toggle {
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.github-account-info-bar .account-toggle-input {
|
||
margin: 0;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.github-account-info-bar:hover {
|
||
background: var(--background-modifier-hover);
|
||
}
|
||
|
||
.github-account-info-bar.disabled:hover {
|
||
background: var(--background-modifier-form-field-highlighted);
|
||
}
|
||
|
||
|
||
/* 账号模态框样式 */
|
||
.account-form {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 20px;
|
||
margin: 20px 0;
|
||
}
|
||
|
||
.form-field {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 5px;
|
||
}
|
||
|
||
.form-field label {
|
||
font-weight: 600;
|
||
color: var(--text-normal);
|
||
font-size: 14px;
|
||
}
|
||
|
||
.form-field-desc {
|
||
font-size: 12px;
|
||
color: var(--text-muted);
|
||
margin-bottom: 5px;
|
||
}
|
||
|
||
.form-field input {
|
||
padding: 8px 12px;
|
||
border: 1px solid var(--background-modifier-border);
|
||
border-radius: 4px;
|
||
background-color: var(--background-primary);
|
||
color: var(--text-normal);
|
||
font-size: 14px;
|
||
transition: border-color 0.2s ease;
|
||
}
|
||
|
||
.form-field input:focus {
|
||
outline: none !important;
|
||
border-color: var(--interactive-accent) !important;
|
||
box-shadow: 0 0 0 2px var(--interactive-accent-hover) !important;
|
||
}
|
||
|
||
.form-field input:disabled,
|
||
.form-field input[readonly] {
|
||
background-color: var(--background-modifier-border);
|
||
cursor: not-allowed;
|
||
opacity: 0.7;
|
||
}
|
||
|
||
.modal-button-container {
|
||
display: flex;
|
||
justify-content: flex-end;
|
||
gap: 10px;
|
||
margin-top: 20px;
|
||
padding-top: 20px;
|
||
border-top: 1px solid var(--background-modifier-border);
|
||
}
|
||
|
||
.modal-button-container button {
|
||
padding: 8px 16px;
|
||
border: 1px solid var(--background-modifier-border);
|
||
border-radius: 4px;
|
||
background-color: var(--background-primary);
|
||
color: var(--text-normal);
|
||
cursor: pointer;
|
||
transition: all 0.2s ease;
|
||
}
|
||
|
||
.modal-button-container button:hover {
|
||
background-color: var(--background-modifier-hover);
|
||
}
|
||
|
||
.modal-button-container button.mod-cta {
|
||
background-color: var(--interactive-accent);
|
||
color: var(--text-on-accent);
|
||
border-color: var(--interactive-accent);
|
||
}
|
||
|
||
.modal-button-container button.mod-cta:hover {
|
||
background-color: var(--interactive-accent-hover);
|
||
}
|
||
|
||
.modal-button-container button:disabled {
|
||
opacity: 0.5;
|
||
cursor: not-allowed;
|
||
}
|
||
|
||
|
||
/* 账户空状态样式 */
|
||
.github-accounts-empty-state {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 8px;
|
||
padding: 8px 12px;
|
||
background-color: var(--background-secondary);
|
||
border: 1px solid var(--background-modifier-border);
|
||
border-radius: 6px;
|
||
margin-bottom: 15px;
|
||
}
|
||
|
||
.github-accounts-empty-icon {
|
||
font-size: 16px;
|
||
opacity: 0.7;
|
||
}
|
||
|
||
.github-accounts-empty-message {
|
||
color: var(--text-muted);
|
||
font-size: 13px;
|
||
flex: 1;
|
||
}
|
||
|
||
.github-accounts-empty-link {
|
||
background-color: var(--interactive-accent);
|
||
color: var(--text-on-accent);
|
||
border: none;
|
||
border-radius: 4px;
|
||
padding: 4px 8px;
|
||
font-size: 12px;
|
||
cursor: pointer;
|
||
transition: background-color 0.2s ease;
|
||
}
|
||
|
||
.github-accounts-empty-link:hover {
|
||
background-color: var(--interactive-accent-hover);
|
||
}
|
||
|
||
|
||
/* ===== 账户选择器样式 ===== */
|
||
|
||
/* 账户选择器容器 */
|
||
.github-account-selector {
|
||
position: relative;
|
||
margin-left: 8px;
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 8px;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
/* 添加账号按钮 */
|
||
.github-account-add-btn {
|
||
background-color: var(--interactive-accent);
|
||
color: var(--text-on-accent);
|
||
border: none;
|
||
border-radius: 6px;
|
||
padding: 6px 12px;
|
||
cursor: pointer;
|
||
font-size: 0.85em;
|
||
font-weight: 500;
|
||
transition: all 0.2s ease;
|
||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
||
}
|
||
|
||
.github-account-add-btn:hover {
|
||
background-color: var(--interactive-accent-hover);
|
||
transform: translateY(-1px);
|
||
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
|
||
}
|
||
|
||
/* 折叠按钮 */
|
||
.github-account-toggle-btn {
|
||
background: linear-gradient(135deg, var(--background-secondary) 0%, var(--background-primary) 100%);
|
||
border: 1px solid var(--background-modifier-border);
|
||
color: var(--text-muted);
|
||
border-radius: 8px;
|
||
padding: 7px 14px;
|
||
cursor: pointer;
|
||
font-size: 0.85em;
|
||
font-weight: 600;
|
||
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
||
position: relative;
|
||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
|
||
}
|
||
|
||
.github-account-toggle-btn:hover {
|
||
background: var(--background-modifier-hover);
|
||
border-color: var(--interactive-accent);
|
||
color: var(--interactive-accent);
|
||
transform: translateY(-1px);
|
||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
|
||
}
|
||
|
||
.github-account-toggle-btn.expanded {
|
||
background: linear-gradient(135deg, var(--interactive-accent) 0%, var(--interactive-accent-hover) 100%);
|
||
border-color: var(--interactive-accent);
|
||
color: var(--text-on-accent);
|
||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
|
||
}
|
||
|
||
/* star总数显示 */
|
||
.github-stars-total-count {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 5px;
|
||
padding: 7px 12px;
|
||
background: linear-gradient(135deg, rgba(255, 215, 0, 0.1) 0%, rgba(255, 165, 0, 0.05) 100%);
|
||
border: 1px solid rgba(255, 215, 0, 0.3);
|
||
border-radius: 8px;
|
||
font-size: 0.85em;
|
||
color: var(--text-muted);
|
||
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
||
box-shadow: 0 1px 3px rgba(255, 215, 0, 0.1);
|
||
}
|
||
|
||
.github-stars-total-count:hover {
|
||
transform: translateY(-1px);
|
||
box-shadow: 0 2px 8px rgba(255, 215, 0, 0.2);
|
||
border-color: rgba(255, 215, 0, 0.5);
|
||
}
|
||
|
||
.total-stars-icon {
|
||
font-size: 1.1em;
|
||
line-height: 1;
|
||
filter: drop-shadow(0 1px 2px rgba(255, 215, 0, 0.3));
|
||
}
|
||
|
||
.total-stars-number {
|
||
font-weight: 700;
|
||
color: var(--text-normal);
|
||
letter-spacing: 0.3px;
|
||
}
|
||
|
||
/* star总数显示 */
|
||
.github-stars-total-count {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 4px;
|
||
padding: 4px 10px;
|
||
background-color: var(--background-secondary);
|
||
border: 1px solid var(--background-modifier-border);
|
||
border-radius: 6px;
|
||
font-size: 0.85em;
|
||
color: var(--text-muted);
|
||
}
|
||
|
||
.total-stars-icon {
|
||
font-size: 1em;
|
||
line-height: 1;
|
||
}
|
||
|
||
.total-stars-number {
|
||
font-weight: 600;
|
||
color: var(--text-normal);
|
||
}
|
||
|
||
.github-stars-invalid-data-button {
|
||
min-height: 32px;
|
||
white-space: nowrap;
|
||
font-size: 0.85em;
|
||
}
|
||
|
||
.github-stars-invalid-data-button.has-invalid-data {
|
||
color: #b45309;
|
||
border-color: rgba(245, 158, 11, 0.35);
|
||
background: linear-gradient(135deg, rgba(245, 158, 11, 0.14) 0%, rgba(251, 191, 36, 0.08) 100%);
|
||
box-shadow: 0 1px 3px rgba(245, 158, 11, 0.12);
|
||
}
|
||
|
||
.github-stars-invalid-data-button.has-invalid-data:hover {
|
||
color: #92400e;
|
||
border-color: rgba(245, 158, 11, 0.5);
|
||
background: linear-gradient(135deg, rgba(245, 158, 11, 0.18) 0%, rgba(251, 191, 36, 0.12) 100%);
|
||
box-shadow: 0 2px 8px rgba(245, 158, 11, 0.18);
|
||
}
|
||
|
||
/* 折叠内容容器 */
|
||
.github-account-collapsible {
|
||
position: absolute;
|
||
top: 100%;
|
||
right: 0;
|
||
margin-top: 8px;
|
||
background-color: var(--background-primary);
|
||
border: 1px solid var(--background-modifier-border);
|
||
border-radius: 12px;
|
||
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
|
||
z-index: 1000;
|
||
min-width: 280px;
|
||
max-width: 320px;
|
||
overflow: hidden;
|
||
backdrop-filter: blur(10px);
|
||
-webkit-backdrop-filter: blur(10px);
|
||
}
|
||
|
||
/* 紧凑账号项 */
|
||
.github-account-item-compact {
|
||
display: flex;
|
||
align-items: center;
|
||
padding: 12px 16px;
|
||
border-bottom: 1px solid var(--background-modifier-border);
|
||
transition: all 0.2s ease;
|
||
gap: 12px;
|
||
}
|
||
|
||
.github-account-item-compact:last-child {
|
||
border-bottom: none;
|
||
}
|
||
|
||
.github-account-item-compact:hover {
|
||
background-color: var(--background-modifier-hover);
|
||
}
|
||
|
||
.github-account-item-compact.disabled {
|
||
opacity: 0.6;
|
||
background-color: var(--background-modifier-border);
|
||
}
|
||
|
||
/* 小头像 */
|
||
.account-avatar-small {
|
||
width: 32px;
|
||
height: 32px;
|
||
border-radius: 50%;
|
||
object-fit: cover;
|
||
border: 2px solid var(--background-modifier-border);
|
||
flex-shrink: 0;
|
||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
||
}
|
||
|
||
/* 紧凑账号信息 */
|
||
.account-info-compact {
|
||
flex: 1;
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 2px;
|
||
min-width: 0;
|
||
}
|
||
|
||
.account-name-compact {
|
||
font-weight: 600;
|
||
font-size: 0.9em;
|
||
color: var(--text-normal);
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.account-username-compact {
|
||
font-size: 0.8em;
|
||
color: var(--text-muted);
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.account-sync-time-compact {
|
||
font-size: 0.75em;
|
||
color: var(--text-faint);
|
||
margin-top: 2px;
|
||
}
|
||
|
||
/* 紧凑切换开关 */
|
||
.account-toggle-compact {
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.account-toggle-input-compact {
|
||
width: 16px;
|
||
height: 16px;
|
||
cursor: pointer;
|
||
accent-color: var(--interactive-accent);
|
||
}
|
||
|
||
/* iOS 液态玻璃主题下的账户选择器样式 */
|
||
.github-stars-theme-ios-glass .github-account-add-btn {
|
||
background: linear-gradient(135deg, var(--ios-glass-accent) 0%, rgba(0, 122, 255, 0.8) 100%);
|
||
backdrop-filter: var(--ios-glass-blur);
|
||
-webkit-backdrop-filter: var(--ios-glass-blur);
|
||
border: 1px solid var(--ios-glass-border);
|
||
border-radius: 12px;
|
||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
||
}
|
||
|
||
.github-stars-theme-ios-glass .github-account-add-btn:hover {
|
||
background: linear-gradient(135deg, rgba(0, 122, 255, 0.9) 0%, rgba(0, 122, 255, 0.7) 100%);
|
||
transform: translateY(-2px);
|
||
box-shadow: 0 4px 16px rgba(0, 122, 255, 0.3);
|
||
}
|
||
|
||
.github-stars-theme-ios-glass .github-account-toggle-btn {
|
||
background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.08) 100%);
|
||
backdrop-filter: var(--ios-glass-blur);
|
||
-webkit-backdrop-filter: var(--ios-glass-blur);
|
||
border: 1px solid var(--ios-glass-border);
|
||
border-radius: 14px;
|
||
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.2);
|
||
}
|
||
|
||
.github-stars-theme-ios-glass .github-account-toggle-btn:hover {
|
||
background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.12) 100%);
|
||
transform: translateY(-2px);
|
||
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.3);
|
||
}
|
||
|
||
.github-stars-theme-ios-glass .github-account-toggle-btn.expanded {
|
||
background: linear-gradient(135deg, var(--ios-glass-accent) 0%, rgba(0, 122, 255, 0.8) 100%);
|
||
border-color: rgba(0, 122, 255, 0.4);
|
||
color: white;
|
||
box-shadow: 0 4px 16px rgba(0, 122, 255, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2);
|
||
}
|
||
|
||
/* iOS主题 - star总数显示 */
|
||
.github-stars-theme-ios-glass .github-stars-total-count {
|
||
background: linear-gradient(135deg, rgba(255, 215, 0, 0.2) 0%, rgba(255, 165, 0, 0.15) 100%);
|
||
backdrop-filter: var(--ios-glass-blur);
|
||
-webkit-backdrop-filter: var(--ios-glass-blur);
|
||
border: 1px solid rgba(255, 215, 0, 0.4);
|
||
border-radius: 14px;
|
||
box-shadow: 0 2px 12px rgba(255, 215, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.2);
|
||
}
|
||
|
||
.github-stars-theme-ios-glass .github-stars-total-count:hover {
|
||
background: linear-gradient(135deg, rgba(255, 215, 0, 0.25) 0%, rgba(255, 165, 0, 0.2) 100%);
|
||
border-color: rgba(255, 215, 0, 0.6);
|
||
box-shadow: 0 6px 20px rgba(255, 215, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.3);
|
||
}
|
||
|
||
.github-stars-theme-ios-glass .total-stars-icon {
|
||
filter: drop-shadow(0 2px 4px rgba(255, 215, 0, 0.4));
|
||
}
|
||
|
||
.github-stars-theme-ios-glass .total-stars-number {
|
||
color: var(--text-normal);
|
||
font-weight: 700;
|
||
text-shadow: 0 1px 2px rgba(255, 215, 0, 0.2);
|
||
}
|
||
|
||
/* iOS主题 - star总数显示 */
|
||
.github-stars-theme-ios-glass .github-stars-total-count {
|
||
background: rgba(255, 255, 255, 0.1);
|
||
backdrop-filter: var(--ios-glass-blur);
|
||
-webkit-backdrop-filter: var(--ios-glass-blur);
|
||
border: 1px solid var(--ios-glass-border);
|
||
border-radius: 12px;
|
||
}
|
||
|
||
.github-stars-theme-ios-glass .total-stars-number {
|
||
color: var(--text-normal);
|
||
font-weight: 600;
|
||
}
|
||
|
||
.github-stars-theme-ios-glass .github-account-collapsible {
|
||
background: linear-gradient(135deg,
|
||
rgba(255, 255, 255, 0.15) 0%,
|
||
rgba(255, 255, 255, 0.08) 100%);
|
||
backdrop-filter: blur(20px);
|
||
-webkit-backdrop-filter: blur(20px);
|
||
border: 1px solid var(--ios-glass-border);
|
||
border-radius: 16px;
|
||
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
|
||
}
|
||
|
||
.github-stars-theme-ios-glass .github-account-item-compact {
|
||
border-bottom-color: var(--ios-glass-border);
|
||
}
|
||
|
||
.github-stars-theme-ios-glass .github-account-item-compact:hover {
|
||
background: rgba(255, 255, 255, 0.1);
|
||
}
|
||
|
||
.github-stars-theme-ios-glass .github-account-item-compact.disabled {
|
||
background: rgba(255, 255, 255, 0.05);
|
||
}
|
||
|
||
.github-stars-theme-ios-glass .account-avatar-small {
|
||
border-color: var(--ios-glass-border);
|
||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
|
||
}
|
||
|
||
|
||
/* 导出按钮样式 */
|
||
.github-stars-export-button {
|
||
padding: 8px 12px;
|
||
border: 1px solid var(--color-accent);
|
||
border-radius: 6px;
|
||
background: var(--color-accent);
|
||
color: var(--text-on-accent);
|
||
cursor: pointer;
|
||
transition: all 0.2s ease;
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 6px;
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
}
|
||
|
||
.github-stars-export-button:hover {
|
||
background: var(--color-accent-hover);
|
||
border-color: var(--color-accent-hover);
|
||
transform: translateY(-1px);
|
||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
||
}
|
||
|
||
.github-stars-export-button:active {
|
||
transform: translateY(0);
|
||
}
|
||
|
||
.github-stars-export-button:disabled {
|
||
opacity: 0.6;
|
||
cursor: not-allowed;
|
||
transform: none;
|
||
}
|
||
|
||
/* 仓库按钮组样式 */
|
||
.github-stars-repo-buttons {
|
||
display: flex;
|
||
gap: 8px;
|
||
align-items: center;
|
||
}
|
||
|
||
.github-stars-repo-export {
|
||
padding: 6px 12px;
|
||
border: 1px solid var(--color-accent);
|
||
border-radius: 4px;
|
||
background: transparent;
|
||
color: var(--color-accent);
|
||
cursor: pointer;
|
||
transition: all 0.2s ease;
|
||
font-size: 12px;
|
||
font-weight: 500;
|
||
}
|
||
|
||
.github-stars-repo-export:hover {
|
||
background: var(--color-accent);
|
||
color: var(--text-on-accent);
|
||
transform: translateY(-1px);
|
||
}
|
||
|
||
.github-stars-repo-export:active {
|
||
transform: translateY(0);
|
||
}
|
||
|
||
.github-stars-repo-export:disabled {
|
||
opacity: 0.6;
|
||
cursor: not-allowed;
|
||
transform: none;
|
||
}
|
||
|
||
.github-stars-repo-edit {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
gap: 6px;
|
||
padding: 6px 11px;
|
||
border: 1px solid var(--background-modifier-border-hover);
|
||
border-radius: 999px;
|
||
background: linear-gradient(180deg, var(--background-primary) 0%, var(--background-secondary) 100%);
|
||
color: var(--text-normal);
|
||
cursor: pointer;
|
||
transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
|
||
font-size: 12px;
|
||
font-weight: 600;
|
||
line-height: 1;
|
||
white-space: nowrap;
|
||
box-shadow: 0 4px 10px rgba(15, 23, 42, 0.08);
|
||
}
|
||
|
||
.github-stars-repo-edit:hover {
|
||
background: linear-gradient(180deg, var(--background-primary) 0%, var(--background-modifier-hover) 100%);
|
||
border-color: rgba(var(--interactive-accent-rgb), 0.45);
|
||
color: var(--interactive-accent);
|
||
transform: translateY(-1px);
|
||
box-shadow: 0 8px 18px rgba(15, 23, 42, 0.12);
|
||
}
|
||
|
||
.github-stars-repo-edit:active {
|
||
transform: translateY(0);
|
||
}
|
||
|
||
|
||
/* 导出功能样式 */
|
||
.github-stars-export-button {
|
||
background-color: #20b2aa; /* 青绿色 */
|
||
color: white;
|
||
border: none;
|
||
border-radius: 6px;
|
||
padding: 8px 12px;
|
||
cursor: pointer;
|
||
transition: all 0.2s ease;
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 6px;
|
||
font-weight: 500;
|
||
box-shadow: 0 2px 4px rgba(32, 178, 170, 0.2);
|
||
}
|
||
|
||
.github-stars-export-button:hover {
|
||
background-color: #1a9a94;
|
||
transform: translateY(-1px);
|
||
box-shadow: 0 4px 8px rgba(32, 178, 170, 0.3);
|
||
}
|
||
|
||
.github-stars-select-all-button,
|
||
.github-stars-export-confirm-button,
|
||
.github-stars-export-cancel-button {
|
||
background-color: var(--interactive-normal);
|
||
color: var(--text-normal);
|
||
border: 1px solid var(--background-modifier-border);
|
||
border-radius: 4px;
|
||
padding: 6px 10px;
|
||
cursor: pointer;
|
||
transition: all 0.2s ease;
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 5px;
|
||
font-size: 13px;
|
||
}
|
||
|
||
.github-stars-select-all-button:hover,
|
||
.github-stars-export-confirm-button:hover,
|
||
.github-stars-export-cancel-button:hover {
|
||
background-color: var(--interactive-hover);
|
||
}
|
||
|
||
.github-stars-export-confirm-button {
|
||
background-color: #20b2aa;
|
||
color: white;
|
||
border-color: #20b2aa;
|
||
}
|
||
|
||
.github-stars-export-confirm-button:hover {
|
||
background-color: #1a9a94;
|
||
}
|
||
|
||
.github-stars-export-confirm-button:disabled {
|
||
background-color: var(--background-modifier-border);
|
||
color: var(--text-muted);
|
||
cursor: not-allowed;
|
||
opacity: 0.6;
|
||
}
|
||
|
||
.github-stars-export-cancel-button {
|
||
background-color: #ff6b6b;
|
||
color: white;
|
||
border-color: #ff6b6b;
|
||
}
|
||
|
||
.github-stars-export-cancel-button:hover {
|
||
background-color: #ff5252;
|
||
}
|
||
|
||
/* 复选框样式 */
|
||
.github-stars-repo-checkbox-container {
|
||
display: flex;
|
||
align-items: center;
|
||
margin-right: 10px;
|
||
}
|
||
|
||
.github-stars-repo-checkbox {
|
||
width: 16px;
|
||
height: 16px;
|
||
cursor: pointer;
|
||
accent-color: var(--interactive-accent);
|
||
}
|
||
|
||
/* 导出模式下的仓库卡片样式 */
|
||
.github-stars-repo:has(.github-stars-repo-checkbox:checked) {
|
||
background-color: var(--background-modifier-hover);
|
||
border-left: 3px solid var(--interactive-accent);
|
||
}
|
||
|
||
/* 全选按钮特殊样式 */
|
||
.github-stars-select-all-button {
|
||
background-color: #f0f8ff;
|
||
border-color: #20b2aa;
|
||
color: #20b2aa;
|
||
}
|
||
|
||
.github-stars-select-all-button:hover {
|
||
background-color: #20b2aa;
|
||
color: white;
|
||
}
|
||
|
||
|
||
/* 导出模态框样式 */
|
||
.export-modal-description {
|
||
margin-bottom: 15px;
|
||
color: var(--text-muted);
|
||
}
|
||
|
||
.export-modal-select-all {
|
||
margin-bottom: 15px;
|
||
text-align: right;
|
||
}
|
||
|
||
.export-modal-select-all-btn {
|
||
background-color: #20b2aa;
|
||
color: white;
|
||
border: none;
|
||
border-radius: 4px;
|
||
padding: 6px 12px;
|
||
cursor: pointer;
|
||
font-size: 13px;
|
||
}
|
||
|
||
.export-modal-select-all-btn:hover {
|
||
background-color: #1a9a94;
|
||
}
|
||
|
||
.export-modal-repo-list {
|
||
max-height: 400px;
|
||
overflow-y: auto;
|
||
border: 1px solid var(--background-modifier-border);
|
||
border-radius: 6px;
|
||
padding: 10px;
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.export-modal-repo-item {
|
||
display: flex;
|
||
align-items: flex-start;
|
||
padding: 10px;
|
||
border-bottom: 1px solid var(--background-modifier-border-hover);
|
||
transition: background-color 0.2s;
|
||
}
|
||
|
||
.export-modal-repo-item:last-child {
|
||
border-bottom: none;
|
||
}
|
||
|
||
.export-modal-repo-item:hover {
|
||
background-color: var(--background-modifier-hover);
|
||
}
|
||
|
||
.export-modal-checkbox {
|
||
width: 16px;
|
||
height: 16px;
|
||
margin-right: 12px;
|
||
margin-top: 2px;
|
||
cursor: pointer;
|
||
accent-color: #20b2aa;
|
||
}
|
||
|
||
.export-modal-repo-info {
|
||
flex: 1;
|
||
}
|
||
|
||
.export-modal-repo-name {
|
||
font-weight: 500;
|
||
color: var(--text-normal);
|
||
margin-bottom: 4px;
|
||
}
|
||
|
||
.export-modal-repo-description {
|
||
font-size: 13px;
|
||
color: var(--text-muted);
|
||
margin-bottom: 6px;
|
||
line-height: 1.4;
|
||
}
|
||
|
||
.export-modal-repo-stats {
|
||
display: flex;
|
||
gap: 12px;
|
||
font-size: 12px;
|
||
color: var(--text-muted);
|
||
}
|
||
|
||
.export-modal-buttons {
|
||
display: flex;
|
||
justify-content: flex-end;
|
||
gap: 10px;
|
||
padding-top: 15px;
|
||
border-top: 1px solid var(--background-modifier-border);
|
||
}
|
||
|
||
.export-modal-export-btn {
|
||
background-color: #20b2aa;
|
||
color: white;
|
||
border: none;
|
||
border-radius: 4px;
|
||
padding: 8px 16px;
|
||
cursor: pointer;
|
||
font-weight: 500;
|
||
}
|
||
|
||
.export-modal-export-btn:hover:not(:disabled) {
|
||
background-color: #1a9a94;
|
||
}
|
||
|
||
.export-modal-export-btn:disabled {
|
||
background-color: var(--background-modifier-border);
|
||
color: var(--text-muted);
|
||
cursor: not-allowed;
|
||
}
|
||
|
||
.export-modal-cancel-btn {
|
||
background-color: var(--interactive-normal);
|
||
color: var(--text-normal);
|
||
border: 1px solid var(--background-modifier-border);
|
||
border-radius: 4px;
|
||
padding: 8px 16px;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.export-modal-cancel-btn:hover {
|
||
background-color: var(--interactive-hover);
|
||
}
|
||
|
||
/* ===== 工具栏样式统一（最终覆盖） ===== */
|
||
.github-stars-toolbar {
|
||
gap: 10px;
|
||
padding: 8px 10px;
|
||
border: none;
|
||
border-radius: 10px;
|
||
}
|
||
|
||
.github-stars-toolbar-right {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 8px;
|
||
margin-left: auto;
|
||
}
|
||
|
||
.github-stars-toolbar button:not(.github-stars-search-clear) {
|
||
min-height: 32px;
|
||
padding: 0 10px;
|
||
border-radius: 8px;
|
||
border: 1px solid var(--background-modifier-border);
|
||
background: var(--background-primary);
|
||
color: var(--text-muted);
|
||
box-shadow: none;
|
||
font-size: 13px;
|
||
font-weight: 500;
|
||
line-height: 1;
|
||
transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease, transform 0.12s ease;
|
||
}
|
||
|
||
.github-stars-toolbar button:not(.github-stars-search-clear):hover {
|
||
background: var(--background-modifier-hover);
|
||
border-color: var(--interactive-accent);
|
||
color: var(--text-normal);
|
||
transform: translateY(-1px);
|
||
}
|
||
|
||
.github-stars-toolbar button:not(.github-stars-search-clear):active {
|
||
transform: translateY(0);
|
||
}
|
||
|
||
.github-stars-toolbar button:not(.github-stars-search-clear):disabled {
|
||
opacity: 0.6;
|
||
cursor: not-allowed;
|
||
transform: none;
|
||
}
|
||
|
||
.github-stars-toolbar button:not(.github-stars-search-clear):focus-visible {
|
||
outline: 2px solid var(--interactive-accent);
|
||
outline-offset: 2px;
|
||
}
|
||
|
||
.github-stars-toolbar .github-stars-sync-button,
|
||
.github-stars-toolbar .github-stars-export-button,
|
||
.github-stars-toolbar .github-stars-export-confirm-button,
|
||
.github-stars-toolbar .github-account-add-btn,
|
||
.github-stars-toolbar .github-account-toggle-btn.expanded {
|
||
background: var(--interactive-accent);
|
||
border-color: var(--interactive-accent);
|
||
color: var(--text-on-accent);
|
||
}
|
||
|
||
.github-stars-toolbar .github-stars-sync-button:hover,
|
||
.github-stars-toolbar .github-stars-export-button:hover,
|
||
.github-stars-toolbar .github-stars-export-confirm-button:hover,
|
||
.github-stars-toolbar .github-account-add-btn:hover,
|
||
.github-stars-toolbar .github-account-toggle-btn.expanded:hover {
|
||
background: var(--interactive-accent-hover);
|
||
border-color: var(--interactive-accent-hover);
|
||
color: var(--text-on-accent);
|
||
}
|
||
|
||
.github-stars-toolbar .github-stars-select-all-button,
|
||
.github-stars-toolbar .github-stars-cancel-button,
|
||
.github-stars-toolbar .github-stars-export-cancel-button,
|
||
.github-stars-toolbar .github-account-toggle-btn {
|
||
background: var(--background-primary);
|
||
border-color: var(--background-modifier-border);
|
||
color: var(--text-muted);
|
||
}
|
||
|
||
.github-stars-toolbar .github-stars-select-all-button:hover,
|
||
.github-stars-toolbar .github-stars-cancel-button:hover,
|
||
.github-stars-toolbar .github-stars-export-cancel-button:hover,
|
||
.github-stars-toolbar .github-account-toggle-btn:hover {
|
||
background: var(--background-modifier-hover);
|
||
border-color: var(--interactive-accent);
|
||
color: var(--text-normal);
|
||
}
|
||
|
||
.github-stars-toolbar .github-account-selector {
|
||
margin: 0;
|
||
gap: 8px;
|
||
}
|
||
|
||
.github-stars-toolbar .github-stars-sort-group {
|
||
gap: 6px;
|
||
border: none;
|
||
border-radius: 0;
|
||
overflow: visible;
|
||
background: transparent;
|
||
}
|
||
|
||
.github-stars-toolbar .github-stars-sort-group button {
|
||
min-height: 32px;
|
||
min-width: 42px;
|
||
padding: 0 10px;
|
||
border: 1px solid var(--background-modifier-border);
|
||
border-radius: 8px;
|
||
border-right: 1px solid var(--background-modifier-border);
|
||
}
|
||
|
||
.github-stars-toolbar .github-stars-sort-group button:last-child {
|
||
border-right: 1px solid var(--background-modifier-border);
|
||
}
|
||
|
||
.github-stars-toolbar .github-stars-sort-option:not(:last-child)::after {
|
||
display: none;
|
||
}
|
||
|
||
.github-stars-toolbar .github-stars-sync-button,
|
||
.github-stars-toolbar .github-stars-theme-button {
|
||
margin-right: 0;
|
||
}
|
||
|
||
.github-stars-toolbar .github-stars-perf-button.active {
|
||
background: var(--interactive-accent);
|
||
border-color: var(--interactive-accent);
|
||
color: var(--text-on-accent);
|
||
}
|
||
|
||
.github-stars-toolbar .github-stars-perf-button.active:hover {
|
||
background: var(--interactive-accent-hover);
|
||
border-color: var(--interactive-accent-hover);
|
||
color: var(--text-on-accent);
|
||
}
|
||
|
||
.github-stars-performance-panel {
|
||
margin: 0 16px 10px 16px;
|
||
padding: 10px 12px;
|
||
border: 1px solid var(--background-modifier-border);
|
||
border-radius: 12px;
|
||
background: var(--background-secondary);
|
||
}
|
||
|
||
.github-stars-performance-panel.hidden {
|
||
display: none;
|
||
}
|
||
|
||
.github-stars-performance-panel-header {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
margin-bottom: 10px;
|
||
gap: 8px;
|
||
}
|
||
|
||
.github-stars-performance-panel-title {
|
||
font-size: 13px;
|
||
font-weight: 600;
|
||
color: var(--text-normal);
|
||
}
|
||
|
||
.github-stars-performance-panel-actions {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 6px;
|
||
}
|
||
|
||
.github-stars-performance-panel-action {
|
||
min-height: 26px;
|
||
padding: 0 8px;
|
||
border-radius: 6px;
|
||
border: 1px solid var(--background-modifier-border);
|
||
background: var(--background-primary);
|
||
color: var(--text-muted);
|
||
font-size: 12px;
|
||
}
|
||
|
||
.github-stars-performance-panel-action:hover {
|
||
border-color: var(--interactive-accent);
|
||
color: var(--text-normal);
|
||
}
|
||
|
||
.github-stars-performance-panel-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
|
||
gap: 8px;
|
||
}
|
||
|
||
.github-stars-performance-item {
|
||
padding: 8px 9px;
|
||
border-radius: 8px;
|
||
border: 1px dashed var(--background-modifier-border);
|
||
background: var(--background-primary);
|
||
}
|
||
|
||
.github-stars-performance-item-label {
|
||
font-size: 11px;
|
||
color: var(--text-muted);
|
||
margin-bottom: 4px;
|
||
}
|
||
|
||
.github-stars-performance-item-value {
|
||
font-size: 13px;
|
||
font-weight: 600;
|
||
color: var(--text-normal);
|
||
}
|
||
|
||
/* ===== 动态定位样式 ===== */
|
||
|
||
/* 账号弹出菜单的动态定位 */
|
||
.github-account-collapsible.position-fixed {
|
||
position: fixed !important;
|
||
z-index: 9999 !important;
|
||
}
|
||
|
||
/* 隐藏头像的通用类 */
|
||
.avatar-hidden {
|
||
display: none !important;
|
||
}
|
||
|
||
/* 动态显示和隐藏的通用类 */
|
||
.display-block {
|
||
display: block !important;
|
||
}
|
||
|
||
.display-none {
|
||
display: none !important;
|
||
}
|
||
|
||
.position-fixed {
|
||
position: fixed !important;
|
||
top: var(--popup-top, auto) !important;
|
||
right: var(--popup-right, auto) !important;
|
||
}
|
||
|
||
.z-index-9999 {
|
||
z-index: 9999 !important;
|
||
}
|
||
|
||
/* 设置页面样式类 */
|
||
.setting-item-description-list {
|
||
margin: 6px 0 0;
|
||
padding-left: 16px;
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
|
||
gap: 4px 14px;
|
||
}
|
||
|
||
.setting-item-description-list li {
|
||
margin: 0;
|
||
line-height: 1.45;
|
||
color: var(--text-muted);
|
||
}
|
||
|
||
.setting-item-description-list code {
|
||
display: inline-block;
|
||
margin-right: 4px;
|
||
padding: 1px 6px;
|
||
border-radius: 6px;
|
||
background: var(--background-modifier-hover);
|
||
color: var(--text-normal);
|
||
font-size: var(--font-ui-smaller);
|
||
}
|
||
|
||
.github-stars-settings-root {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 14px;
|
||
padding-bottom: 16px;
|
||
}
|
||
|
||
.github-stars-settings-section {
|
||
border: 1px solid var(--background-modifier-border);
|
||
border-radius: 12px;
|
||
padding: 12px;
|
||
background: var(--background-primary-alt);
|
||
}
|
||
|
||
.github-stars-settings-section-heading {
|
||
margin: 0 0 6px;
|
||
padding: 0;
|
||
border: none;
|
||
}
|
||
|
||
.github-stars-settings-section-heading .setting-item-name {
|
||
font-size: var(--font-ui-medium);
|
||
font-weight: 700;
|
||
color: var(--text-normal);
|
||
}
|
||
|
||
.github-stars-settings-section-desc {
|
||
margin: 0 0 2px;
|
||
font-size: var(--font-ui-small);
|
||
color: var(--text-muted);
|
||
line-height: 1.5;
|
||
}
|
||
|
||
.github-stars-settings-section .setting-item {
|
||
border: 1px solid var(--background-modifier-border);
|
||
border-radius: 10px;
|
||
padding: 10px 12px;
|
||
margin-top: 8px;
|
||
background: var(--background-secondary);
|
||
}
|
||
|
||
.github-stars-settings-section .setting-item:first-of-type {
|
||
margin-top: 0;
|
||
}
|
||
|
||
.github-stars-settings-section .setting-item-name {
|
||
font-weight: 600;
|
||
line-height: 1.3;
|
||
}
|
||
|
||
.github-stars-settings-section .setting-item-description {
|
||
font-size: var(--font-ui-smaller);
|
||
line-height: 1.45;
|
||
color: var(--text-muted);
|
||
}
|
||
|
||
.github-stars-settings-section .setting-item-control {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
align-items: center;
|
||
gap: 8px;
|
||
}
|
||
|
||
.github-stars-settings-section .setting-item-control button {
|
||
min-height: 30px;
|
||
border-radius: 8px;
|
||
padding: 0 10px;
|
||
}
|
||
|
||
.github-stars-sync-interval-setting .setting-item-control {
|
||
justify-content: flex-start;
|
||
}
|
||
|
||
.github-stars-sync-days-input {
|
||
width: 90px;
|
||
text-align: center;
|
||
}
|
||
|
||
.github-stars-settings-child-item {
|
||
margin-left: 16px;
|
||
position: relative;
|
||
}
|
||
|
||
.github-stars-settings-child-item::before {
|
||
content: '';
|
||
position: absolute;
|
||
top: 10px;
|
||
bottom: 10px;
|
||
left: -9px;
|
||
border-left: 1px dashed var(--background-modifier-border);
|
||
}
|
||
|
||
.github-stars-settings-subheading-row {
|
||
margin: 10px 0 4px;
|
||
padding-top: 6px;
|
||
border-top: 1px dashed var(--background-modifier-border);
|
||
}
|
||
|
||
.github-stars-settings-subheading-row .setting-item-name {
|
||
font-size: var(--font-ui-medium);
|
||
font-weight: 700;
|
||
}
|
||
|
||
.github-stars-settings-subdesc {
|
||
margin: 8px 0 10px;
|
||
padding: 10px 12px;
|
||
color: var(--text-muted);
|
||
font-size: var(--font-ui-smaller);
|
||
line-height: 1.45;
|
||
background: var(--background-primary);
|
||
border: 1px solid var(--background-modifier-border);
|
||
border-radius: 10px;
|
||
}
|
||
|
||
.github-stars-settings-subdesc p {
|
||
margin: 0 0 4px;
|
||
}
|
||
|
||
.github-stars-properties-toggle-setting {
|
||
background: var(--background-secondary-alt);
|
||
}
|
||
|
||
.github-stars-properties-item .setting-item-description {
|
||
font-family: var(--font-monospace);
|
||
}
|
||
|
||
.github-stars-properties-item .setting-item-control {
|
||
justify-content: flex-end;
|
||
}
|
||
|
||
.github-stars-properties-action-setting .setting-item-control {
|
||
justify-content: flex-start;
|
||
}
|
||
|
||
.github-stars-properties-action-btn {
|
||
min-width: 56px;
|
||
}
|
||
|
||
.github-stars-properties-action-btn-danger {
|
||
border-color: var(--background-modifier-border-hover);
|
||
}
|
||
|
||
.github-stars-invalid-data-modal {
|
||
width: min(760px, calc(100vw - 48px));
|
||
max-width: 760px;
|
||
}
|
||
|
||
.github-stars-invalid-data-modal .modal-content {
|
||
max-height: calc(100vh - 120px);
|
||
}
|
||
|
||
.github-stars-invalid-data-summary {
|
||
margin: 10px 0 14px;
|
||
color: var(--text-muted);
|
||
line-height: 1.5;
|
||
}
|
||
|
||
.github-stars-invalid-data-actions {
|
||
display: flex;
|
||
justify-content: flex-end;
|
||
gap: 10px;
|
||
margin-bottom: 14px;
|
||
}
|
||
|
||
.github-stars-invalid-data-list {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 10px;
|
||
max-height: min(56vh, 520px);
|
||
overflow-y: auto;
|
||
padding-right: 4px;
|
||
}
|
||
|
||
.github-stars-invalid-data-item {
|
||
padding: 14px 16px;
|
||
border: 1px solid var(--background-modifier-border);
|
||
border-radius: 12px;
|
||
background: var(--background-secondary);
|
||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
|
||
}
|
||
|
||
.github-stars-invalid-data-item-header {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
gap: 12px;
|
||
margin-bottom: 8px;
|
||
}
|
||
|
||
.github-stars-invalid-data-item-title {
|
||
font-weight: 600;
|
||
color: var(--text-normal);
|
||
word-break: break-all;
|
||
}
|
||
|
||
.github-stars-invalid-data-item-tags {
|
||
margin-bottom: 6px;
|
||
color: var(--text-normal);
|
||
line-height: 1.5;
|
||
word-break: break-word;
|
||
}
|
||
|
||
.github-stars-invalid-data-item-meta {
|
||
color: var(--text-muted);
|
||
line-height: 1.5;
|
||
word-break: break-word;
|
||
}
|
||
|
||
.github-stars-invalid-data-item-meta + .github-stars-invalid-data-item-meta {
|
||
margin-top: 4px;
|
||
}
|
||
|
||
.github-stars-invalid-data-item-link {
|
||
color: var(--link-color);
|
||
text-decoration: none;
|
||
word-break: break-all;
|
||
}
|
||
|
||
.github-stars-invalid-data-item-link:hover {
|
||
text-decoration: underline;
|
||
}
|
||
|
||
.github-stars-invalid-data-item-warning {
|
||
color: var(--text-warning);
|
||
line-height: 1.5;
|
||
}
|
||
|
||
.github-stars-invalid-data-delete-one {
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.github-stars-invalid-data-empty {
|
||
padding: 24px 16px;
|
||
text-align: center;
|
||
color: var(--text-muted);
|
||
border: 1px dashed var(--background-modifier-border);
|
||
border-radius: 12px;
|
||
background: var(--background-secondary);
|
||
}
|
||
|
||
/* 内联样式替代类 */
|
||
.transition-scale {
|
||
transition: all 0.15s ease-out;
|
||
}
|
||
|
||
.transform-scale-down {
|
||
transform: scale(0.95);
|
||
}
|
||
|
||
.transition-button {
|
||
transition: all 0.2s ease;
|
||
}
|
||
|
||
.display-none {
|
||
display: none !important;
|
||
}
|
||
|
||
.display-block {
|
||
display: block !important;
|
||
}
|
||
|
||
.position-fixed {
|
||
position: fixed !important;
|
||
}
|
||
|
||
.z-index-9999 {
|
||
z-index: 9999 !important;
|
||
}
|
||
|
||
/* 表单样式 */
|
||
.form-input-full {
|
||
width: 100%;
|
||
padding: 8px;
|
||
border: 1px solid var(--background-modifier-border);
|
||
border-radius: 4px;
|
||
background-color: var(--background-primary);
|
||
color: var(--text-normal);
|
||
font-size: 14px;
|
||
line-height: 1.4;
|
||
pointer-events: auto;
|
||
user-select: text;
|
||
}
|
||
|
||
.form-input-full:focus {
|
||
outline: 2px solid var(--interactive-accent);
|
||
outline-offset: 0px;
|
||
}
|
||
|
||
.form-input-disabled {
|
||
background-color: var(--background-modifier-border);
|
||
cursor: not-allowed;
|
||
}
|
||
|
||
.description-margin {
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
.button-flex-container {
|
||
display: flex;
|
||
justify-content: flex-end;
|
||
gap: 10px;
|
||
margin-top: 20px;
|
||
}
|
||
|
||
.border-color-success {
|
||
border-color: var(--interactive-success) !important;
|
||
}
|
||
|
||
.border-color-error {
|
||
border-color: var(--interactive-critical) !important;
|
||
}
|