vscode no green text for video recording
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.
Option 1: Use a Different VS Code Theme (Recommended)
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:
- Press Ctrl + Shift + P
- Search for Developer: Inspect Editor Tokens and Scopes
- Click on the green text.
- Note the token scope.
- 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:
- The VS Code theme you're currently using (e.g., Dark+, One Dark Pro, Dracula).
- The programming language you're editing (Python, HTML, CSS, JavaScript, etc.).
- 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.