Adds color descriptions. (#236741)
parent
83c336d7d6
commit
b9f07f1e94
|
@ -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,
|
||||
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 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 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.')
|
||||
);
|
||||
|
||||
|
||||
|
|
|
@ -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', {
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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 {
|
||||
|
|
Loading…
Reference in New Issue