Tema de código

De forma nativa, DeveloperHub admite un tema claro y uno oscuro para los bloques de código. Recomendamos usar el tema de código claro cuando se utiliza el tema claro en todo el proyecto.

Configurar el tema de código claro/oscuro

Para cambiar el tema de código entre claro y oscuro:

• Abre Configuración del proyecto → Personalización.

• Elige el tema de código.

• Haz clic en Guardar cambios en el menú superior.

Temas de código avanzados

Usamos CodeMirror para renderizar y dar formato a nuestros bloques de código, y CodeMirror ofrece un montón de temas entre los que elegir. La lista de temas está disponible aquí.

Para cambiar el tema de código, necesitarás importar la hoja de estilos del tema y también proporcionar un ajuste que especifique qué tema usar. Esto garantiza que el tema seleccionado se aplique correctamente dentro de la aplicación.

• Primero, busca una CDN que proporcione la hoja de estilos del tema para obtener el máximo rendimiento. cdnjs es un ejemplo.

• Importa la hoja de estilos del tema añadiendo una etiqueta style como esta mediante Etiquetas HEAD personalizadas:

• Aplica también la configuración del tema añadiendo un script a tus etiquetas HEAD:

Quizá quieras cambiar el estilo de las pestañas del bloque de código y del botón de copiar para que coincidan con el tema que hayas elegido.