Saltar al contenido
Todas las publicaciones
Tutorial2026/07/17

Cómo crear un tema personalizado de Codex

Diseña una paleta coherente para Codex con superficies, tinta, acento, colores semánticos, fuentes y resaltado de código sin sacrificar la legibilidad.

Cinco campos de color coordinados dispuestos como un sistema de tema

Respuesta rápida

Parte de una apariencia integrada clara u oscura y luego define un rol cada vez: superficie, tinta de primer plano, acento, contraste, tema de código, fuente de la interfaz, fuente del código y colores semánticos. Previsualiza cada estado antes de compartir.

Codex App documenta oficialmente controles para el tema base, el acento, el fondo, el primer plano, la fuente de la interfaz, la fuente del código y la función de compartir. Este flujo de trabajo se revisó con la versión 26.707.72221 para macOS.

Construye una paleta basada en roles

No empieces con cinco colores atractivos y los asignes al azar. Empieza con los roles.

  • Surface es el lienzo principal.
  • Ink es el primer plano principal.
  • Accent identifica las acciones y los estados seleccionados.
  • Diff added y diff removed necesitan un significado semántico diferenciado.
  • Skill debe ser reconocible sin competir con el acento principal.

Usa una segunda superficie cercana para los paneles en tus estudios visuales, pero recuerda que el payload nativo para compartir almacena la superficie principal y deriva muchos estados de la interfaz a partir del contraste.

Prueba antes de exportar

Comprueba párrafos largos, metadatos pequeños, controles desactivados, foco de teclado, bloques de código, código en línea, adiciones, eliminaciones y filas seleccionadas. Prueba tanto una tarea con mucho contenido como una vista de inicio vacía. Una paleta que parece elegante en una tira de cinco colores puede fallar cuando el texto atenuado se sitúa sobre un color de panel derivado.

Registra el nombre del tema, la variante compatible, la versión de Codex, la plataforma, la fecha de creación, la fuente y la licencia. Mantén un tema integrado que sepas que funciona como vía de restauración.

Cuando el tema sea estable, expórtalo desde Codex en lugar de reconstruir a mano un formato no documentado. Antes de publicar, lee cómo compartir un tema de forma segura, la política de seguridad y las notas de licencias.