make dropdown menu in topbar and outline text in white and size $1

apps/designer/app/designer/features/topbar/menu/menu.tsx

@@ -27,11 +27,6 @@ const menuItemCss = {
   minWidth: 140,
 };
 
-const textCss = {
-  flexGrow: 1,
-  fontSize: "$1",
-};
-
 type MenuProps = {
   config: Config;
   publish: Publish;
@@ -70,7 +65,7 @@ export const Menu = ({ config, publish }: MenuProps) => {
             navigate(config.dashboardPath);
           }}
         >
-          <Text css={textCss}>Dashboard</Text>
+          Dashboard
         </DropdownMenuItem>
         <DropdownMenuSeparator />
         <DropdownMenuItem
@@ -82,7 +77,7 @@ export const Menu = ({ config, publish }: MenuProps) => {
             });
           }}
         >
-          <Text css={textCss}>Undo</Text>
+          Undo
           <ShortcutHint value={["cmd", "z"]} />
         </DropdownMenuItem>
         <DropdownMenuItem
@@ -94,7 +89,7 @@ export const Menu = ({ config, publish }: MenuProps) => {
             });
           }}
         >
-          <Text css={textCss}>Redo</Text>
+          Redo
           <ShortcutHint value={["shift", "cmd", "z"]} />
         </DropdownMenuItem>
         <DropdownMenuSeparator />
@@ -107,7 +102,7 @@ export const Menu = ({ config, publish }: MenuProps) => {
             });
           }}
         >
-          <Text css={textCss}>Copy</Text>
+          Copy
           <ShortcutHint value={["cmd", "c"]} />
         </DropdownMenuItem>
         <DropdownMenuItem
@@ -119,7 +114,7 @@ export const Menu = ({ config, publish }: MenuProps) => {
             });
           }}
         >
-          <Text css={textCss}>Paste</Text>
+          Paste
           <ShortcutHint value={["cmd", "v"]} />
         </DropdownMenuItem>
         <DropdownMenuItem
@@ -131,7 +126,7 @@ export const Menu = ({ config, publish }: MenuProps) => {
             });
           }}
         >
-          <Text css={textCss}>Delete</Text>
+          Delete
           <ShortcutHint value={["backspace"]} />
         </DropdownMenuItem>
         <DropdownMenuSeparator />
@@ -141,7 +136,7 @@ export const Menu = ({ config, publish }: MenuProps) => {
             publish({ type: "openBreakpointsMenu" });
           }}
         >
-          <Text css={textCss}>Breakpoints</Text>
+          Breakpoints
           <ShortcutHint value={["cmd", "b"]} />
         </DropdownMenuItem>
         <DropdownMenuItem
@@ -153,7 +148,7 @@ export const Menu = ({ config, publish }: MenuProps) => {
             });
           }}
         >
-          <Text css={textCss}>Zoom in</Text>
+          Zoom in
           <ShortcutHint value={["cmd", "+"]} />
         </DropdownMenuItem>
         <DropdownMenuItem
@@ -165,7 +160,7 @@ export const Menu = ({ config, publish }: MenuProps) => {
             });
           }}
         >
-          <Text css={textCss}>Zoom out</Text>
+          Zoom out
           <ShortcutHint value={["cmd", "-"]} />
         </DropdownMenuItem>
         <DropdownMenuSeparator />
@@ -177,7 +172,7 @@ export const Menu = ({ config, publish }: MenuProps) => {
             });
           }}
         >
-          <Text css={textCss}>Preview</Text>
+          Preview
           <ShortcutHint value={["cmd", "shift", "p"]} />
         </DropdownMenuItem>
         <DropdownMenuItem
@@ -186,7 +181,7 @@ export const Menu = ({ config, publish }: MenuProps) => {
             setIsShareOpen(true);
           }}
         >
-          <Text css={textCss}>Share</Text>
+          Share
         </DropdownMenuItem>
         <DropdownMenuItem
           css={menuItemCss}
@@ -194,7 +189,7 @@ export const Menu = ({ config, publish }: MenuProps) => {
             setIsPublishOpen(true);
           }}
         >
-          <Text css={textCss}>Publish</Text>
+          Publish
         </DropdownMenuItem>
         <DropdownMenuArrow offset={10} />
       </DropdownMenuContent>

apps/designer/app/designer/features/workspace/canvas-tools/outline/label.tsx

@@ -40,11 +40,11 @@ const LabelContainer = styled(
     display: "flex",
     padding: "0 $1",
     height: "$4",
-    color: "$hiContrast",
+    color: "$loContrast",
     alignItems: "center",
     justifyContent: "center",
     gap: "$1",
-    fontSize: "$2",
+    fontSize: "$1",
     fontFamily: "$sans",
     lineHeight: 1,
     minWidth: "$6",