2025-11-05 16:48:41 +00:00
|
|
|
/* Dracula Theme - Inspired by Dracula Color Scheme */
|
|
|
|
|
/* https://draculatheme.com/ */
|
2025-11-17 16:29:00 +00:00
|
|
|
/* @theme-type: dark */
|
2025-11-05 16:48:41 +00:00
|
|
|
|
|
|
|
|
:root[data-theme="dracula"] {
|
|
|
|
|
/* Background colors */
|
|
|
|
|
--bg-primary: #282a36;
|
|
|
|
|
--bg-secondary: #21222c;
|
|
|
|
|
--bg-tertiary: #343746;
|
|
|
|
|
--bg-hover: #343746;
|
|
|
|
|
--bg-active: #44475a;
|
|
|
|
|
|
|
|
|
|
/* Text colors */
|
|
|
|
|
--text-primary: #f8f8f2;
|
|
|
|
|
--text-secondary: #e6e6e6;
|
|
|
|
|
--text-tertiary: #6272a4;
|
|
|
|
|
|
|
|
|
|
/* Border colors */
|
|
|
|
|
--border-primary: #44475a;
|
|
|
|
|
--border-secondary: #3a3c4e;
|
|
|
|
|
|
|
|
|
|
/* Accent colors */
|
|
|
|
|
--accent-primary: #bd93f9;
|
|
|
|
|
--accent-hover: #9f7aea;
|
|
|
|
|
--accent-light: rgba(189, 147, 249, 0.15);
|
|
|
|
|
|
|
|
|
|
/* Status colors */
|
|
|
|
|
--success: #50fa7b;
|
|
|
|
|
--error: #ff5555;
|
|
|
|
|
--warning: #f1fa8c;
|
2026-05-06 16:51:01 +00:00
|
|
|
|
2026-05-07 09:15:36 +00:00
|
|
|
/* Bold + italic — Dracula yellow + lighter purple (cohesive with purple heading) */
|
|
|
|
|
--syntax-bold: #f1fa8c; /* Dracula yellow */
|
|
|
|
|
--syntax-italic: #d8b4fe; /* lighter purple — same family as heading */
|
|
|
|
|
|
2025-11-05 16:48:41 +00:00
|
|
|
/* 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);
|
|
|
|
|
}
|
|
|
|
|
|
