tooltip.css in lookbook-1.0.0.beta.6

- old
+ new

@@ -2,26 +2,26 @@
 @import "tippy.js/dist/border";
 
 .tippy-box[data-theme~="tooltip"] {
   @apply text-xs opacity-90;
 
-  background-color: var(--lookbook-tooltip);
+  background-color: var(--lookbook-tooltip-bg);
   color: var(--lookbook-tooltip-text);
 
   &[data-placement^="top"] > .tippy-arrow::before {
-    border-top-color: var(--lookbook-tooltip);
+    border-top-color: var(--lookbook-tooltip-bg);
   }
 
   &[data-placement^="bottom"] > .tippy-arrow::before {
-    border-bottom-color: var(--lookbook-tooltip);
+    border-bottom-color: var(--lookbook-tooltip-bg);
   }
 
   &[data-placement^="left"] > .tippy-arrow::before {
-    border-left-color: var(--lookbook-tooltip);
+    border-left-color: var(--lookbook-tooltip-bg);
   }
 
   &[data-placement^="right"] > .tippy-arrow::before {
-    border-right-color: var(--lookbook-tooltip);
+    border-right-color: var(--lookbook-tooltip-bg);
   }
 }
 
 .tippy-box[data-theme~="menu"] {
   border: 1px solid theme("colors.gray.300");