Adds color descriptions. (microsoft#236741)

Author: hediet

src/vs/editor/contrib/inlineCompletions/browser/view/inlineEdits/gutterIndicatorView.ts

@@ -17,15 +17,39 @@ import { OffsetRange } from '../../../../../common/core/offsetRange.js';
 import { StickyScrollController } from '../../../../stickyScroll/browser/stickyScrollController.js';
 import { InlineCompletionsModel } from '../../model/inlineCompletionsModel.js';
 import { mapOutFalsy, n, rectToProps } from './utils.js';
+import { localize } from '../../../../../../nls.js';
+export const inlineEditIndicatorPrimaryForeground = registerColor(
+	'inlineEdit.gutterIndicator.primaryForeground',
+	buttonForeground,
+	localize('inlineEdit.gutterIndicator.primaryForeground', 'Foreground color for the primary inline edit gutter indicator.')
+);
+export const inlineEditIndicatorPrimaryBackground = registerColor(
+	'inlineEdit.gutterIndicator.primaryBackground',
+	buttonBackground,
+	localize('inlineEdit.gutterIndicator.primaryBackground', 'Background color for the primary inline edit gutter indicator.')
+);
 
-export const inlineEditIndicatorPrimaryForeground = registerColor('inlineEdit.gutterIndicator.primaryForeground', buttonForeground, 'Foreground color for the primary inline edit gutter indicator.');
-export const inlineEditIndicatorPrimaryBackground = registerColor('inlineEdit.gutterIndicator.primaryBackground', buttonBackground, 'Background color for the primary inline edit gutter indicator.');
-
-export const inlineEditIndicatorSecondaryForeground = registerColor('inlineEdit.gutterIndicator.secondaryForeground', buttonSecondaryForeground, 'Foreground color for the secondary inline edit gutter indicator.');
-export const inlineEditIndicatorSecondaryBackground = registerColor('inlineEdit.gutterIndicator.secondaryBackground', buttonSecondaryBackground, 'Background color for the secondary inline edit gutter indicator.');
+export const inlineEditIndicatorSecondaryForeground = registerColor(
+	'inlineEdit.gutterIndicator.secondaryForeground',
+	buttonSecondaryForeground,
+	localize('inlineEdit.gutterIndicator.secondaryForeground', 'Foreground color for the secondary inline edit gutter indicator.')
+);
+export const inlineEditIndicatorSecondaryBackground = registerColor(
+	'inlineEdit.gutterIndicator.secondaryBackground',
+	buttonSecondaryBackground,
+	localize('inlineEdit.gutterIndicator.secondaryBackground', 'Background color for the secondary inline edit gutter indicator.')
+);
 
-export const inlineEditIndicatorsuccessfulForeground = registerColor('inlineEdit.gutterIndicator.successfulForeground', buttonForeground, 'Foreground color for the successful inline edit gutter indicator.');
-export const inlineEditIndicatorsuccessfulBackground = registerColor('inlineEdit.gutterIndicator.successfulBackground', { light: '#2e825c', dark: '#2e825c', hcLight: '#2e825c', hcDark: '#2e825c' }, 'Background color for the successful inline edit gutter indicator.');
+export const inlineEditIndicatorsuccessfulForeground = registerColor(
+	'inlineEdit.gutterIndicator.successfulForeground',
+	buttonForeground,
+	localize('inlineEdit.gutterIndicator.successfulForeground', 'Foreground color for the successful inline edit gutter indicator.')
+);
+export const inlineEditIndicatorsuccessfulBackground = registerColor(
+	'inlineEdit.gutterIndicator.successfulBackground',
+	{ light: '#2e825c', dark: '#2e825c', hcLight: '#2e825c', hcDark: '#2e825c' },
+	localize('inlineEdit.gutterIndicator.successfulBackground', 'Background color for the successful inline edit gutter indicator.')
+);
 
 export const inlineEditIndicatorBackground = registerColor(
 	'inlineEdit.gutterIndicator.background',
@@ -35,7 +59,7 @@ export const inlineEditIndicatorBackground = registerColor(
 		dark: transparent('tab.inactiveBackground', 0.5),
 		light: '#5f5f5f18',
 	},
-	'Background color for the inline edit gutter indicator.'
+	localize('inlineEdit.gutterIndicator.background', 'Background color for the inline edit gutter indicator.')
 );
 
 

src/vs/editor/contrib/inlineCompletions/browser/view/inlineEdits/indicatorView.ts

@@ -13,16 +13,15 @@ import { registerColor } from '../../../../../../platform/theme/common/colorUtil
 import { ObservableCodeEditor } from '../../../../../browser/observableCodeEditor.js';
 import { OffsetRange } from '../../../../../common/core/offsetRange.js';
 import { InlineCompletionsModel } from '../../model/inlineCompletionsModel.js';
+import { localize } from '../../../../../../nls.js';
 
 export interface IInlineEditsIndicatorState {
 	editTop: number;
 	showAlways: boolean;
 }
-
-
-export const inlineEditIndicatorForeground = registerColor('inlineEdit.indicator.foreground', buttonForeground, '');
-export const inlineEditIndicatorBackground = registerColor('inlineEdit.indicator.background', buttonBackground, '');
-export const inlineEditIndicatorBorder = registerColor('inlineEdit.indicator.border', buttonSeparator, '');
+export const inlineEditIndicatorForeground = registerColor('inlineEdit.indicator.foreground', buttonForeground, localize('inlineEdit.indicator.foreground', 'Foreground color for the inline edit indicator.'));
+export const inlineEditIndicatorBackground = registerColor('inlineEdit.indicator.background', buttonBackground, localize('inlineEdit.indicator.background', 'Background color for the inline edit indicator.'));
+export const inlineEditIndicatorBorder = registerColor('inlineEdit.indicator.border', buttonSeparator, localize('inlineEdit.indicator.border', 'Border color for the inline edit indicator.'));
 
 export class InlineEditsIndicator extends Disposable {
 	private readonly _indicator = h('div.inline-edits-view-indicator', {

src/vs/editor/contrib/inlineCompletions/browser/view/inlineEdits/sideBySideDiff.ts

@@ -32,48 +32,48 @@ import { InlineCompletionContextKeys } from '../../controller/inlineCompletionCo
 import { CustomizedMenuWorkbenchToolBar } from '../../hintsWidget/inlineCompletionsHintsWidget.js';
 import { PathBuilder, StatusBarViewItem, getOffsetForPos, mapOutFalsy, maxContentWidthInRange, n } from './utils.js';
 import { InlineEditWithChanges } from './viewAndDiffProducer.js';
+import { localize } from '../../../../../../nls.js';
 
 export const originalBackgroundColor = registerColor(
 	'inlineEdit.originalBackground',
 	Color.transparent,
-	'',
+	localize('inlineEdit.originalBackground', 'Background color for the original text in inline edits.'),
 	true
 );
 export const modifiedBackgroundColor = registerColor(
 	'inlineEdit.modifiedBackground',
 	Color.transparent,
-	'',
+	localize('inlineEdit.modifiedBackground', 'Background color for the modified text in inline edits.'),
 	true
 );
 
 export const originalChangedLineBackgroundColor = registerColor(
 	'inlineEdit.originalChangedLineBackground',
 	Color.transparent,
-	'',
+	localize('inlineEdit.originalChangedLineBackground', 'Background color for the changed lines in the original text of inline edits.'),
 	true
 );
 
 export const originalChangedTextOverlayColor = registerColor(
 	'inlineEdit.originalChangedTextBackground',
 	diffRemoved,
-	'',
+	localize('inlineEdit.originalChangedTextBackground', 'Overlay color for the changed text in the original text of inline edits.'),
 	true
 );
 
 export const modifiedChangedLineBackgroundColor = registerColor(
 	'inlineEdit.modifiedChangedLineBackground',
 	Color.transparent,
-	'',
+	localize('inlineEdit.modifiedChangedLineBackground', 'Background color for the changed lines in the modified text of inline edits.'),
 	true
 );
 
 export const modifiedChangedTextOverlayColor = registerColor(
 	'inlineEdit.modifiedChangedTextBackground',
 	diffInserted,
-	'',
+	localize('inlineEdit.modifiedChangedTextBackground', 'Overlay color for the changed text in the modified text of inline edits.'),
 	true
 );
-
 export const originalBorder = registerColor(
 	'inlineEdit.originalBorder',
 	{
@@ -82,7 +82,7 @@ export const originalBorder = registerColor(
 		hcDark: editorLineHighlightBorder,
 		hcLight: editorLineHighlightBorder
 	},
-	''
+	localize('inlineEdit.originalBorder', 'Border color for the original text in inline edits.')
 );
 
 export const modifiedBorder = registerColor(
@@ -93,7 +93,7 @@ export const modifiedBorder = registerColor(
 		hcDark: editorLineHighlightBorder,
 		hcLight: editorLineHighlightBorder
 	},
-	''
+	localize('inlineEdit.modifiedBorder', 'Border color for the modified text in inline edits.')
 );
 
 export class InlineEditsSideBySideDiff extends Disposable {

src/vs/editor/contrib/inlineCompletions/browser/view/inlineEdits/wordReplacementView.ts

@@ -19,7 +19,7 @@ import { ILanguageService } from '../../../../../common/languages/language.js';
 import { LineTokens } from '../../../../../common/tokens/lineTokens.js';
 import { TokenArray } from '../../../../../common/tokens/tokenArray.js';
 import { mapOutFalsy, n, rectToProps } from './utils.js';
-
+import { localize } from '../../../../../../nls.js';
 export const transparentHoverBackground = registerColor(
 	'inlineEdit.wordReplacementView.background',
 	{
@@ -28,7 +28,7 @@ export const transparentHoverBackground = registerColor(
 		hcLight: transparent(editorHoverStatusBarBackground, 0.1),
 		hcDark: transparent(editorHoverStatusBarBackground, 0.1),
 	},
-	'Background color for the inline edit word replacement view.'
+	localize('inlineEdit.wordReplacementView.background', 'Background color for the inline edit word replacement view.')
 );
 
 export class WordReplacementView extends Disposable {