按钮颜色

This commit is contained in:
tianmo committed 2026-09-19 19:01:49 +08:00
1 parent b258d736fd
commit 5808e3dfce
5 files changed
+57 -6

No files matched your search

+15
View File
@@ -77,6 +77,21 @@
button.active { background: var(--accent); color: #fff; border-color: var(--accent); }
button.primary { background: var(--accent); color: #fff; border-color: var(--accent); }
button:disabled { cursor: default; opacity: .55; }
#groupThumbBtn { position: relative; background: #2e7d32; color: #fff; border-color: #2e7d32; }
#groupThumbBtn:hover { background: #256628; }
#thumbBtn { position: relative; background: #1976d2; color: #fff; border-color: #1976d2; }
#thumbBtn:hover { background: #155fa8; }
#groupThumbBtn::after, #thumbBtn::after {
content: attr(data-tooltip); position: absolute; top: calc(100% + 8px); z-index: 30;
width: max-content; max-width: min(620px, calc(100vw - 24px)); padding: 6px 10px;
color: var(--text); font-size: 12px; font-weight: 500; line-height: 1.4; white-space: normal;
background: var(--panel); border: 1px solid var(--border); border-radius: 4px;
box-shadow: 0 4px 14px rgba(0, 0, 0, .35); pointer-events: none;
opacity: 0; visibility: hidden;
}
#groupThumbBtn::after { left: 0; background: #256628; border-color: #256628; color: #fff; }
#thumbBtn::after { right: 0; background: #155fa8; border-color: #155fa8; color: #fff; }
#groupThumbBtn:hover::after, #thumbBtn:hover::after { opacity: 1; visibility: visible; }
.thumb-dialog {
position: absolute; inset: 0; z-index: 40; display: flex;
align-items: center; justify-content: center; padding: 24px;