Cambiar el color del texto resaltado en Visual Studio Code

Necesitamos tu ayuda para difundir nuestras secciones con relación a las ciencias de la computación.

Solución:

Agregue las siguientes líneas en la configuración “Editor: Personalizaciones de color de token”, dentro del archivo settings.json.

"workbench.colorCustomizations": 
    "editor.selectionBackground": "#135564",
    "editor.selectionHighlightBackground": "#135564"
,

Consulte la Referencia de colores del tema para obtener más opciones.

Las respuestas anteriores cubren el Selected text y areas with same content as selectionpero extrañan el Current Search Match y Other Search Matches — que tienen el mismo problema.

"workbench.colorCustomizations": 
    "editor.findMatchBackground": "#00cc44a8", //Current SEARCH MATCH
    "editor.findMatchHighlightBackground": "#ff7b00a1" //Other SEARCH MATCHES

Tenga en cuenta que la configuración anterior también afectará a los colores cuando utilice Cambiar todas las apariciones controlF2(un comando súper útil queinteligentementeselecciona todas las ocurrencias de un stringcolocando cursores en cada ubicación para la edición de instancias múltiples).

ACTUALIZAR:

Para aquellos que usan la popular extensión Marcadores numerados, ahora puede cambiar el color de fondo de las líneas marcadas, lo que hace que sea muy fácil notarlos. (¿Alguna vez ha querido una forma de marcar líneas temporalmente en su código, como con un resaltador en papel?) Agregue esta línea a su settings.json (también en workbench.colorPersonalizaciones):

        "numberedBookmarks.lineBackground": "#007700"

Y no te pierdas el útil consejo de Henry Zhu aquí. Agregué la sugerencia de Henry a la configuración anterior y encontré que el efecto general mejoró.

---

Ejemplo de un archivo de configuración típico, post mod:

    
        "git.enableSmartCommit": true,
        "git.autofetch": true,
        "breadcrumbs.enabled": true,
        "git.confirmSync": false,
        "explorer.confirmDelete": false,
        "code-runner.saveFileBeforeRun": true,
        "code-runner.saveAllFilesBeforeRun": true,
        "workbench.activityBar.visible": true,
        "files.trimTrailingWhitespace": true,
        "telemetry.enableTelemetry": false,
        "scm.providers.visible": 0, //0 allows manual resize of the Source Control panels
        "editor.renameOnType": true, //Added Aug 2020: renames matching HTML tags
        "workbench.colorCustomizations": 
            "editor.selectionBackground": "#e788ff7c", //Currently SELECTED text
            "editor.selectionHighlightBackground": "#ff00005b", //Same content as selection
            "editor.findMatchBackground": "#00cc44a8", //Current SEARCH MATCH
            "editor.findMatchHighlightBackground": "#ff7b00a1", //Other SEARCH MATCHES
            "numberedBookmarks.lineBackground": "#007700"
            //Henry's tip goes here... (don't forget to add comma to line above)
        
    

---

Dónde encontrar el archivo settings.json:

Depending on your platform, the user settings file is located here:

Windows %APPDATA%CodeUsersettings.json
macOS $HOME/Library/Application Support/Code/User/settings.json
Linux $HOME/.config/Code/User/settings.json

Método ALTERNO para abrir el archivo settings.json:

1. Ctrl + , (coma) para abrir Configuración

2. banco de trabajo

3. Editor de configuraciones

4. En el cuadro de búsqueda en la parte superior, pegue workbench.colorCustomizations

5. A la izquierda, haz clic en Workbench y luego Appearance

6. Haga clic en el enlace a la derecha: Edit in settings.json

Referencias:

https://code.visualstudio.com/api/references/theme-color#editor-colors

https://code.visualstudio.com/docs/getstarted/themes#_customize-a-color-theme

https://code.visualstudio.com/docs/getstarted/settings

Si alguien encuentra esto y, como yo, no pudo hacer funcionar la configuración anterior, intente hacer esto.

1. vaya a archivo > Preferencias > configuración
2. escriba en la búsqueda Personalizaciones del color del token del editor
3. bajo la Personalizaciones del color del token del editor encabezamiento
4. haga clic en editar en settings.json
5. en la columna de la derecha, seleccione la configuración del usuario
6. pega esto en el objeto json

Asegúrese de reemplazar los # con los colores que desea ver.

"workbench.colorCustomizations": 
    "editor.lineHighlightBackground": "#",
    "editor.selectionBackground": "#",
    "editor.selectionHighlightBackground": "#",
    "editor.wordHighlightBackground": "#",
    "editorCursor.foreground": "#"
,

Mi comprensión de la configuración anterior.

editor.lineHighlightBackground: cuando hace clic en una línea, este es el color que tendrá el fondo de la línea.

“editor.selectionBackground” – El fondo de la palabra que ha seleccionado con el cursor.

“editor.selectionHighlightBackground”: este es el fondo de las selecciones en otras partes del archivo que coincide con la palabra que ha seleccionado con el cursor. Piense en una variable llamada foo y se usa en todo un archivo. Luego selecciona un ‘foo’ con el cursor, y todos los demás ‘foo’ en la página serán del color especificado en esta variable.

“editor.wordHighlightBackground”: este es el color del texto seleccionado si la palabra resaltada predeterminada al hacer clic no tiene efecto. Solo he visto que este valor marca la diferencia si hace clic en una palabra que no se selecciona automáticamente.

editorCursor.foreground: este es el color de su cursor.

Calificaciones y reseñas

Si te sientes incitado, puedes dejar un artículo acerca de qué le añadirías a este ensayo.

---

---

Utiliza Nuestro Buscador