High contrast gutter items (#240906)

High contract gutter items
This commit is contained in:
Simon Lamon
2025-03-12 11:07:22 +01:00
committed by GitHub
parent 7b9936f777
commit bdc8c07580
3 changed files with 14 additions and 2 deletions
@@ -232,6 +232,8 @@
"--vscode-editorGutter-commentGlyphForeground",
"--vscode-editorGutter-commentRangeForeground",
"--vscode-editorGutter-commentUnresolvedGlyphForeground",
"--vscode-editorGutter-itemGlyphForeground",
"--vscode-editorGutter-itemBackground",
"--vscode-editorGutter-deletedBackground",
"--vscode-editorGutter-foldingControlForeground",
"--vscode-editorGutter-modifiedBackground",
@@ -382,7 +382,7 @@
.actions-container {
width: fit-content;
border-radius: 4px;
background: var(--vscode-editorGutter-commentRangeForeground);
background: var(--vscode-editorGutter-itemBackground);
.action-item {
&:hover {
@@ -390,6 +390,7 @@
}
.action-label {
color: var(--vscode-editorGutter-itemGlyphForeground);
padding: 1px 2px;
}
}
@@ -14,7 +14,10 @@ import { LineRangeMapping } from '../../../../editor/common/diff/rangeMapping.js
import { IChange } from '../../../../editor/common/diff/legacyLinesDiffComputer.js';
import { IColorTheme } from '../../../../platform/theme/common/themeService.js';
import { Color } from '../../../../base/common/color.js';
import { editorErrorForeground, registerColor, transparent } from '../../../../platform/theme/common/colorRegistry.js';
import {
darken, editorBackground, editorForeground, listInactiveSelectionBackground, opaque,
editorErrorForeground, registerColor, transparent
} from '../../../../platform/theme/common/colorRegistry.js';
export const IQuickDiffService = createDecorator<IQuickDiffService>('quickDiff');
@@ -45,6 +48,12 @@ export const overviewRulerAddedForeground = registerColor('editorOverviewRuler.a
export const overviewRulerDeletedForeground = registerColor('editorOverviewRuler.deletedForeground',
transparent(editorGutterDeletedBackground, 0.6), nls.localize('overviewRulerDeletedForeground', 'Overview ruler marker color for deleted content.'));
export const editorGutterItemGlyphForeground = registerColor('editorGutter.itemGlyphForeground',
{ dark: editorForeground, light: editorForeground, hcDark: Color.black, hcLight: Color.white },
nls.localize('editorGutterItemGlyphForeground', 'Editor gutter decoration color for gutter item glyphs.')
);
export const editorGutterItemBackground = registerColor('editorGutter.itemBackground', { dark: opaque(listInactiveSelectionBackground, editorBackground), light: darken(opaque(listInactiveSelectionBackground, editorBackground), .05), hcDark: Color.white, hcLight: Color.black }, nls.localize('editorGutterItemBackground', 'Editor gutter decoration color for gutter item background. This color should be opaque.'));
export interface QuickDiffProvider {
label: string;
rootUri: URI | undefined;