wip: continue implementation

assets/styles/components/tooltip.css

@@ -0,0 +1,18 @@
+@import "tippy.js/dist/tippy.css";
+
+.tippy-box {
+  background-color: theme('colors.primary');
+}
+
+.tippy-box[data-placement^='top'] > .tippy-arrow::before {
+  border-top-color: theme('colors.primary');
+}
+.tippy-box[data-placement^='bottom'] > .tippy-arrow::before {
+  border-bottom-color: theme('colors.primary');
+}
+.tippy-box[data-placement^='left'] > .tippy-arrow::before {
+  border-left-color: theme('colors.primary');
+}
+.tippy-box[data-placement^='right'] > .tippy-arrow::before {
+  border-right-color: theme('colors.primary');
+}