fix: SidePanel for the theme

Talend · Jul 20, 2023 · f2a2ed7 · f2a2ed7
1 parent 354c969
commit f2a2ed7
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/packages/components/src/SidePanel/SidePanel.component.js b/packages/components/src/SidePanel/SidePanel.component.js
@@ -110,7 +110,14 @@ function SidePanel({
 	const toggleButtonTitle = docked ? expandLabel : collapseTitle;
 	const Components = Inject.getAll(getComponent, { Action, ActionList });
 	return (
-		<nav id={id} className={navCSS} role="navigation" ref={ref} style={{ width }}>
+		<nav
+			id={id}
+			className={navCSS}
+			role="navigation"
+			ref={ref}
+			style={{ width }}
+			data-theme="light"
+		>
 			{backgroundIcon && (
 				<style>
 					{`#${id}::before {

diff --git a/packages/components/src/SidePanel/SidePanel.module.scss b/packages/components/src/SidePanel/SidePanel.module.scss
@@ -192,6 +192,7 @@ $large-docked-width: 7rem;
 
 	&.reverse[role='navigation'] {
 		background: tokens.$coral-color-neutral-background-medium !important;
+		color: tokens.$coral-color-neutral-text !important;
 
 		&::before {
 			content: none;