mohsinulhaq/react-popper-tooltip

Change tooltip color or theme

omersname opened this issue · 3 comments

omersname commented

I can't change the color of the tooltip. I can override the css with !important but I still have a problem with the arrow styling. For me it's a real problem!

It will be a good idea to add a prop for color of the whole tooltip. Example: color='#000' .

Alternatively, add a prop for a theme color if you want a several pre-styled tooltips. Example: theme='dark' .

mohsinulhaq commented

can you please share a minimal Codesandbox demonstrating what you are trying to do?

denisborovikov commented

You can create your own CSS file from scratch or use the default one as an example. Set any styles and colors you want, there's no need to add any props for this purpose.

Our original idea was not to attach any CSS at all so the default CSS is mostly for a quick start and a reference of what you can do.

Just to clarify what I mean:

  1. Make a copy of react-popper-tooltip/dist/styles.css to your project
  2. Make any changes inside
  3. Import a copy instead of the original react-popper-tooltip/dist/styles.css into your project.
omersname commented

That is a good idea 👍 yet I still think you should add this feature, it will be much simpler for us :) thanks