Microsoft/vscode
1
0
Fork 0
mirror of https://github.com/microsoft/vscode.git synced 2026-09-23 07:16:29 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #109043 from microsoft/misolori/lighbulb-bg

Browse Source 
Add background color to lightbulb widget
This commit is contained in:
Miguel Solorio
2020-10-20 17:07:14 -07:00
committed by GitHub
parent 5df95abf42 aac3f9a3fe
commit f6f4a73a2e
2 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/vs/editor/contrib/codeAction/lightBulbWidget.css
+4 -8
View File
@@ -3,18 +3,14 @@
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
.monaco-editor .lightbulb-glyph,
.monaco-editor .codicon-lightbulb {
.monaco-editor .contentWidgets .codicon-light-bulb,
.monaco-editor .contentWidgets .codicon-lightbulb-autofix {
display: flex;
align-items: center;
justify-content: center;
height: 16px;
width: 20px;
padding-left: 2px;
}
.monaco-editor .lightbulb-glyph:hover,
.monaco-editor .codicon-lightbulb:hover {
.monaco-editor .contentWidgets .codicon-light-bulb:hover,
.monaco-editor .contentWidgets .codicon-lightbulb-autofix:hover {
cursor: pointer;
/* transform: scale(1.3, 1.3); */
}
src/vs/editor/contrib/codeAction/lightBulbWidget.ts
+5 -1
View File
@@ -16,7 +16,7 @@ import * as nls from 'vs/nls';
import { IKeybindingService } from 'vs/platform/keybinding/common/keybinding';
import { EditorOption } from 'vs/editor/common/config/editorOptions';
import { registerThemingParticipant, IColorTheme, ICssStyleCollector } from 'vs/platform/theme/common/themeService';
import { editorLightBulbForeground, editorLightBulbAutoFixForeground } from 'vs/platform/theme/common/colorRegistry';
import { editorLightBulbForeground, editorLightBulbAutoFixForeground, editorBackground } from 'vs/platform/theme/common/colorRegistry';
import { Gesture } from 'vs/base/browser/touch';
import type { CodeActionTrigger } from 'vs/editor/contrib/codeAction/types';
import { Codicon } from 'vs/base/common/codicons';
@@ -233,12 +233,15 @@ export class LightBulbWidget extends Disposable implements IContentWidget {
registerThemingParticipant((theme: IColorTheme, collector: ICssStyleCollector) => {
const editorBackgroundColor = theme.getColor(editorBackground)?.transparent(0.7);
// Lightbulb Icon
const editorLightBulbForegroundColor = theme.getColor(editorLightBulbForeground);
if (editorLightBulbForegroundColor) {
collector.addRule(`
.monaco-editor .contentWidgets ${Codicon.lightBulb.cssSelector} {
color: ${editorLightBulbForegroundColor};
background-color: ${editorBackgroundColor};
}`);
}
@@ -248,6 +251,7 @@ registerThemingParticipant((theme: IColorTheme, collector: ICssStyleCollector) =
collector.addRule(`
.monaco-editor .contentWidgets ${Codicon.lightbulbAutofix.cssSelector} {
color: ${editorLightBulbAutoFixForegroundColor};
background-color: ${editorBackgroundColor};
}`);
}