feat: improve ui

src/components/Logo.tsx

@@ -8,7 +8,7 @@ export function Logo({ onClick }: { onClick?: () => void }) {
       onClick={onClick}
       className="focusable inline-flex items-center gap-2 rounded-lg"
     >
-      <span className="grid h-7 w-7 place-items-center rounded-lg bg-[var(--ink)] text-[var(--bg)]">
+      <span className="grad-bg grid h-7 w-7 place-items-center rounded-lg">
         <Scissors size={15} />
       </span>
       <span className="text-[17px] font-semibold tracking-tight text-ink">