Update doc for tooltip custom theme

README.md

@@ -117,8 +117,8 @@ const HeaderWithTootip = withTooltip(Header, {
 |onShown|noop|function|Callback when the tooltip has fully transitioned in and is showing|
 |onHide|noop|function|Callback when the tooltip has begun to transition out|
 |onHidden|noop|function|Callback when the tooltip has fully transitioned out and is hidden|
-|theme|`dark`|`dark` `light` `transparent`|The CSS styling theme.|
-|className|''|string|className of container|
+|theme|`dark`|`dark` `light` `transparent` `any_custom_theme`|The CSS styling theme for tooltip|
+|className|''|string|className of tooltip trigger element|
 |style|{}|React inline style (object)|style of container|
 
 
@@ -221,7 +221,7 @@ react-tippy provides `useContext` for Tooltip component. It can allow you to use
 
 ## Could I change tooltip style (width, height, ...)?
 
-You can change css to have your tooltip width. If you use `html` props, you can do like this
+className and style are used for customizing the wrapped element ( the one will trigger the tooltip ), so in case you want to customize your tooltip in just few components, your can use html instead of title.
 
 ```javascript
 html={(
@@ -231,6 +231,21 @@ html={(
 )}
 ```
 
+If you want to customize all tooltips, or even use your own theme, you can create your css theme as here
+https://atomiks.github.io/tippyjs/#creating-themes
+
+create a custom theme like this
+```css
+.my-custom-theme { /* must be end with -theme */
+  border: 5px solid red;
+}
+```
+
+then pass it as theme (they can have multiple themes)
+```js
+<Tooltip
+  theme="my-custom light" // <- react-tippy will auto add postfix -theme so remove it here
+```
 
 # License
 MIT. Also check Popper.js' license.

src/Tooltip/js/tippy.js

@@ -386,7 +386,8 @@ class Tippy {
       el,
       popperInstance,
       listeners,
-      _mutationObserver
+      _mutationObserver,
+      forceRemoveTitle
     } = data
 
     // Ensure the popper is hidden
@@ -397,8 +398,10 @@ class Tippy {
     // Remove Tippy-only event listeners from tooltipped element
     listeners.forEach(listener => el.removeEventListener(listener.event, listener.handler))
 
-    // Restore original title
-    el.setAttribute('title', el.getAttribute('data-original-title'))
+    if (!forceRemoveTitle) {
+    // Restore original title if not forced to remove title completely
+      el.setAttribute('title', el.getAttribute('data-original-title'));
+    }
 
     el.removeAttribute('data-original-title')
     el.removeAttribute('data-tooltipped')