/* 品牌中性色与主色分离：主色仍通过 Vben preferences 生成全部色阶。 */
|
html[data-brand-theme='herbal']:not(.dark) {
|
--background: 40 50% 99%;
|
--background-deep: 37 33% 95%;
|
--foreground: 27 16% 17%;
|
--card: 40 50% 99%;
|
--card-foreground: 27 16% 17%;
|
--popover: 40 50% 99%;
|
--popover-foreground: 27 16% 17%;
|
--muted: 35 25% 94%;
|
--muted-foreground: 28 10% 40%;
|
--secondary: 35 25% 94%;
|
--secondary-foreground: 27 16% 17%;
|
--accent: 33 35% 93%;
|
--accent-dark: 33 28% 90%;
|
--accent-darker: 33 24% 87%;
|
--accent-lighter: 38 45% 97%;
|
--accent-hover: 33 28% 90%;
|
--accent-foreground: 27 16% 17%;
|
--border: 33 25% 86%;
|
--input: 33 25% 86%;
|
--sidebar: 40 50% 99%;
|
--sidebar-deep: 37 35% 97%;
|
--menu: var(--sidebar);
|
--header: 40 50% 99%;
|
}
|
html[data-brand-theme='herbal'].dark {
|
--background: 26 16% 12%;
|
--background-deep: 25 18% 9%;
|
--foreground: 35 30% 90%;
|
--card: 26 15% 14%;
|
--card-foreground: 35 30% 90%;
|
--popover: 26 15% 14%;
|
--popover-foreground: 35 30% 90%;
|
--muted: 26 13% 19%;
|
--muted-foreground: 33 15% 68%;
|
--border: 27 15% 26%;
|
--input: 27 15% 26%;
|
--sidebar: 26 16% 12%;
|
--sidebar-deep: 25 18% 10%;
|
--menu: var(--sidebar);
|
--header: 26 16% 12%;
|
}
|
/* 暗色下使用明亮朱砂色，保证链接与选中态可读；按钮搭配深色文字。 */
|
html[data-brand-theme='herbal'][data-herbal-palette='true'].dark {
|
--primary: 357 64% 73% !important;
|
--primary-500: 357 64% 73% !important;
|
--primary-600: 357 69% 77% !important;
|
--primary-700: 357 70% 83% !important;
|
--primary-foreground: 27 25% 12%;
|
}
|
/* 支持半深色导航偏好，不让浅色品牌底覆盖该偏好。 */
|
html[data-brand-theme='herbal']:not(.dark) .dark {
|
--sidebar: 26 16% 12%;
|
--sidebar-deep: 25 18% 10%;
|
--menu: var(--sidebar);
|
--header: 26 16% 12%;
|
}
|
