46 lines
1.2 KiB
CSS
46 lines
1.2 KiB
CSS
|
@import "tailwindcss";
|
||
|
|
|
||
|
|
:root {
|
||
|
|
--bg: #fcfaf5;
|
||
|
|
--surface: #f6f1e7;
|
||
|
|
--text: #223d66;
|
||
|
|
--muted: #6f7f96;
|
||
|
|
--line: #e4dfd2;
|
||
|
|
--accent: #1d3d6c;
|
||
|
|
--accent-hover: #2a5180;
|
||
|
|
--danger: #d75a4a;
|
||
|
|
--danger-hover: #c45151;
|
||
|
|
--success: #39b86f;
|
||
|
|
--warning: #c09a46;
|
||
|
|
}
|
||
|
|
|
||
|
|
@theme inline {
|
||
|
|
--color-bg: var(--bg);
|
||
|
|
--color-surface: var(--surface);
|
||
|
|
--color-text: var(--text);
|
||
|
|
--color-muted: var(--muted);
|
||
|
|
--color-line: var(--line);
|
||
|
|
--color-accent: var(--accent);
|
||
|
|
--color-accent-hover: var(--accent-hover);
|
||
|
|
--color-danger: var(--danger);
|
||
|
|
--color-danger-hover: var(--danger-hover);
|
||
|
|
--color-success: var(--success);
|
||
|
|
--color-warning: var(--warning);
|
||
|
|
--font-sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
background: var(--bg);
|
||
|
|
color: var(--text);
|
||
|
|
font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
|
||
|
|
-webkit-font-smoothing: antialiased;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Scrollbar */
|
||
|
|
::-webkit-scrollbar { width: 6px; height: 6px; }
|
||
|
|
::-webkit-scrollbar-track { background: transparent; }
|
||
|
|
::-webkit-scrollbar-thumb { background: var(--line); border-radius: 3px; }
|
||
|
|
::-webkit-scrollbar-thumb:hover { background: var(--muted); }
|
||
|
|
|
||
|
|
/* Focus ring */
|
||
|
|
*:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
|