big style update

app/DjTooltip.tsx

@@ -17,9 +17,10 @@ const tooltipStyles = css`
     opacity: 0;
     display: block;
     pointer-events: none;
-    background-color: black;
-    border: white solid 1px;
-    color: white;
+    background-color: var(--dj-bgpalette1);
+    box-shadow: 0 0 12px 1px rgb(10 12 15 / 70%);
+    border: var(--dj-palette3) solid 1px;
+    color: var(--dj-palette3);
     padding: 10px;
     position: absolute;
     z-index: 1;
@@ -119,7 +120,7 @@ export default defineComponent({
 
         return () => <>
             <div class="tooltip-container" 
-                {...attrs} 
+                {...attrs}
                 onMouseenter={(e) => tooltip.show(props.tooltip, e.pageX, e.pageY)}
                 onMouseleave={() => tooltip.hide()}>
                 {slots.default?.()}