Adds color descriptions. (#236741)

pull/236759/head
Henning Dieterichs 2024-12-20 20:02:18 +01:00 committed by GitHub
parent 83c336d7d6
commit b9f07f1e94
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 47 additions and 24 deletions

View File

@ -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.')
);

View File

@ -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', {

View File

@ -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 {

View File

@ -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 {