H1K0
aab62cbe41
The light theme page background was a glaring near-white (#f5f5f5) with pure white sheets. Mirror the dark theme's approach (its background isn't pure black) by dimming the surfaces and adding a faint lavender tint from the brand palette, keeping the surface relationships intact: page on the dimmest surface, sheets brighter to pop, chips slightly darker for definition. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
43 lines
1.2 KiB
CSS
43 lines
1.2 KiB
CSS
@import 'tailwindcss';
|
|
|
|
@theme {
|
|
--color-bg-primary: #312F45;
|
|
--color-bg-secondary: #181721;
|
|
--color-bg-elevated: #111118;
|
|
--color-accent: #9592B5;
|
|
--color-accent-hover: #7D7AA4;
|
|
--color-text-primary: #f0f0f0;
|
|
--color-text-muted: #9999AD;
|
|
--color-danger: #DB6060;
|
|
--color-info: #4DC7ED;
|
|
--color-warning: #F5E872;
|
|
--color-tag-default: #444455;
|
|
--color-nav-bg: rgba(0, 0, 0, 0.45);
|
|
--color-nav-active: rgba(52, 50, 73, 0.72);
|
|
|
|
--font-sans: 'Epilogue', sans-serif;
|
|
}
|
|
|
|
:root[data-theme="light"] {
|
|
/* Muted, faintly lavender-tinted surfaces — not a glaring near-white, the same
|
|
way the dark theme's background isn't pure black. Page sits on the dimmest
|
|
surface; sheets are brighter to pop, chips a touch darker for definition. */
|
|
--color-bg-primary: #e4e2ec;
|
|
--color-bg-secondary: #f2f1f6;
|
|
--color-bg-elevated: #d8d6e2;
|
|
--color-accent: #6B68A0;
|
|
--color-accent-hover: #5A578F;
|
|
--color-text-primary: #111118;
|
|
--color-text-muted: #555566;
|
|
--color-tag-default: #cbcad9;
|
|
--color-nav-bg: rgba(228, 226, 236, 0.85);
|
|
--color-nav-active: rgba(90, 87, 143, 0.22);
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Epilogue';
|
|
src: url('/fonts/Epilogue-VariableFont_wght.ttf') format('truetype');
|
|
font-weight: 100 900;
|
|
font-display: swap;
|
|
}
|