Vscode-vibrancy: efeito não funciona para terminal

Criado em 13 jul. 2019  ·  7Comentários  ·  Fonte: EYHN/vscode-vibrancy

O terminal integrado não tem efeito.
Annotation

Comentários muito úteis

@AmrBinBashir Você precisa modificar o estilo do 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 comentários

Obrigado pelo feedback.

No vscode, o terminal é renderizado por meio da tela e não consigo tornar o plano de fundo da tela transparente. Eu responderei aqui se houver algum progresso.

Obrigado pelo feedback.

No vscode, o terminal é renderizado por meio da tela e não consigo tornar o plano de fundo da tela transparente. Eu responderei aqui se houver algum progresso.

você fez um trabalho incrível, eu posso viver com um terminal assim.

Você deve alterar o tipo de renderizador do terminal para dom

"terminal.integrated.rendererType": "dom"

@syfxlin
Eu adiciono isso ao meu settings.json mas ainda não tive sorte. Também tentei adicionar "terminal.background": "#00000000" ao meu "workbecnh.coloCustomization" e ainda nada.

@AmrBinBashir Você precisa modificar o estilo do 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 Obrigado, está funcionando bem agora.
@EYHN Acho que você pode implementar o código syfxlin na próxima versão. Considere este problema resolvido.

Obrigada! @syfxlin
Eu otimizei este CSS. Foi lançado em 1.0.5.

Esta página foi útil?
0 / 5 - 0 avaliações

Questões relacionadas

github-account1111 picture github-account1111  ·  3Comentários

aka-raccoon picture aka-raccoon  ·  75Comentários

Bernardi23 picture Bernardi23  ·  9Comentários

lnminh58 picture lnminh58  ·  7Comentários

dudeisbrendan03 picture dudeisbrendan03  ·  15Comentários