mirror of
https://github.com/rustmailer/bichon.git
synced 2026-08-03 07:48:34 +02:00
Update index.css
This commit is contained in:
+3
-11
@@ -5,7 +5,6 @@
|
|||||||
|
|
||||||
@layer base {
|
@layer base {
|
||||||
:root {
|
:root {
|
||||||
/* 亮色模式:保持清爽,略微加深边框对比度 */
|
|
||||||
--background: 0 0% 100%;
|
--background: 0 0% 100%;
|
||||||
--foreground: 215 28% 17%;
|
--foreground: 215 28% 17%;
|
||||||
|
|
||||||
@@ -16,8 +15,7 @@
|
|||||||
--popover-foreground: 215 28% 17%;
|
--popover-foreground: 215 28% 17%;
|
||||||
--card: 0 0% 100%;
|
--card: 0 0% 100%;
|
||||||
--card-foreground: 215 28% 17%;
|
--card-foreground: 215 28% 17%;
|
||||||
|
|
||||||
/* 提升亮色下的边框清晰度 */
|
|
||||||
--border: 214 32% 88%;
|
--border: 214 32% 88%;
|
||||||
--input: 214 32% 88%;
|
--input: 214 32% 88%;
|
||||||
|
|
||||||
@@ -52,26 +50,21 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.dark {
|
.dark {
|
||||||
/* 背景:采用质感深灰 (Slate 900级别) 而不是纯黑 */
|
|
||||||
--background: 215 20% 12%;
|
--background: 215 20% 12%;
|
||||||
--foreground: 210 40% 98%; /* 更明亮的纯白主文本 */
|
--foreground: 210 40% 98%;
|
||||||
|
|
||||||
/* 卡片和悬浮层:比背景明显提亮一个色阶 (Slate 800级别),形成物理层次感 */
|
|
||||||
--card: 215 20% 16%;
|
--card: 215 20% 16%;
|
||||||
--card-foreground: 210 40% 98%;
|
--card-foreground: 210 40% 98%;
|
||||||
--popover: 215 20% 16%;
|
--popover: 215 20% 16%;
|
||||||
--popover-foreground: 210 40% 98%;
|
--popover-foreground: 210 40% 98%;
|
||||||
|
|
||||||
/* 弱化背景:用于 Table 表头、Hover 状态,再次提亮 */
|
|
||||||
--muted: 215 20% 22%;
|
--muted: 215 20% 22%;
|
||||||
/* 弱化文字:明度提高到 70%,确保在深色背景上不费眼 */
|
|
||||||
--muted-foreground: 215 15% 70%;
|
--muted-foreground: 215 15% 70%;
|
||||||
|
|
||||||
/* 边框和输入框:使用高光轮廓线,对比度极强,切分区域极其清晰 */
|
|
||||||
--border: 215 20% 28%;
|
--border: 215 20% 28%;
|
||||||
--input: 215 20% 28%;
|
--input: 215 20% 28%;
|
||||||
|
|
||||||
/* 主色调:采用穿透力更强的高明度冰蓝色 */
|
|
||||||
--primary: 217 90% 70%;
|
--primary: 217 90% 70%;
|
||||||
--primary-foreground: 215 20% 12%;
|
--primary-foreground: 215 20% 12%;
|
||||||
|
|
||||||
@@ -91,7 +84,6 @@
|
|||||||
--chart-4: 280 75% 75%;
|
--chart-4: 280 75% 75%;
|
||||||
--chart-5: 340 85% 70%;
|
--chart-5: 340 85% 70%;
|
||||||
|
|
||||||
/* 侧边栏:略微比主区域深一点点,起到画框包裹的视觉效果 */
|
|
||||||
--sidebar-background: 215 20% 10%;
|
--sidebar-background: 215 20% 10%;
|
||||||
--sidebar-foreground: 210 40% 98%;
|
--sidebar-foreground: 210 40% 98%;
|
||||||
--sidebar-primary: 217 90% 70%;
|
--sidebar-primary: 217 90% 70%;
|
||||||
|
|||||||
Reference in New Issue
Block a user