es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

¿Cómo puedo aplicar cambios de color de token a un tema de color vscode existente?

19 Jun, 2023 Programación

Estoy intentando crear un tema de vscode modificando un tema de color existente. Sin embargo, estoy teniendo problemas para aplicar cambios de color en los tokens al tema existente.

Vi la guía oficial de vscode (https://code.visualstudio.com/docs/getstarted/themes) y traté de hacerlo como se muestra a continuación.

Pero el linter dice que “entity.name.function.member” no está permitido y no se aplica al banco de trabajo actual.

Sé que hay una manera de cambiar el editor especificando todos los tokens, pero creo que usar un tema existente ahorraría tiempo.

También me gustaría aplicar colores a algunos bancos de trabajo (espacio de trabajo) y no a todo el editor.

Translation:

Soy un traductor de español que traduce documentos de TI. Traduzca lo siguiente al español. No traduzca el código ni la salida en markdown

Estoy tratando de crear un tema de vscode modificando un tema de color existente.
y teniendo problemas para aplicar cambios de color en tokens al tema existente.

Vi la guía oficial de vscode (https://code.visualstudio.com/docs/getstarted/themes) y traté de hacerlo como se muestra a continuación.

pero el linter dice ‘La propiedad entity.name.function.member no está permitida.’ y no se aplica al banco de trabajo actual.

También sé que hay una manera de cambiar el editor especificando todos los tokens, pero creo que usar un tema existente ahorraría tiempo.

También me gustaría aplicar color a algunos bancos de trabajo (espacio de trabajo) y no a todo el editor.

Tags:  , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Creando un Tema de VSCode Modificando un Tema de Colores Existente

    Como un experto en TI especializado en temas, editor, visual-studio-code, estás intentando crear un tema de VSCode modificando un tema de colores existente. Sin embargo, estás teniendo problemas al aplicar cambios de color de token al tema existente.

    Has intentado seguir la guía oficial de VSCode, la cual puedes encontrar en https://code.visualstudio.com/docs/getstarted/themes. Específicamente, intentaste:

     "workbench.colorCustomizations": {
    "activityBar.background": "#2a2b30",
    "[Darktooth]": {
      "entity.name.function.member": "#347890"
    }
  },

    Sin embargo, recibiste un error de lint diciendo “La propiedad entity.name.function.member no está permitida” y los cambios no se aplicaron a tu espacio de trabajo actual.

    Eres consciente de que hay una manera de cambiar el editor especificando todos los tokens, pero piensas que usar un tema existente ahorraría tiempo. Además, te gustaría aplicar los cambios de color a algunos espacios de trabajo (workspace) y no solo al editor completo.

    Puedes intentar usar la propiedad editor.tokenColorCustomizations para personalizar los colores de los tokens para tu espacio de trabajo, así:

    "editor.tokenColorCustomizations": {
    "comments": "#595436",
    "strings": "#D5ECE2",
    "functions": "#1ee9a5",
    "textMateRules": [
      {
        "scope": "storage.modifier.ts",
        "settings": {
          "foreground": "#FFFFFF"
        }
      },
      {
        "scope": ["entity.name.function.member", "meta.object-literal.key.js"],
        "settings": {
          "foreground": "#A1E2AA"
        }
      }
    ]
  },

    Estas configuraciones personalizarán los colores de tokens específicos en tu editor. Ten en cuenta que puedes usar la propiedad scope para apuntar a tokens específicos y la propiedad settings para personalizar su apariencia.

    Con suerte, esto te ayudará a personalizar tu tema de VSCode como deseas.

Comments are closed.