INT-2372 Fix the selection color for light theme (#851)

codemod-com · Jan 4, 2024 · 4e61628 · 4e61628
1 parent b1f0371
commit 4e61628
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 1 deletion.
diff --git a/intuita-webview/src/codemodList/CodemodNodeRenderer/Codemod.tsx b/intuita-webview/src/codemodList/CodemodNodeRenderer/Codemod.tsx
@@ -245,7 +245,12 @@ const Codemod = ({
 						<span className={cn('codicon', 'codicon-verified')} />
 					)}
 				</IntuitaPopover>
-				<span className={styles.labelContainer}>
+				<span
+					className={cn(
+						styles.labelContainer,
+						focused && styles.focused,
+					)}
+				>
 					<span
 						className={styles.label}
 						style={getLabelStyle(areButtonsVisible, screenWidth)}

diff --git a/intuita-webview/src/codemodList/CodemodNodeRenderer/style.module.css b/intuita-webview/src/codemodList/CodemodNodeRenderer/style.module.css
@@ -44,6 +44,10 @@
 	align-items: center;
 }
 
+.labelContainer.focused {
+	color: var(--vscode-list-activeSelectionForeground);
+}
+
 .directorySelector {
 	display: flex;
 }
@@ -69,6 +73,7 @@
 	text-overflow: ellipsis;
 	overflow: hidden;
 	white-space: nowrap;
+	color: inherit;
 }
 
 .codemodRoot {

diff --git a/intuita-webview/src/codemodList/TreeView/style.module.css b/intuita-webview/src/codemodList/TreeView/style.module.css
@@ -2,6 +2,7 @@
 	margin-left: 3px;
 	display: flex;
 	align-items: center;
+	color: inherit;
 }
 
 .active {