Octava Digital Theme

Tema para VS Code con colores neón bien vivos y la identidad de Octava Digital: líneas y bordes grises limpios, indicadores naranja #F78A24 y el subrayado naranja de sus títulos llevado a las pestañas y paneles.

Variantes

Variante	Tipo	Fondo del editor	Inspiración
Octava Dark	Oscuro	`#111827`	Modo oscuro de octavadigital.cl
Octava Midnight	Oscuro	`#0F0F11`	Negro profundo estilo JellyFish Pro
Octava Navy	Oscuro	`#0B1D36`	Azul marino de la marca
Octava Light	Claro	`#FFFFFF`	Modo claro de octavadigital.cl
Octava Sunrise	Claro	`#FFFBF5`	Crema cálido, suave para la vista

Las capturas de cada variante están en images/screenshots/.

Paleta de sintaxis

Rol	Oscuro	Claro
`class`, `function`, `const`, funciones	`#00D364`	`#00823A`
Tipos y clases	`#00A6FB`	`#1A5FE0`
`public`, `extends`, `static`, `async`	`#FF3399`	`#DB0072`
`return`, `if`, `import`	`#DA68FB`	`#A01CE8`
Variables	`#00BFFF`	`#0077B6`
Propiedades	`#8C9EFF`	`#007D67`
Parámetros	`#F88DAD`	`#C43C78`
Strings	`#FFCC66`	`#C26A00`
Números y constantes	`#FF8A24`	`#CC4208`
Comillas, regex, código en línea	`#3EE6C4`	`#00866E`
Operadores	`#5CC9F5`	`#0891B2`

Los colores de sintaxis superan el contraste WCAG AA (4.5:1) contra su fondo, excepto los comentarios (mínimo 3:1) y, en los modos claros, operadores, strings y comillas (mínimo 3.5:1). npm run check lo verifica.

Instalar

Probar sin instalar: abre esta carpeta en VS Code y presiona F5. Se abre una ventana de prueba con los archivos de samples/. Cambia de variante con Ctrl+K Ctrl+T.

Instalar como extensión:

npm run package
code --install-extension octava-digital-theme-1.0.0.vsix

Personalizar

Los JSON de themes/ se generan; no se editan a mano.

Cambia colores en src/palettes.mjs (paletas) o reglas en src/theme.mjs (plantilla).
Ejecuta npm run build para regenerar los cinco temas.
Ejecuta npm run check para verificar el contraste.

Para agregar una variante nueva, suma un objeto al arreglo variants en src/palettes.mjs y regístralo en contributes.themes de package.json.

Ajustes recomendados

{
  "editor.fontFamily": "'JetBrains Mono', 'Cascadia Code', Consolas, monospace",
  "editor.fontLigatures": true,
  "editor.bracketPairColorization.enabled": true,
  "editor.guides.bracketPairs": "active",
  "editor.semanticHighlighting.enabled": true
}