You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
76 lines
2.0 KiB
76 lines
2.0 KiB
/* 万物收藏 — Design Tokens (from prototype) */
|
|
:root {
|
|
--bg: #0e0f11;
|
|
--bg2: #141518;
|
|
--bg3: #1c1e22;
|
|
--bg4: #242629;
|
|
--border: rgba(255, 255, 255, 0.07);
|
|
--border2: rgba(255, 255, 255, 0.12);
|
|
--text: #e8e6e1;
|
|
--text2: #8a8680;
|
|
--text3: #525050;
|
|
--accent: #c8a97e;
|
|
--accent2: #a07d52;
|
|
--accent-bg: rgba(200, 169, 126, 0.1);
|
|
--teal: #5db8a0;
|
|
--teal-bg: rgba(93, 184, 160, 0.1);
|
|
--blue: #6da4d4;
|
|
--blue-bg: rgba(109, 164, 212, 0.1);
|
|
--red: #d46d6d;
|
|
--red-bg: rgba(212, 109, 109, 0.1);
|
|
--purple: #9d88d4;
|
|
--purple-bg: rgba(157, 136, 212, 0.1);
|
|
--font-display: 'Noto Serif SC', serif;
|
|
--font-body: 'Outfit', sans-serif;
|
|
--font-mono: 'DM Mono', monospace;
|
|
--radius: 10px;
|
|
--radius-lg: 16px;
|
|
--sidebar-w: 220px;
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
html,
|
|
body {
|
|
height: 100%;
|
|
overflow: hidden;
|
|
background: var(--bg);
|
|
color: var(--text);
|
|
font-family: var(--font-body);
|
|
font-size: 14px;
|
|
}
|
|
|
|
/* Scrollbar */
|
|
::-webkit-scrollbar {
|
|
width: 4px;
|
|
}
|
|
::-webkit-scrollbar-track {
|
|
background: transparent;
|
|
}
|
|
::-webkit-scrollbar-thumb {
|
|
background: var(--bg4);
|
|
border-radius: 2px;
|
|
}
|
|
|
|
/* Type colors */
|
|
.c-web { color: var(--blue); }
|
|
.c-text { color: var(--purple); }
|
|
.c-img { color: var(--teal); }
|
|
.c-vid { color: var(--red); }
|
|
.c-doc { color: var(--accent); }
|
|
|
|
.badge-web { background: var(--blue-bg); color: var(--blue); }
|
|
.badge-text { background: var(--purple-bg); color: var(--purple); }
|
|
.badge-img { background: var(--teal-bg); color: var(--teal); }
|
|
.badge-vid { background: var(--red-bg); color: var(--red); }
|
|
.badge-doc { background: var(--accent-bg); color: var(--accent); }
|
|
|
|
.bg-web { background: linear-gradient(135deg, #1a2535, #203040); }
|
|
.bg-text { background: linear-gradient(135deg, #1e1a2e, #251e38); }
|
|
.bg-img { background: linear-gradient(135deg, #1a2820, #1e3228); }
|
|
.bg-vid { background: linear-gradient(135deg, #2a1a1a, #381e1e); }
|
|
.bg-doc { background: linear-gradient(135deg, #2a261a, #38321e); }
|
|
|