vscode no green text for video recording

@amitmund July 22, 2026

On vscode

Ctrl + Command + P

Type:

Preferences: Open User Settings (JSON)

complete dropin replacement code.

{
    "security.workspace.trust.untrustedFiles": "open",
    "terminal.explorerKind": "external",
    "terminal.integrated.persistentSessionScrollback": 10000,
    "terminal.integrated.scrollback": 10000,
    "python.defaultInterpreterPath": "/usr/bin/python3",
    "editor.minimap.enabled": false,
    "git.openRepositoryInParentFolders": "never",
    "files.autoSave": "afterDelay",
    "editor.inlineSuggest.showToolbar": "always",
    "workbench.startupEditor": "none",
    "remote.SSH.connectTimeout": 60,
    "remote-explorer.collapseRecentFolders": true,
    "remote.SSH.enableX11Forwarding": false,
    "remote.SSH.experimental.chat": false,
    "remote.SSH.experimental.enhancedSessionLogs": false,
    "remote.SSH.maxReconnectionAttempts": 3,
    "remote.SSH.useLocalServer": false,
    "remote.SSH.remotePlatform": {
        "vps1": "linux",
        "192.168.31.111": "linux"
    },

    "editor.semanticTokenColorCustomizations": {
        "enabled": true,
        "rules": {
            "string": "#FFB86C",
            "comment": "#61AFEF",
            "variable": "#E06C75",
            "property": "#56B6C2",
            "function": "#C678DD",
            "parameter": "#D19A66"
        }
    },

    "editor.tokenColorCustomizations": {
        "textMateRules": [
            {
                "scope": ["string"],
                "settings": {
                    "foreground": "#FFB86C"
                }
            },
            {
                "scope": ["comment"],
                "settings": {
                    "foreground": "#61AFEF"
                }
            }
        ]
    },

    "workbench.colorCustomizations": {

    }
}


VS Code Settings to Avoid Green Text for Chroma Key Recording

If you're using a green screen (chroma key) while recording, any green text in VS Code becomes transparent, making it disappear in the video.

The easiest solution is to use a theme that doesn't use green for code or customize the syntax colors.


Try these themes, which use very little green:

  • Dark Modern (built into VS Code)
  • GitHub Dark
  • One Dark Pro
  • Dracula Official
  • Tokyo Night
  • Night Owl
  • Ayu Mirage

Among these, Dracula and Tokyo Night are especially popular for recording because they use pinks, purples, oranges, and blues instead of green.


Option 2: Customize Syntax Colors

Add the following to your settings.json:

{
    "security.workspace.trust.untrustedFiles": "open",
    "terminal.explorerKind": "external",
    "terminal.integrated.persistentSessionScrollback": 10000,
    "terminal.integrated.scrollback": 10000,
    "python.defaultInterpreterPath": "/usr/bin/python3",
    "editor.minimap.enabled": false,
    "git.openRepositoryInParentFolders": "never",
    "files.autoSave": "afterDelay",
    "editor.inlineSuggest.showToolbar": "always",
    "workbench.startupEditor": "none",
    "remote.SSH.connectTimeout": 60,
    "remote-explorer.collapseRecentFolders": true,
    "remote.SSH.enableX11Forwarding": false,
    "remote.SSH.experimental.chat": false,
    "remote.SSH.experimental.enhancedSessionLogs": false,
    "remote.SSH.maxReconnectionAttempts": 3,
    "remote.SSH.useLocalServer": false,
    "remote.SSH.remotePlatform": {
        "vps1": "linux",
        "192.168.31.111": "linux"
    },

    "editor.semanticTokenColorCustomizations": {
        "enabled": true,
        "rules": {
            "string": "#FFB86C",
            "comment": "#61AFEF",
            "variable": "#E06C75",
            "property": "#56B6C2",
            "function": "#C678DD",
            "parameter": "#D19A66"
        }
    },

    "editor.tokenColorCustomizations": {
        "textMateRules": [
            {
                "scope": ["string"],
                "settings": {
                    "foreground": "#FFB86C"
                }
            },
            {
                "scope": ["comment"],
                "settings": {
                    "foreground": "#61AFEF"
                }
            }
        ]
    },

    "workbench.colorCustomizations": {

    }
}

This changes:

  • Strings → Orange (#FFB86C)
  • Comments → Light Blue (#61AFEF)
  • Variables → Red (#E06C75)
  • Properties → Cyan (#56B6C2)
  • Functions → Purple (#C678DD)
  • Parameters → Brown/Orange (#D19A66)

Option 3: Change Only Comments

If only comments are green, use:

"editor.tokenColorCustomizations": {
    "comments": "#61AFEF"
}

This changes comments to light blue.


Option 4: Change All Green Syntax Tokens

If variables, functions, or other syntax elements are still green:

  1. Press Ctrl + Shift + P
  2. Search for Developer: Inspect Editor Tokens and Scopes
  3. Click on the green text.
  4. Note the token scope.
  5. Add a corresponding rule under editor.tokenColorCustomizations.textMateRules.

This lets you replace any remaining green syntax with another color.


Recommended Themes for Green Screen Recording

Theme Green Usage Recommended
Dracula Very Low ⭐⭐⭐⭐⭐
Tokyo Night Very Low ⭐⭐⭐⭐⭐
GitHub Dark Low ⭐⭐⭐⭐⭐
Night Owl Very Low ⭐⭐⭐⭐⭐
One Dark Pro Low ⭐⭐⭐⭐
Ayu Mirage Low ⭐⭐⭐⭐

Recommended Color Palette

Syntax Color Hex
Background Dark Gray #1E1E1E
Keywords Purple #C678DD
Strings Orange #FFB86C
Comments Blue #61AFEF
Functions Purple #C678DD
Variables Red #E06C75
Properties Cyan #56B6C2
Parameters Brown/Orange #D19A66

If Green Still Appears

Please provide:

  1. The VS Code theme you're currently using (e.g., Dark+, One Dark Pro, Dracula).
  2. The programming language you're editing (Python, HTML, CSS, JavaScript, etc.).
  3. A screenshot of the editor (optional).

With that information, it's possible to identify every remaining green syntax element and provide exact settings to remove all green colors for chroma key recording.

0 Likes
11 Views
0 Comments

Filters

No filters available for this view.

Reset All