SCM - adjust statistics badge border when item is selected/focused (#198367)

lszomoru · web-flow · commit 9a207df84140 · 2023-11-15T15:07:09.000-08:00
diff --git a/build/lib/stylelint/vscode-known-variables.json b/build/lib/stylelint/vscode-known-variables.json
@@ -501,6 +501,7 @@
 		"--vscode-sash-hoverBorder",
 		"--vscode-scm-historyItemAdditionsForeground",
 		"--vscode-scm-historyItemDeletionsForeground",
+		"--vscode-scm-historyItemSelectedStatisticsBorder",
 		"--vscode-scm-historyItemStatisticsBorder",
 		"--vscode-scrollbar-shadow",
 		"--vscode-scrollbarSlider-activeBackground",
diff --git a/src/vs/workbench/contrib/scm/browser/media/scm.css b/src/vs/workbench/contrib/scm/browser/media/scm.css
@@ -164,6 +164,11 @@
 	border: 1px solid var(--vscode-scm-historyItemStatisticsBorder);
 }
 
+.scm-view .monaco-list-row.focused .history-item .stats-container,
+.scm-view .monaco-list-row.selected .history-item .stats-container {
+	border: 1px solid var(--vscode-scm-historyItemSelectedStatisticsBorder);
+}
+
 .scm-view .monaco-list-row .history-item .stats-container > .files-label,
 .scm-view .monaco-list-row .history-item .stats-container > .insertions-label,
 .scm-view .monaco-list-row .history-item .stats-container > .deletions-label {
diff --git a/src/vs/workbench/contrib/scm/browser/scmViewPane.ts b/src/vs/workbench/contrib/scm/browser/scmViewPane.ts
@@ -100,7 +100,7 @@ import { IUriIdentityService } from 'vs/platform/uriIdentity/common/uriIdentity'
 import { EditOperation } from 'vs/editor/common/core/editOperation';
 import { stripIcons } from 'vs/base/common/iconLabels';
 import { IconLabel } from 'vs/base/browser/ui/iconLabel/iconLabel';
-import { registerColor, transparent } from 'vs/platform/theme/common/colorRegistry';
+import { foreground, listActiveSelectionForeground, registerColor, transparent } from 'vs/platform/theme/common/colorRegistry';
 
 // type SCMResourceTreeNode = IResourceNode<ISCMResource, ISCMResourceGroup>;
 // type SCMHistoryItemChangeResourceTreeNode = IResourceNode<SCMHistoryItemChangeTreeElement, SCMHistoryItemTreeElement>;
@@ -132,12 +132,18 @@ registerColor('scm.historyItemDeletionsForeground', {
 }, localize('scm.historyItemDeletionsForeground', "History item deletions foreground color."));
 
 registerColor('scm.historyItemStatisticsBorder', {
-	dark: transparent('foreground', 0.1),
-	light: transparent('foreground', 0.1),
-	hcDark: transparent('foreground', 0.1),
-	hcLight: transparent('foreground', 0.1)
+	dark: transparent(foreground, 0.2),
+	light: transparent(foreground, 0.2),
+	hcDark: transparent(foreground, 0.2),
+	hcLight: transparent(foreground, 0.2)
 }, localize('scm.historyItemStatisticsBorder', "History item statistics border color."));
 
+registerColor('scm.historyItemSelectedStatisticsBorder', {
+	dark: transparent(listActiveSelectionForeground, 0.2),
+	light: transparent(listActiveSelectionForeground, 0.2),
+	hcDark: transparent(listActiveSelectionForeground, 0.2),
+	hcLight: transparent(listActiveSelectionForeground, 0.2)
+}, localize('scm.historyItemSelectedStatisticsBorder', "History item selected statistics border color."));
 
 interface ISCMLayout {
 	height: number | undefined;
