chore: update font weight

Author: zouhangwithsweet

entrypoints/injected/components/Code.tsx

@@ -108,9 +108,9 @@ export const CodeArea = memo((props: { minimized?: boolean }) => {
 
   return (
     <>
-      {!name && !props.minimized && <div className="p-4 font-600 text-13px">Select Layer </div>}
+      {!name && !props.minimized && <div className="p-4 font-550 text-13px">Select Layer </div>}
       <div className={`relative ${props.minimized || !name ? 'hidden' : ''}`}>
-        <div className="flex px-4 py-2 items-center border-b border-$color-border border-solid font-600 text-13px sticky top-45px text-$color-text bg-$color-bg z-2">
+        <div className="flex px-4 py-2 items-center border-b border-$color-border border-solid font-550 text-13px sticky top-45px text-$color-text bg-$color-bg z-2">
           <span className="p-1 hover:bg-#e5e5e5/50 rounded-sm cursor-pointer truncate" onClick={handleCopy(name)}>
             {name}
           </span>

entrypoints/injected/components/Colors.tsx

@@ -79,7 +79,7 @@ export const Colors = memo((props: { minimized?: boolean }) => {
 
   return (
     <div
-      className={`${props.minimized ? 'hidden' : 'block'} p-4 border-t border-$color-border border-solid font-600 text-13px`}
+      className={`${props.minimized ? 'hidden' : 'block'} p-4 border-t border-$color-border border-solid font-550 text-13px`}
     >
       <div className="flex items-center gap-2">
         <span className="flex-1">Colors</span>

entrypoints/injected/components/Download.tsx

@@ -74,7 +74,7 @@ export const Download = memo((props: { minimized?: boolean }) => {
       className={`${props.minimized ? 'hidden' : 'block'} p-4 border-t border-$color-border border-solid text-13px space-y-4`}
     >
       <div className="flex items-center gap-2">
-        <span className="flex-1 font-600">Export</span>
+        <span className="flex-1 font-550">Export</span>
         <span
           className="flex items-center gap-.5 text-xs text-$color-text-secondary cursor-pointer"
           onClick={() => setShow(!show)}

entrypoints/injected/components/Header.tsx

@@ -110,7 +110,7 @@ const Header = forwardRef(function ({ minimized, onToggleSize, startDrag }: Prop
           onClick={() => setEngine('unocss')}
         ></span>
       )}
-      <span className="flex-1 font-700 text-sm">Fubukicss Tool</span>
+      <span className="flex-1 font-550 text-sm">Fubukicss Tool</span>
       <div
         className="p-.5 flex-center rounded"
         onMouseDown={(e) => {

entrypoints/injected/components/Layout.tsx

@@ -8,7 +8,7 @@ export const Layout = memo((props: { minimized?: boolean }) => {
 
   return (
     <div
-      className={`${props.minimized ? 'hidden' : 'block'} p-4 border-t border-$color-border border-solid font-600 text-13px`}
+      className={`${props.minimized ? 'hidden' : 'block'} p-4 border-t border-$color-border border-solid font-550 text-13px`}
     >
       <div className="flex items-center gap-2">
         <span className="flex-1">Layout</span>