36 lines
838 B
CSS
36 lines
838 B
CSS
/**
|
|
* accents.css — 5 套强调色覆盖
|
|
* 通过 <html data-accent="..."> 切换
|
|
*/
|
|
|
|
/* 默认（兜底）—— Linear Purple */
|
|
:root,
|
|
:root[data-accent="purple"] {
|
|
--accent: #5E6AD2;
|
|
--accent-soft: rgba(94, 106, 210, 0.12);
|
|
--accent-hover: rgba(94, 106, 210, 0.20);
|
|
}
|
|
|
|
:root[data-accent="blue"] {
|
|
--accent: #3B82F6;
|
|
--accent-soft: rgba(59, 130, 246, 0.12);
|
|
--accent-hover: rgba(59, 130, 246, 0.20);
|
|
}
|
|
|
|
:root[data-accent="green"] {
|
|
--accent: #10B981;
|
|
--accent-soft: rgba(16, 185, 129, 0.12);
|
|
--accent-hover: rgba(16, 185, 129, 0.20);
|
|
}
|
|
|
|
:root[data-accent="orange"] {
|
|
--accent: #F59E0B;
|
|
--accent-soft: rgba(245, 158, 11, 0.12);
|
|
--accent-hover: rgba(245, 158, 11, 0.20);
|
|
}
|
|
|
|
:root[data-accent="red"] {
|
|
--accent: #EF4444;
|
|
--accent-soft: rgba(239, 68, 68, 0.12);
|
|
--accent-hover: rgba(239, 68, 68, 0.20);
|
|
} |