He estado usando VSCode con React y Styled Components durante aproximadamente 6 meses, sin problemas. Recientemente, el selector de color no se ha mostrado al incluir propiedades CSS relacionadas con el color. Una recarga rápida de la ventana o reiniciar VScode siempre resolvería este problema... hasta ahora. Cambié el idioma seleccionado a CSS, Javascript, Javascript React y CSS (Componentes con estilo). Nada funciona.
He intentado desinstalar/reinstalar extensiones de componentes con estilo. Nada. Desinstalé y reinstalé VSCode, pero eso tampoco funcionó.
Tengo esta extensión instalada https://marketplace.visualstudio.com/items?itemName=styled-components.vscode-styled-components
La imagen del selector de color no aparece junto al color
Cualquier ayuda sería muy apreciada.
Gracias
**EDITAR: Para cualquiera que pueda encontrarse con esto en el futuro, la instalación de esta extensión soluciona el problema. https://marketplace.visualstudio.com/items?itemName=AntiAntiSepticeye.vscode-color-picker
De forma predeterminada, VSCode habilitará el selector de color para archivos de hojas de estilo como .css , .less , .scss y .sass
Para tener el selector de color para otros tipos de archivos, siempre que haya una etiqueta HEX válida, también para que la respuesta válida sea más completa, hay dos pasos a seguir,
instale la extensión vscode-color-picker .
agregue lo siguiente a seetings.json de su VSCode, ya que por defecto habilita para [python,javascript,typescript]
"vscode-color-picker.languages": [ "php", "html", "css", "python", "jsonc", "javascript", "javascriptreact", "typescript", "typescriptreact", "vue" ]