/* Monokai Theme - Classic code editor theme */ /* Inspired by Sublime Text's Monokai */ /* @theme-type: dark */ :root[data-theme="monokai"] { /* Background colors */ --bg-primary: #272822; --bg-secondary: #1e1f1c; --bg-tertiary: #3e3d32; --bg-hover: #3e3d32; --bg-active: #49483e; /* Text colors */ --text-primary: #f8f8f2; --text-secondary: #cfcfc2; --text-tertiary: #75715e; /* Border colors */ --border-primary: #49483e; --border-secondary: #3e3d32; /* Accent colors */ --accent-primary: #66d9ef; --accent-hover: #a6e22e; --accent-light: rgba(102, 217, 239, 0.15); /* Status colors */ --success: #a6e22e; --error: #f92672; --warning: #e6db74; /* Bold + italic — Monokai yellow + lighter cyan (cohesive with cyan heading) */ --syntax-bold: #e6db74; /* Monokai yellow (strings) */ --syntax-italic: #a5f3fc; /* lighter cyan — same family as heading */ /* 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); }