Ronix Blue 🌌
Un tema oscuro profesional, limpio y moderno para Visual Studio Code.
Fondo azul casi negro, paneles azul marino profundo, detalles celestes brillantes y una sintaxis viva pero equilibrada.
Español • English
Vista previa
Vista general

JavaScript

CSS

Español
✨ Características
- Fondo casi negro con tinte azul profundo (
#080c16): Proporciona el máximo confort visual reduciendo la fatiga ocular durante largas sesiones de programación.
- Paneles azul marino (
#0d1424 / #0b101d): Jerarquía clara y elegante entre el explorador, la barra de actividad, pestañas y la terminal integrada.
- Acentos celestes y cyan neón (
#38bdf8 / #00d2ff): Indicadores limpios y precisos en cursores, pestañas activas, botones y bordes enfocados.
- Selección azul translúcida (
#1d4ed850): Selección clara que resalta el código sin oscurecer los caracteres seleccionados.
- Sintaxis viva pero armónica: Diseñada para equilibrar legibilidad y contraste en todos los lenguajes principales (TypeScript, JavaScript, Python, Go, Rust, HTML, CSS, C++, JSON, Markdown).
- Compatibilidad con Semantic Highlighting: Aprovecha las capacidades semánticas modernas de VS Code para una colorización contextual precisa.
🎨 Paleta de Colores / Color Palette
| Elemento / Element |
Color Hex |
Muestra / Preview |
Descripción / Description |
| Editor Background |
#080c16 |
■ |
Fondo principal azul casi negro |
| Side Bar Background |
#0d1424 |
■ |
Azul marino profundo para paneles |
| Activity Bar & Terminal |
#0b101d |
■ |
Fondo para barras y paneles secundarios |
| Accent / Cyan Neon |
#38bdf8 |
■ |
Celeste brillante para cursores y acentos |
| Selection Blue |
#1d4ed850 |
■ |
Selección azul de alto contraste |
| Keywords & Control |
#38bdf8 |
■ |
Palabras clave y control de flujo |
| Functions & Methods |
#67e8f9 / #60a5fa |
■ |
Funciones, métodos e invocaciones |
| Types & Classes |
#2dd4bf |
■ |
Tipos, clases, interfaces y structs |
| Strings |
#4ade80 |
■ |
Cadenas de texto en verde menta fresco |
| Numbers & Constants |
#f472b6 |
■ |
Números y constantes en rosa suave |
| Booleans & Special |
#fb923c |
■ |
Booleanos, null y undefined en naranja |
| Parameters |
#fdba74 |
■ |
Parámetros de función en melocotón suave |
| Variables |
#f1f5f9 |
■ |
Variables base en blanco azulado suave |
| Comments |
#64748b |
■ |
Comentarios legibles en pizarra itálica |
⚙️ Configuración Recomendada de VS Code
Para una experiencia óptima con Ronix Blue, se recomienda agregar lo siguiente a tu archivo settings.json:
{
"workbench.colorTheme": "Ronix Blue",
"editor.fontFamily": "'Fira Code', 'JetBrains Mono', 'Cascadia Code', Consolas, monospace",
"editor.fontLigatures": true,
"editor.fontSize": 14,
"editor.lineHeight": 22,
"editor.cursorBlinking": "smooth",
"editor.cursorSmoothCaretAnimation": "on",
"editor.bracketPairColorization.enabled": true,
"editor.guides.bracketPairs": "active"
}
English
✨ Features
- Deep Blue-Black Background (
#080c16): Maximum visual comfort engineered to reduce fatigue during extended coding sessions.
- Navy Blue Panels (
#0d1424 / #0b101d): Crisp architectural separation between editor, activity bar, sidebar, and integrated terminal.
- Electric Cyan & Sky Blue Accents (
#38bdf8 / #00d2ff): Sleek indicators across cursor, active tabs, buttons, and focused elements.
- Translucent Blue Selection (
#1d4ed850): Clean contrast that keeps highlighted text perfectly readable.
- Vibrant yet Balanced Syntax: Hand-tuned harmony across TypeScript, JavaScript, Python, Go, Rust, HTML, CSS, C++, JSON, Markdown, and more.
- Semantic Highlighting Enabled: Native support for modern VS Code semantic tokens.
📄 License
Este proyecto está bajo la Licencia MIT. Consulta el archivo LICENSE para más detalles.
Copyright (c) 2026 Ronald Huaira.
| |