AutomationView uses colors that work well with both light and dark VS Code themes by default. You can override individual color tokens using the standard workbench.colorCustomizations mechanism in your settings.json.
AutomationView contributes the following color tokens to the VS Code color theme system. Override any of them in your settings.json under the workbench.colorCustomizations key.
| Token ID | Dark default | Light default | What it colors |
|---|---|---|---|
automationview.step.active |
#4CAF50 |
#2E7D32 |
Active step fill during emulation |
automationview.step.inactive |
#424242 |
#9E9E9E |
Inactive step fill |
automationview.step.initial |
#2196F3 |
#1565C0 |
Initial step border |
automationview.transition.enabled |
#FFC107 |
#FFA000 |
Transition whose condition is true |
automationview.transition.disabled |
#616161 |
#BDBDBD |
Transition whose condition is false |
automationview.action.set |
#81C784 |
#388E3C |
SET action highlight |
automationview.action.reset |
#E57373 |
#D32F2F |
RESET action highlight |
automationview.input.on |
#64B5F6 |
#1976D2 |
Active input variable indicator |
automationview.output.on |
#FFB74D |
#F57C00 |
Active output variable indicator |
{
"workbench.colorCustomizations": {
"automationview.step.active": "#00C853",
"automationview.transition.enabled": "#FFD600"
}
}
Custom colors are applied in both light and dark editor themes. Choose colors with enough contrast for your preferred theme.