Vscode-vibrancy: efecto no funciona para terminal

Creado en 13 jul. 2019  ·  7Comentarios  ·  Fuente: EYHN/vscode-vibrancy

El terminal integrado no tiene el efecto.
Annotation

Comentario más útil

@AmrBinBashir Debe modificar el estilo de VSCode.

.monaco-workbench .panel.integrated-terminal *:not(.xterm-cursor):not(.xterm-cursor-block) {
    background: transparent !important;
}
.monaco-workbench .panel.integrated-terminal *:hover:not(.xterm-cursor):not(.xterm-cursor-block) {
    background: transparent !important;
}
.monaco-workbench .panel.integrated-terminal .find-focused .xterm .xterm-viewport, .monaco-workbench .panel.integrated-terminal .xterm.focus .xterm-viewport, .monaco-workbench .panel.integrated-terminal .xterm:focus .xterm-viewport, .monaco-workbench .panel.integrated-terminal .xterm:hover .xterm-viewport {
    background: transparent !important;
}
.monaco-workbench .panel.integrated-terminal .terminal-outer-container {
    background-color: rgba(37, 37, 37,0.4); // Modify it here to the color you need.
}

Todos 7 comentarios

Gracias por la retroalimentación.

En vscode, la terminal se representa a través del lienzo y no puedo hacer que el fondo del lienzo sea transparente. Responderé aquí si hay algún progreso.

Gracias por la retroalimentación.

En vscode, la terminal se representa a través del lienzo y no puedo hacer que el fondo del lienzo sea transparente. Responderé aquí si hay algún progreso.

Hiciste un trabajo increíble, puedo vivir con una terminal como esta.

Debe cambiar el tipo de renderizador de la terminal a dom

"terminal.integrated.rendererType": "dom"

@syfxlin
Agrego esto a mi settings.json pero aún no tuve suerte. También traté de agregar "terminal.background": "#00000000" a mi "workbecnh.coloCustomization" y aún nada.

@AmrBinBashir Debe modificar el estilo de VSCode.

.monaco-workbench .panel.integrated-terminal *:not(.xterm-cursor):not(.xterm-cursor-block) {
    background: transparent !important;
}
.monaco-workbench .panel.integrated-terminal *:hover:not(.xterm-cursor):not(.xterm-cursor-block) {
    background: transparent !important;
}
.monaco-workbench .panel.integrated-terminal .find-focused .xterm .xterm-viewport, .monaco-workbench .panel.integrated-terminal .xterm.focus .xterm-viewport, .monaco-workbench .panel.integrated-terminal .xterm:focus .xterm-viewport, .monaco-workbench .panel.integrated-terminal .xterm:hover .xterm-viewport {
    background: transparent !important;
}
.monaco-workbench .panel.integrated-terminal .terminal-outer-container {
    background-color: rgba(37, 37, 37,0.4); // Modify it here to the color you need.
}

@syfxlin Gracias, ahora funciona bien.
@EYHN Supongo que puedes implementar el código syfxlin en la próxima versión. Considere este problema resuelto.

¡Gracias! @syfxlin
Optimicé este CSS. Ha sido lanzado en 1.0.5.

¿Fue útil esta página
0 / 5 - 0 calificaciones