fix: design fixes

Signed-off-by: Filipe Medeiros <hello@filipesm.eu>

app/projetos/page.tsx

@@ -36,7 +36,7 @@ function Project({ project }: { project: ProjectType }) {
         // this is ugly but it's actually the right way to do this (for UX)
         width={40 / (project.properties.LogoRatio.number ?? 1)}
         alt=""
-        className="z-10 h-10 w-auto rounded border border-neutral-300/60 p-2 dark:bg-neutral-800"
+        className="z-10 h-10 w-auto rounded border border-neutral-300/60 p-2 dark:border-neutral-300/20 dark:bg-neutral-800"
       />
       <h2 className="mt-6 text-base font-semibold text-zinc-800 dark:text-zinc-100">
         <CardLink href={project.properties.URL.url ?? '#'}>

components/client/Button.tsx

@@ -11,7 +11,7 @@ const variantStyles = {
   secondary:
     'bg-zinc-50 font-medium text-zinc-900 hover:bg-zinc-100 active:bg-zinc-100 active:text-zinc-900/60 dark:bg-zinc-800/50 dark:text-zinc-300 dark:hover:bg-zinc-800 dark:hover:text-zinc-50 dark:active:bg-zinc-800/50 dark:active:text-zinc-50/70',
   colored:
-    'bg-zinc-800 font-semibold text-zinc-100 hover:bg-teal-500 active:bg-teal-600 hover:text-zinc-900/70 active:text-zinc-100/70',
+    'bg-zinc-100 border border-zinc-200 dark:border-none text-teal-500 font-semibold dark:text-zinc-100 hover:bg-teal-500 active:border-teal-500 hover:border-teal-500 active:bg-teal-600 hover:text-zinc-50 dark:hover:text-zinc-900/70 active:text-zinc-100/70 dark:bg-zinc-800 dark:hover:bg-teal-500',
 } as const
 
 const Button = ({