Vscode-vibrancy: ν„°λ―Έλ„μ—μ„œλŠ” νš¨κ³Όκ°€ μž‘λ™ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€

에 λ§Œλ“  2019λ…„ 07μ›” 13일  Β·  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 λ“±κΈ‰