refactor(website): update GitHubRepo styling and remove shadow effect

Author: Rel1cx

apps/website/components/GitHubRepo.tsx

@@ -4,7 +4,7 @@ import { GithubInfo } from "fumadocs-ui/components/github-info";
 export function GitHubRepo({ className, token, ...rest }: Parameters<typeof GithubInfo>[0]) {
   return (
     <GithubInfo
-      className={cn("rounded-lg", "bg-gray-100", "dark:bg-gray-800", className)}
+      className={cn("rounded-lg", "bg-fd-card", "outline", "outline-fd-border", className)}
       token={token ?? process.env["GITHUB_TOKEN"] ?? ""}
       {...rest}
     />

apps/website/content/docs/community.tsx

@@ -35,7 +35,6 @@ export function CommunityShowcases() {
     <div className="not-prose grid grid-cols-1 gap-4 md:grid-cols-2">
       {repos.map(({ owner, repo }) => (
         <GitHubRepo
-          className="shadow-sm"
           key={`${owner}/${repo}`}
           owner={owner}
           repo={repo}
@@ -50,7 +49,6 @@ export function CommunityPresets() {
     <div className="not-prose grid grid-cols-1 gap-4 md:grid-cols-2">
       {presets.map(({ owner, repo }) => (
         <GitHubRepo
-          className="shadow-sm"
           key={`${owner}/${repo}`}
           owner={owner}
           repo={repo}