Cómo crear tu propio tema de color de Visual Studio Code

Visual Studio Code ha sido uno de mis editores favoritos del año pasado y mejora cada vez más con cada actualización de Microsoft. En el pasado, he estado usando los temas de color integrados Light+ y Dark+, pero recientemente de repente sentí que la distinción entre los primeros no era alta, y de un vistazo parecían códigos densamente coincidentes, mientras que el color de fondo del El texto seleccionado era demasiado claro y no concordaba con el editor. Los colores de fondo eran tan similares que era difícil distinguirlos, así que se me ocurrió la idea de crear mi propio tema de color. Después de días de investigación, finalmente se me ocurrió la serie de temas de color Lei Theme.

Echemos un vistazo a dos de ellos:

En términos generales, no necesitamos hacer un tema de color desde cero, debemos elegir el tema de color que más nos guste. (O busque un tema que sea más similar al suyo) y luego haga algunos ajustes basados ​​en eso. Si desea publicar un tema de color en el repositorio de extensiones de Microsoft Visual Studio Code, debe registrarse para obtener una cuenta de desarrollador de Microsoft y publicar a través de la herramienta vsce, que se detalla a continuación.

Tema de color en formato tmTheme

TextMate fue uno de los editores de código más populares hace muchos años. La extensión de archivo de su tema de color es .tmTheme. En este artículo nos referiremos a él. tmFormato de tema. Los temas de color de Visual Studio Studio siguen el formato de tema estándar TextMate. Podemos consultar este artículo "Escribir gramática de TextMate: algunas lecciones aprendidas", que puede entenderse aproximadamente como: después de analizar el código, el editor asignará un alcance a cada elemento, lo que indica si el elemento es una palabra clave o una constante. Ya sea puntuación, palabras clave o constantes, o puntuación. El alcance indica si el elemento es una palabra clave, una constante o un signo de puntuación, y el estilo de texto del alcance se define en el formato tmTheme.

Según el artículo, aquí hay una lista de ámbitos comunes:

comentario

constante

constant.character.escape

idioma.constante

numérico.constante

declaración.sección entidad.nombre.sección

declaración.nombre.etiqueta

declaración.nombre.sección

declaración.nombre.etiqueta

declaración.nombre.sección

declaración.nombre.sección