#terminal-container { width: 1200px; height: 400px; margin: 0 auto; padding: 2px; font-size: 16px; margin-left: 70px; } #terminal-container .terminal { background-color: #111; color: #fafafa; padding: 2px; } #terminal-container .terminal:focus .terminal-cursor { background-color: #fafafa; } /* the black color used by xterm terminal isn't quite black so we're deep assigning here to make sure that 0 is marked as black */ :host /deep/ .xterm-color-0 { color: black; } /* the blue color that xterm terminal uses doesn't show well on the black background so we're deep assigning to make 6 a lightskyblu*/ :host /deep/ .xterm-color-6 { color: lightskyblue; }