question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Terminal text all black in Chrome only

See original GitHub issue

OS/Web Information

  • Web Browser: Chrome 92.0.4515.159 and 93.0.4577.63
  • Local OS: MacOS 11.5.2
  • Remote OS: Ubuntu 18.04
  • Remote Architecture: x64
  • code-server --version: 3.11.1 c680aae973d83583e4a73dc0c422f44021f0140e

Steps to Reproduce

  1. Install and start code-server
  2. Connect via Chrome and start a terminal session

Expected

Terminal output should show all ansi colors correctly.

Actual

All text is black, regardless of color or bold setting. The same output is shown regardless of shell used and regardless of theme being applied.

Logs

No errors or exceptions are logged

Screenshot

Screenshot from Safari 14.1.2 Screen Shot 2021-09-02 at 7 37 33 AM

Screenshot from Chrome 93.0.4577.63 Screen Shot 2021-09-02 at 7 37 41 AM

Notes

This issue can be reproduced in VS Code: No

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:8 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
zonywhoopcommented, Sep 3, 2021

Update, I made the change for workbench.editorAssociations and that did solve my other issue with the Unable to write to Folder Settings notification - so YAY on that!

I also removed all of the above lines regarding theme and fonts and voila the issue was fixed. I then added them back in until it broke again - it was terminal.integrated.fontFamily. I then went through and added the fonts in 1 by 1 and refreshed till it again broke, this time all works until Source Code Pro is added in. I’m not sure what about that font is breaking it on Chrome - and only chrome - but that is the issue. It works fine with JetBrans Mono or any of the other mono spaced fonts.

1reaction
zonywhoopcommented, Sep 2, 2021

I just tried disabling all extensions (command palette -> Extensions: Disable all installed extensions) and then did a refresh. The outcome was the same. It’s definitely very weird.

Here is my settings.json file, very basic.

{
    "sync.gist": "",
    "sync.autoDownload": false,
    "workbench.colorTheme": "Monokai Dimmed",
    "editor.fontFamily": "'JetBrains Mono', 'Source Code Pro', Hack, Monaco, 'Courier New', monospace",
    "editor.tabSize": 2,
    "editor.fontWeight": 400,
    "terminal.integrated.fontFamily": "'Source Code Pro', 'JetBrains Mono', 'Courier New', Courier",
    "editor.fontSize": 14,
    "files.autoSaveDelay": 5000,
    "terminal.integrated.automationShell.linux": "",
    "terminal.integrated.shell.linux": "/bin/bash",
    "terminal.integrated.shellArgs.linux": [
        "-l"
    ],
    "files.autoSave": "off",
    "yaml.format.enable": true,
    "yaml.format.bracketSpacing": true,
    "workbench.editorAssociations": [
        {
            "viewType": "jupyter-notebook",
            "filenamePattern": "*.ipynb"
        }
    ],
    "redhat.telemetry.enabled": false,
    "terminal.integrated.tabs.enabled": false,
    "workbench.iconTheme": "material-icon-theme"
}
Read more comments on GitHub >

github_iconTop Results From Across the Web

Terminal text all black in Chrome only · Issue #4090 - GitHub
All text is black, regardless of color or bold setting. The same output is shown regardless of shell used and regardless of theme...
Read more >
google chrome - Colors in JavaScript console - Stack Overflow
I wanted to style the entire line, not just the text, so I remove the .console-message-text class. Also, the most pleasing background colors...
Read more >
Enable dark theme - Chrome Developers
Open the Command Menu. Start typing dark , select the Switch To Dark Theme command, and then press Enter to run the command....
Read more >
Enable dark mode on chrome's internal pages - Ask Ubuntu
launch the browser using google-chrome-stable --enable-features=WebUIDarkMode --force-dark-mode and; set the browser to use the Classic option ...
Read more >
Reset Chrome settings to default - Google Chrome Help
On your computer, open Chrome. · At the top right, click More More and then Settings and then Advanced. On Chromebook, Linux, and...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found