Vscode-vibrancy: эффект не работает для терминала

Созданный на 13 июл. 2019  ·  7Комментарии  ·  Источник: EYHN/vscode-vibrancy

Встроенный терминал не имеет эффекта.
Annotation

Самый полезный комментарий

@AmrBinBashir Вам нужно изменить стиль 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.
}

Все 7 Комментарий

Спасибо за отзыв.

В vscode терминал отображается через холст, и я не могу сделать фон холста прозрачным. Я отвечу здесь, если будет прогресс.

Спасибо за отзыв.

В vscode терминал отображается через холст, и я не могу сделать фон холста прозрачным. Я отвечу здесь, если будет прогресс.

Вы проделали потрясающую работу, я могу жить с таким терминалом.

Вы должны изменить тип рендеринга терминала на dom

"terminal.integrated.rendererType": "dom"

@syfxlin
Я добавляю это в свой settings.json , но пока не повезло. Также пытался добавить "terminal.background": "#00000000" к моему "workbecnh.coloCustomization" и все равно ничего.

@AmrBinBashir Вам нужно изменить стиль 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 Спасибо, теперь все работает нормально.
@EYHN Я думаю, вы можете реализовать код syfxlin в следующей версии. Считайте этот вопрос решенным.

Спасибо! @syfxlin
Я оптимизировал этот CSS. Он был выпущен в версии 1.0.5.

Была ли эта страница полезной?
0 / 5 - 0 рейтинги