Match figma styling for tooltips

Antonio Scandurra created 3 years ago

Change summary

styles/src/styleTree/tooltip.ts | 8 ++++----
1 file changed, 4 insertions(+), 4 deletions(-)

Detailed changes

styles/src/styleTree/tooltip.ts

@@ -4,11 +4,11 @@ import { backgroundColor, border, shadow, text } from "./components";
 export default function tooltip(theme: Theme) {
   return {
     background: backgroundColor(theme, 500),
-    border: border(theme, "primary"),
-    padding: 6,
-    margin: { top: 8, left: 8 },
+    border: border(theme, "secondary"),
+    padding: { top: 4, bottom: 4, left: 8, right: 8 },
+    margin: { top: 6, left: 6 },
     shadow: shadow(theme),
     cornerRadius: 6,
-    ...text(theme, "sans", "primary", { size: "xs" })
+    ...text(theme, "sans", "secondary", { size: "xs", weight: "bold" })
   }
 }