fix(ui-toolkit): healthbar tooltips text colour (#4199)

libs/ui-toolkit/package.json

@@ -1,4 +1,4 @@
 {
   "name": "@vegaprotocol/ui-toolkit",
-  "version": "0.12.5"
+  "version": "0.12.6"
 }

libs/ui-toolkit/src/components/healthbar/healthbar.tsx

@@ -25,14 +25,14 @@ const Target = ({
   return (
     <Tooltip
       description={
-        <>
+        <div className="text-vega-dark-100 dark:text-vega-light-200">
           <div className="mt-1.5 inline-flex">
             <Indicator variant={Intent.None} />
           </div>
           <span>
             {t('Target stake')} {addDecimalsFormatNumber(target, decimals)}
           </span>
-        </>
+        </div>
       }
     >
       <div
@@ -195,9 +195,11 @@ export const HealthBar = ({
             {showRemainder && <Remainder />}
             {showOverflow && (
               <Tooltip
-                description={t(
-                  'Providers greater than 2x target stake not shown'
-                )}
+                description={
+                  <div className="text-vega-dark-100 dark:text-vega-light-200">
+                    t( 'Providers greater than 2x target stake not shown' )
+                  </div>
+                }
               >
                 <div className="h-[inherit] relative flex-1 leading-4">...</div>
               </Tooltip>

libs/utils/package.json

@@ -1,5 +1,5 @@
 {
   "name": "@vegaprotocol/utils",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "type": "commonjs"
 }