update header style for embedded visualization

frontend/src/metabase/visualizations/components/LegendHeader.jsx

@@ -105,6 +105,7 @@ export default class LegendHeader extends Component {
                       })
                   : null
             }
+            infoClassName={'text-grey-2 text-grey-4-hover'}
           />,
           onRemoveSeries &&
             index > 0 && (
@@ -118,7 +119,7 @@ export default class LegendHeader extends Component {
             ),
         ])}
         {actionButtons && (
-          <span className="flex-no-shrink flex-align-right relative">
+          <span className="text-grey-2 text-grey-4-hover flex-no-shrink flex-align-right relative">
             {actionButtons}
           </span>
         )}

frontend/src/metabase/visualizations/components/LegendItem.jsx

@@ -39,6 +39,7 @@ export default class LegendItem extends Component {
       className,
       description,
       onClick,
+      infoClassName,
     } = this.props;
     return (
       <LegendLink
@@ -79,7 +80,7 @@ export default class LegendItem extends Component {
             {description && (
               <div className="hover-child">
                 <Tooltip tooltip={description} maxWidth={"22em"}>
-                  <Icon name="info" />
+                  <Icon className={infoClassName} name="info" />
                 </Tooltip>
               </div>
             )}