57 lines
1.4 KiB
CSS
57 lines
1.4 KiB
CSS
/**
|
|
* Novel Theme - CSS Custom Properties
|
|
* Light and dark theme variables
|
|
*/
|
|
|
|
:root {
|
|
/* Light Theme (Default) */
|
|
--bg-primary: #faf8f3;
|
|
--bg-secondary: #f5f2eb;
|
|
--bg-tertiary: #ebe7de;
|
|
--text-heading: #3a3a3a;
|
|
--text-primary: #5a5a5a;
|
|
--text-secondary: #6a6a6a;
|
|
--text-muted: #8c8c8c;
|
|
--accent: #8b4513;
|
|
--accent-hover: #6d360f;
|
|
--border: #e8e4db;
|
|
--border-light: #f0ece3;
|
|
--shadow: rgba(0, 0, 0, 0.08);
|
|
--code-bg: #f8f5ef;
|
|
--link: #5c4033;
|
|
--link-hover: #8b4513;
|
|
|
|
/* Fonts */
|
|
--font-heading: 'Libre Baskerville', Georgia, serif;
|
|
--font-body: 'Inter', system-ui, -apple-system, sans-serif;
|
|
--font-mono: 'JetBrains Mono', 'Fira Code', monospace;
|
|
|
|
/* Spacing */
|
|
--content-width: 720px;
|
|
--sidebar-width: 280px;
|
|
--header-height: 56px;
|
|
}
|
|
|
|
/* Content width responsive to font size */
|
|
html[data-font-size="S"] { --content-width: 640px; }
|
|
html[data-font-size="M"] { --content-width: 720px; }
|
|
html[data-font-size="L"] { --content-width: 800px; }
|
|
|
|
[data-theme="dark"] {
|
|
--bg-primary: #1a1a1a;
|
|
--bg-secondary: #252525;
|
|
--bg-tertiary: #303030;
|
|
--text-heading: #e0dcd3;
|
|
--text-primary: #b0aca3;
|
|
--text-secondary: #9a9a9a;
|
|
--text-muted: #707070;
|
|
--accent: #d4a574;
|
|
--accent-hover: #e0b98a;
|
|
--border: #3a3a3a;
|
|
--border-light: #2a2a2a;
|
|
--shadow: rgba(0, 0, 0, 0.3);
|
|
--code-bg: #2a2a2a;
|
|
--link: #d4a574;
|
|
--link-hover: #e8c9a0;
|
|
}
|