Merge pull request #127044 from microsoft/misolori/debug-icons
Update debug theme styles
This commit is contained in:
commit
baa2303836
|
@ -682,7 +682,7 @@ registerThemingParticipant((theme, collector) => {
|
|||
if (debugIconBreakpointDisabledColor) {
|
||||
collector.addRule(`
|
||||
${icons.allBreakpoints.map(b => `.monaco-workbench ${ThemeIcon.asCSSSelector(b.disabled)}`).join(',\n ')} {
|
||||
color: ${debugIconBreakpointDisabledColor} !important;
|
||||
color: ${debugIconBreakpointDisabledColor};
|
||||
}
|
||||
`);
|
||||
}
|
||||
|
|
|
@ -271,52 +271,52 @@ export function registerColors() {
|
|||
|
||||
const debugIconStartColor = theme.getColor(debugIconStartForeground);
|
||||
if (debugIconStartColor) {
|
||||
collector.addRule(`.monaco-workbench ${ThemeIcon.asCSSSelector(icons.debugStart)} { color: ${debugIconStartColor} !important; }`);
|
||||
collector.addRule(`.monaco-workbench ${ThemeIcon.asCSSSelector(icons.debugStart)} { color: ${debugIconStartColor}; }`);
|
||||
}
|
||||
|
||||
const debugIconPauseColor = theme.getColor(debugIconPauseForeground);
|
||||
if (debugIconPauseColor) {
|
||||
collector.addRule(`.monaco-workbench ${ThemeIcon.asCSSSelector(icons.debugPause)} { color: ${debugIconPauseColor} !important; }`);
|
||||
collector.addRule(`.monaco-workbench ${ThemeIcon.asCSSSelector(icons.debugPause)} { color: ${debugIconPauseColor}; }`);
|
||||
}
|
||||
|
||||
const debugIconStopColor = theme.getColor(debugIconStopForeground);
|
||||
if (debugIconStopColor) {
|
||||
collector.addRule(`.monaco-workbench ${ThemeIcon.asCSSSelector(icons.debugStop)} { color: ${debugIconStopColor} !important; }`);
|
||||
collector.addRule(`.monaco-workbench ${ThemeIcon.asCSSSelector(icons.debugStop)} { color: ${debugIconStopColor}; }`);
|
||||
}
|
||||
|
||||
const debugIconDisconnectColor = theme.getColor(debugIconDisconnectForeground);
|
||||
if (debugIconDisconnectColor) {
|
||||
collector.addRule(`.monaco-workbench .debug-view-content ${ThemeIcon.asCSSSelector(icons.debugDisconnect)}, .monaco-workbench .debug-toolbar ${ThemeIcon.asCSSSelector(icons.debugDisconnect)} { color: ${debugIconDisconnectColor} !important; }`);
|
||||
collector.addRule(`.monaco-workbench .debug-view-content ${ThemeIcon.asCSSSelector(icons.debugDisconnect)}, .monaco-workbench .debug-toolbar ${ThemeIcon.asCSSSelector(icons.debugDisconnect)} { color: ${debugIconDisconnectColor}; }`);
|
||||
}
|
||||
|
||||
const debugIconRestartColor = theme.getColor(debugIconRestartForeground);
|
||||
if (debugIconRestartColor) {
|
||||
collector.addRule(`.monaco-workbench ${ThemeIcon.asCSSSelector(icons.debugRestart)}, .monaco-workbench ${ThemeIcon.asCSSSelector(icons.debugRestartFrame)} { color: ${debugIconRestartColor} !important; }`);
|
||||
collector.addRule(`.monaco-workbench ${ThemeIcon.asCSSSelector(icons.debugRestart)}, .monaco-workbench ${ThemeIcon.asCSSSelector(icons.debugRestartFrame)} { color: ${debugIconRestartColor}; }`);
|
||||
}
|
||||
|
||||
const debugIconStepOverColor = theme.getColor(debugIconStepOverForeground);
|
||||
if (debugIconStepOverColor) {
|
||||
collector.addRule(`.monaco-workbench ${ThemeIcon.asCSSSelector(icons.debugStepOver)} { color: ${debugIconStepOverColor} !important; }`);
|
||||
collector.addRule(`.monaco-workbench ${ThemeIcon.asCSSSelector(icons.debugStepOver)} { color: ${debugIconStepOverColor}; }`);
|
||||
}
|
||||
|
||||
const debugIconStepIntoColor = theme.getColor(debugIconStepIntoForeground);
|
||||
if (debugIconStepIntoColor) {
|
||||
collector.addRule(`.monaco-workbench ${ThemeIcon.asCSSSelector(icons.debugStepInto)} { color: ${debugIconStepIntoColor} !important; }`);
|
||||
collector.addRule(`.monaco-workbench ${ThemeIcon.asCSSSelector(icons.debugStepInto)} { color: ${debugIconStepIntoColor}; }`);
|
||||
}
|
||||
|
||||
const debugIconStepOutColor = theme.getColor(debugIconStepOutForeground);
|
||||
if (debugIconStepOutColor) {
|
||||
collector.addRule(`.monaco-workbench ${ThemeIcon.asCSSSelector(icons.debugStepOut)} { color: ${debugIconStepOutColor} !important; }`);
|
||||
collector.addRule(`.monaco-workbench ${ThemeIcon.asCSSSelector(icons.debugStepOut)} { color: ${debugIconStepOutColor}; }`);
|
||||
}
|
||||
|
||||
const debugIconContinueColor = theme.getColor(debugIconContinueForeground);
|
||||
if (debugIconContinueColor) {
|
||||
collector.addRule(`.monaco-workbench ${ThemeIcon.asCSSSelector(icons.debugContinue)}, .monaco-workbench ${ThemeIcon.asCSSSelector(icons.debugReverseContinue)} { color: ${debugIconContinueColor} !important; }`);
|
||||
collector.addRule(`.monaco-workbench ${ThemeIcon.asCSSSelector(icons.debugContinue)}, .monaco-workbench ${ThemeIcon.asCSSSelector(icons.debugReverseContinue)} { color: ${debugIconContinueColor}; }`);
|
||||
}
|
||||
|
||||
const debugIconStepBackColor = theme.getColor(debugIconStepBackForeground);
|
||||
if (debugIconStepBackColor) {
|
||||
collector.addRule(`.monaco-workbench ${ThemeIcon.asCSSSelector(icons.debugStepBack)} { color: ${debugIconStepBackColor} !important; }`);
|
||||
collector.addRule(`.monaco-workbench ${ThemeIcon.asCSSSelector(icons.debugStepBack)} { color: ${debugIconStepBackColor}; }`);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
|
|
@ -73,6 +73,12 @@
|
|||
cursor: initial;
|
||||
}
|
||||
|
||||
.debug-pane .monaco-list:focus .monaco-list-row.selected .state.label,
|
||||
.debug-pane .monaco-list:focus .monaco-list-row.selected .load-all,
|
||||
.debug-pane .monaco-list:focus .monaco-list-row.selected.focused .state.label {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
/* Call stack */
|
||||
|
||||
.debug-pane .call-stack-state-message {
|
||||
|
|
Loading…
Reference in a new issue