From 5e1db4eb97079ec2e2556d4339e94ad89295be3d Mon Sep 17 00:00:00 2001
From: Alan Ren <alanren@microsoft.com>
Date: Fri, 30 Jun 2023 17:48:04 -0700
Subject: [PATCH] fix the selected cell style (#23617)

---
 src/sql/platform/theme/browser/defaultStyles.ts | 4 ++--
 src/sql/platform/theme/common/colors.ts         | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/sql/platform/theme/browser/defaultStyles.ts b/src/sql/platform/theme/browser/defaultStyles.ts
index 9d8ed6144c..228332e812 100644
--- a/src/sql/platform/theme/browser/defaultStyles.ts
+++ b/src/sql/platform/theme/browser/defaultStyles.ts
@@ -10,7 +10,7 @@ import { ISelectBoxStyles } from 'sql/base/browser/ui/selectBox/selectBox';
 import { ITableStyles } from 'sql/base/browser/ui/table/interfaces';
 import { ITableFilterStyles } from 'sql/base/browser/ui/table/plugins/headerFilter.plugin';
 import *  as sqlcr from 'sql/platform/theme/common/colorRegistry';
-import { disabledCheckboxForeground, listFocusAndSelectionBackground, tableHeaderBackground, tableHeaderForeground } from 'sql/platform/theme/common/colors';
+import { disabledCheckboxForeground, listFocusAndSelectionBackground, listFocusAndSelectionForeground, tableHeaderBackground, tableHeaderForeground } from 'sql/platform/theme/common/colors';
 import { IInfoBoxStyles } from 'sql/workbench/browser/ui/infoBox/infoBox';
 import { IButtonStyles } from 'vs/base/browser/ui/button/button';
 import { IStyleOverride, defaultButtonStyles, defaultCountBadgeStyles, defaultInputBoxStyles, defaultListStyles, defaultSelectBoxStyles as vsDefaultSelectBoxStyles, overrideStyles } from 'vs/platform/theme/browser/defaultStyles';
@@ -93,7 +93,7 @@ export const defaultTableStyles: ITableStyles = {
 	listActiveSelectionBackground: cr.asCssVariable(cr.listActiveSelectionBackground),
 	listActiveSelectionForeground: cr.asCssVariable(cr.listActiveSelectionForeground),
 	listFocusAndSelectionBackground: cr.asCssVariable(listFocusAndSelectionBackground),
-	listFocusAndSelectionForeground: cr.asCssVariable(cr.listActiveSelectionForeground),
+	listFocusAndSelectionForeground: cr.asCssVariable(listFocusAndSelectionForeground),
 	listInactiveFocusBackground: undefined,
 	listInactiveSelectionBackground: cr.asCssVariable(cr.listInactiveSelectionBackground),
 	listInactiveSelectionForeground: undefined,
diff --git a/src/sql/platform/theme/common/colors.ts b/src/sql/platform/theme/common/colors.ts
index 242fdbafe8..c45bd88278 100644
--- a/src/sql/platform/theme/common/colors.ts
+++ b/src/sql/platform/theme/common/colors.ts
@@ -10,6 +10,7 @@ import * as nls from 'vs/nls';
 export const tableHeaderBackground = registerColor('table.headerBackground', { dark: new Color(new RGBA(51, 51, 52)), light: new Color(new RGBA(245, 245, 245)), hcDark: '#333334', hcLight: '#fff' }, nls.localize('tableHeaderBackground', "Table header background color"));
 export const tableHeaderForeground = registerColor('table.headerForeground', { dark: new Color(new RGBA(229, 229, 229)), light: new Color(new RGBA(16, 16, 16)), hcDark: '#e5e5e5', hcLight: '#000' }, nls.localize('tableHeaderForeground', "Table header foreground color"));
 export const listFocusAndSelectionBackground = registerColor('list.focusAndSelectionBackground', { dark: '#2c3295', light: '#2c3295', hcDark: null, hcLight: null }, nls.localize('listFocusAndSelectionBackground', "List/Table background color for the selected and focus item when the list/table is active"));
+export const listFocusAndSelectionForeground = registerColor('list.focusAndSelectionForeground', { dark: '#ffffff', light: '#ffffff', hcDark: null, hcLight: null }, nls.localize('listFocusAndSelectionBackground', "List/Table foreground color for the selected and focus item when the list/table is active"));
 export const tableCellOutline = registerColor('table.cell.outline', { dark: '#e3e4e229', light: '#33333333', hcDark: '#e3e4e229', hcLight: '#e3e4e229' }, nls.localize('tableCellOutline', 'Color of the outline of a cell.'));
 
 export const disabledInputBackground = registerColor('input.disabled.background', { dark: '#444444', light: '#dcdcdc', hcDark: Color.black, hcLight: Color.white }, nls.localize('disabledInputBoxBackground', "Disabled Input box background."));