NoteDiscovery/themes/dark.css

46 lines
1.2 KiB
CSS

/* Dark Theme */
/* @theme-type: dark */
:root[data-theme="dark"] {
/* Background colors */
--bg-primary: #1f2937;
--bg-secondary: #111827;
--bg-tertiary: #374151;
--bg-hover: #374151;
--bg-active: #4b5563;
/* Text colors */
--text-primary: #f9fafb;
--text-secondary: #d1d5db;
--text-tertiary: #9ca3af;
/* Border colors */
--border-primary: #374151;
--border-secondary: #4b5563;
/* Accent colors */
--accent-primary: #60a5fa;
--accent-hover: #3b82f6;
--accent-light: #1e3a8a;
/* Status colors */
--success: #34d399;
--error: #f87171;
--warning: #fbbf24;
/* Markdown syntax-highlight colors (color-only, no font-weight / italic) */
--syntax-heading: #60a5fa; /* blue */
--syntax-bold: #fbbf24; /* amber/yellow — Cursor-style */
--syntax-italic: #c084fc; /* violet */
--syntax-code: #f87171; /* salmon red */
--syntax-link: #60a5fa;
--syntax-list: #f59e0b; /* warm orange — stands out at line start */
--syntax-wikilink:#a5b4fc; /* indigo */
--syntax-blockquote: #9ca3af; /* muted gray */
/* Shadows */
--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
}