2025-11-05 16:48:41 +00:00
|
|
|
/* Cobalt2 Theme */
|
|
|
|
|
/* Inspired by Wes Bos's Cobalt2 theme for VS Code */
|
2025-11-17 16:29:00 +00:00
|
|
|
/* @theme-type: dark */
|
2025-11-05 16:48:41 +00:00
|
|
|
|
|
|
|
|
:root[data-theme="cobalt2"] {
|
|
|
|
|
/* Background colors */
|
|
|
|
|
--bg-primary: #193549;
|
|
|
|
|
--bg-secondary: #122738;
|
|
|
|
|
--bg-tertiary: #1f4662;
|
|
|
|
|
--bg-hover: #234e6d;
|
|
|
|
|
--bg-active: #275472;
|
|
|
|
|
|
|
|
|
|
/* Text colors */
|
|
|
|
|
--text-primary: #ffffff;
|
|
|
|
|
--text-secondary: #e8e8e8;
|
|
|
|
|
--text-tertiary: #aaaaaa;
|
|
|
|
|
|
|
|
|
|
/* Border colors */
|
|
|
|
|
--border-primary: #0d3a58;
|
|
|
|
|
--border-secondary: #0a2942;
|
|
|
|
|
|
|
|
|
|
/* Accent colors - Cobalt blue/yellow */
|
|
|
|
|
--accent-primary: #ffc600;
|
|
|
|
|
--accent-hover: #ffdd57;
|
|
|
|
|
--accent-light: rgba(255, 198, 0, 0.15);
|
|
|
|
|
|
|
|
|
|
/* Status colors */
|
|
|
|
|
--success: #3ad900;
|
|
|
|
|
--error: #ff0088;
|
|
|
|
|
--warning: #ffc600;
|
2026-05-06 16:51:01 +00:00
|
|
|
|
2026-05-07 09:15:36 +00:00
|
|
|
/* Bold + italic — Cobalt2 native orange + cyan.
|
|
|
|
|
Heading is yellow (warm), so italic uses Cobalt2's signature cyan
|
|
|
|
|
instead of "lighter primary" to preserve warm/cool hierarchy. */
|
|
|
|
|
--syntax-bold: #ff9d00; /* cobalt2 orange */
|
|
|
|
|
--syntax-italic: #9effff; /* cobalt2 cyan */
|
2026-05-06 16:51:01 +00:00
|
|
|
|
2025-11-05 16:48:41 +00:00
|
|
|
/* Shadows */
|
|
|
|
|
--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
|
|
|
|
|
--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.5);
|
|
|
|
|
--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.6);
|
|
|
|
|
}
|
|
|
|
|
|
