🐛 fix: adjustments in multi theme support

xandemon · Jan 21, 2025 · 1e2bbdf · 1e2bbdf
1 parent 50ac5b3
commit 1e2bbdf
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 6 deletions.
diff --git a/showcase/src/components/FeatureSection.astro b/showcase/src/components/FeatureSection.astro
@@ -39,8 +39,8 @@ const features = [
 <div class="grid grid-cols-3 gap-4">
   {
     features.map((feature) => (
-      <div class="flex flex-col gap-3 bg-gradient-to-br from-zinc-200 to-zinc-300/75 dark:from-zinc-800 dark:to-[#27272a77] p-5 rounded-xl">
-        <div class="p-3 bg-white dark:bg-zinc-900 rounded-lg w-fit text-2xl text-sky-500">
+      <div class="flex flex-col gap-3 bg-gradient-to-br from-zinc-200/75 to-zinc-200 dark:from-zinc-800 dark:to-[#27272a77] p-5 rounded-xl">
+        <div class="p-3 bg-white dark:bg-zinc-900 rounded-lg w-fit text-2xl text-sky-500 pointer-events-none">
           {feature.title === "Highly Optimized" && "⚡"}
           {feature.title === "Customizable" && "🎨"}
           {feature.title === "Perfectly Scalable" && "🚀"}

diff --git a/showcase/src/components/disclaimerAlert.tsx b/showcase/src/components/disclaimerAlert.tsx
@@ -94,7 +94,12 @@ export const DisclaimerAlert = ({ url }: { url: URL }) => {
         </AlertDialogDescription>
         <AlertDialogFooter>
           <AlertDialogAction asChild>
-            <Button onClick={onDisclaimerUnderstand}>I Understand</Button>
+            <Button
+              className="bg-sky-500 text-zinc-100 hover:bg-sky-500/90"
+              onClick={onDisclaimerUnderstand}
+            >
+              I Understand
+            </Button>
           </AlertDialogAction>
         </AlertDialogFooter>
       </AlertDialogContent>

diff --git a/showcase/src/components/ui/badge.tsx b/showcase/src/components/ui/badge.tsx
@@ -9,7 +9,7 @@ const badgeVariants = cva(
     variants: {
       variant: {
         default:
-          "border-transparent bg-zinc-300 text-zinc-800 hover:bg-zinc-700/80 dark:hover:bg-zinc-300/80 dark:bg-zinc-800 dark:text-zinc-300 dark:hover:bg-zinc-800/80 pl-3 pr-5",
+          "border-transparent bg-zinc-200 text-zinc-800 hover:bg-zinc-300/80 dark:hover:bg-zinc-300/80 dark:bg-zinc-800 dark:text-zinc-300 dark:hover:bg-zinc-800/80 pl-3 pr-5",
         secondary:
           "border-zinc-200 dark:border-zinc-800 bg-zinc-200 dark:bg-zinc-800 bg-opacity-25 text-zinc-950 dark:text-zinc-50 hover:bg-zinc-200/80 dark:hover:bg-zinc-800/80",
         destructive:

diff --git a/showcase/src/layouts/DocsLayout.astro b/showcase/src/layouts/DocsLayout.astro
@@ -93,7 +93,7 @@ flattenedDocs.sort((a, b) => a.frontmatter.order - b.frontmatter.order);
                 className={cn(
                   `w-full rounded-lg px-4 py-2 cursor-pointer justify-start`,
                   {
-                    "bg-transparent text-zinc-600 dark:text-zinc-400 hover:bg-zinc-200 dark:hover:bg-zinc-700":
+                    "bg-transparent dark:bg-transparent text-zinc-600 dark:text-zinc-400 hover:bg-zinc-200 dark:hover:bg-zinc-700":
                       props.frontmatter.title !== doc.frontmatter.title,
                   }
                 )}

diff --git a/showcase/src/pages/icons/[category].astro b/showcase/src/pages/icons/[category].astro
@@ -46,7 +46,7 @@ const filteredIconsData =
               className={cn(
                 `w-full rounded-lg px-4 py-2 cursor-pointer justify-start`,
                 {
-                  "bg-transparent text-zinc-600 dark:text-zinc-400 hover:bg-zinc-200 dark:hover:bg-zinc-700":
+                  "bg-transparent dark:bg-transparent text-zinc-600 dark:text-zinc-400 hover:bg-zinc-200 dark:hover:bg-zinc-700":
                     item
                       .replace("DevOps & AI/ML", "DevOps")
                       .replaceAll(" ", "-") !== category,