fix quick fix css (microsoft#162084)

Author: meganrogge

src/vs/workbench/contrib/terminal/browser/media/terminal.css

@@ -248,6 +248,10 @@
 	border-style: solid;
 }
 
+.xterm-screen .xterm-decoration-container .xterm-decoration.quick-fix {
+	z-index: 7;
+}
+
 .monaco-workbench .part.sidebar > .title > .title-actions .switch-terminal {
 	display: flex;
 	align-items: center;

src/vs/workbench/contrib/terminal/browser/xterm/decorationStyles.ts

@@ -20,7 +20,8 @@ export const enum DecorationSelector {
 	Codicon = 'codicon',
 	XtermDecoration = 'xterm-decoration',
 	OverviewRuler = '.xterm-decoration-overview-ruler',
-	QuickFix = 'codicon-light-bulb'
+	QuickFix = 'quick-fix',
+	LightBulb = 'codicon-light-bulb'
 }
 
 export function updateLayout(configurationService: IConfigurationService, element?: HTMLElement): void {

src/vs/workbench/contrib/terminal/browser/xterm/quickFixAddon.ts

@@ -15,6 +15,10 @@ import { DecorationSelector, updateLayout } from 'vs/workbench/contrib/terminal/
 import { IConfigurationService } from 'vs/platform/configuration/common/configuration';
 import { Terminal, IDecoration } from 'xterm';
 import { IAction } from 'vs/base/common/actions';
+import { IColorTheme, ICssStyleCollector, registerThemingParticipant } from 'vs/platform/theme/common/themeService';
+import { PANEL_BACKGROUND } from 'vs/workbench/common/theme';
+import { TERMINAL_BACKGROUND_COLOR } from 'vs/workbench/contrib/terminal/common/terminalColorRegistry';
+import { Color } from 'vs/base/common/color';
 
 export interface ITerminalQuickFix {
 	showMenu(): void;
@@ -115,8 +119,7 @@ export class TerminalQuickFixAddon extends Disposable implements ITerminalAddon,
 		decoration?.onRender((e: HTMLElement) => {
 			if (!this._decorationMarkerIds.has(decoration.marker.id)) {
 				this._currentQuickFixElement = e;
-				e.classList.add(DecorationSelector.QuickFix, DecorationSelector.Codicon, DecorationSelector.CommandDecoration, DecorationSelector.XtermDecoration);
-				e.style.color = '#ffcc00';
+				e.classList.add(DecorationSelector.QuickFix, DecorationSelector.LightBulb, DecorationSelector.Codicon, DecorationSelector.CommandDecoration, DecorationSelector.XtermDecoration);
 				updateLayout(this._configurationService, e);
 				if (actions) {
 					this._decorationMarkerIds.add(decoration.marker.id);
@@ -168,3 +171,16 @@ export function getQuickFixes(command: ITerminalCommand, actionOptions: Map<stri
 	}
 	return actions.length === 0 ? undefined : actions;
 }
+
+let foregroundColor: string | Color | undefined;
+let backgroundColor: string | Color | undefined;
+registerThemingParticipant((theme: IColorTheme, collector: ICssStyleCollector) => {
+	foregroundColor = theme.getColor('editorLightBulb.foreground');
+	backgroundColor = theme.getColor(TERMINAL_BACKGROUND_COLOR) || theme.getColor(PANEL_BACKGROUND);
+	if (foregroundColor) {
+		collector.addRule(`.${DecorationSelector.CommandDecoration}.${DecorationSelector.QuickFix} { color: ${foregroundColor.toString()} !important; } `);
+	}
+	if (backgroundColor) {
+		collector.addRule(`.${DecorationSelector.CommandDecoration}.${DecorationSelector.QuickFix} { background-color: ${backgroundColor.toString()}; } `);
+	}
+});