From 12fcd0e66a78de85b112ade562f48a91bcd3223a Mon Sep 17 00:00:00 2001
From: er-knight <60701544+er-knight@users.noreply.github.com>
Date: Mon, 3 Jun 2024 00:49:56 +0530
Subject: [PATCH] Swapped Card and Tag Color

---
 src/App.svelte | 90 +++++++++++++++++++++++++-------------------------
 1 file changed, 45 insertions(+), 45 deletions(-)

diff --git a/src/App.svelte b/src/App.svelte
index 4be3dc3..7e34579 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -5,155 +5,155 @@
     {
       name: "Slate",
       backgroundColor: "bg-slate-50",
-      backgroundColor_Card: "bg-slate-100",
-      backgroundColor_Tag: "bg-slate-200",
+      backgroundColor_Tag: "bg-slate-100",
+      backgroundColor_Card: "bg-slate-200",
       textColor: "text-slate-950",
     },
     {
       name: "Gray",
       backgroundColor: "bg-gray-50",
-      backgroundColor_Card: "bg-gray-100",
-      backgroundColor_Tag: "bg-gray-200",
+      backgroundColor_Tag: "bg-gray-100",
+      backgroundColor_Card: "bg-gray-200",
       textColor: "text-gray-950",
     },
     {
       name: "Zinc",
       backgroundColor: "bg-zinc-50",
-      backgroundColor_Card: "bg-zinc-100",
-      backgroundColor_Tag: "bg-zinc-200",
+      backgroundColor_Tag: "bg-zinc-100",
+      backgroundColor_Card: "bg-zinc-200",
       textColor: "text-zinc-950",
     },
     {
       name: "Neutral",
       backgroundColor: "bg-neutral-50",
-      backgroundColor_Card: "bg-neutral-100",
-      backgroundColor_Tag: "bg-neutral-200",
+      backgroundColor_Tag: "bg-neutral-100",
+      backgroundColor_Card: "bg-neutral-200",
       textColor: "text-neutral-950",
     },
     {
       name: "Stone",
       backgroundColor: "bg-stone-50",
-      backgroundColor_Card: "bg-stone-100",
-      backgroundColor_Tag: "bg-stone-200",
+      backgroundColor_Tag: "bg-stone-100",
+      backgroundColor_Card: "bg-stone-200",
       textColor: "text-stone-950",
     },
     {
       name: "Red",
       backgroundColor: "bg-red-50",
-      backgroundColor_Card: "bg-red-100",
-      backgroundColor_Tag: "bg-red-200",
+      backgroundColor_Tag: "bg-red-100",
+      backgroundColor_Card: "bg-red-200",
       textColor: "text-red-950",
     },
     {
       name: "Orange",
       backgroundColor: "bg-orange-50",
-      backgroundColor_Card: "bg-orange-100",
-      backgroundColor_Tag: "bg-orange-200",
+      backgroundColor_Tag: "bg-orange-100",
+      backgroundColor_Card: "bg-orange-200",
       textColor: "text-orange-950",
     },
     {
       name: "Amber",
       backgroundColor: "bg-amber-50",
-      backgroundColor_Card: "bg-amber-100",
-      backgroundColor_Tag: "bg-amber-200",
+      backgroundColor_Tag: "bg-amber-100",
+      backgroundColor_Card: "bg-amber-200",
       textColor: "text-amber-950",
     },
     {
       name: "Yellow",
       backgroundColor: "bg-yellow-50",
-      backgroundColor_Card: "bg-yellow-100",
-      backgroundColor_Tag: "bg-yellow-200",
+      backgroundColor_Tag: "bg-yellow-100",
+      backgroundColor_Card: "bg-yellow-200",
       textColor: "text-yellow-950",
     },
     {
       name: "Lime",
       backgroundColor: "bg-lime-50",
-      backgroundColor_Card: "bg-lime-100",
-      backgroundColor_Tag: "bg-lime-200",
+      backgroundColor_Tag: "bg-lime-100",
+      backgroundColor_Card: "bg-lime-200",
       textColor: "text-lime-950",
     },
     {
       name: "Green",
       backgroundColor: "bg-green-50",
-      backgroundColor_Card: "bg-green-100",
-      backgroundColor_Tag: "bg-green-200",
+      backgroundColor_Tag: "bg-green-100",
+      backgroundColor_Card: "bg-green-200",
       textColor: "text-green-950",
     },
     {
       name: "Emerald",
       backgroundColor: "bg-emerald-50",
-      backgroundColor_Card: "bg-emerald-100",
-      backgroundColor_Tag: "bg-emerald-200",
+      backgroundColor_Tag: "bg-emerald-100",
+      backgroundColor_Card: "bg-emerald-200",
       textColor: "text-emerald-950",
     },
     {
       name: "Teal",
       backgroundColor: "bg-teal-50",
-      backgroundColor_Card: "bg-teal-100",
-      backgroundColor_Tag: "bg-teal-200",
+      backgroundColor_Tag: "bg-teal-100",
+      backgroundColor_Card: "bg-teal-200",
       textColor: "text-teal-950",
     },
     {
       name: "Cyan",
       backgroundColor: "bg-cyan-50",
-      backgroundColor_Card: "bg-cyan-100",
-      backgroundColor_Tag: "bg-cyan-200",
+      backgroundColor_Tag: "bg-cyan-100",
+      backgroundColor_Card: "bg-cyan-200",
       textColor: "text-cyan-950",
     },
     {
       name: "Sky",
       backgroundColor: "bg-sky-50",
-      backgroundColor_Card: "bg-sky-100",
-      backgroundColor_Tag: "bg-sky-200",
+      backgroundColor_Tag: "bg-sky-100",
+      backgroundColor_Card: "bg-sky-200",
       textColor: "text-sky-950",
     },
     {
       name: "Blue",
       backgroundColor: "bg-blue-50",
-      backgroundColor_Card: "bg-blue-100",
-      backgroundColor_Tag: "bg-blue-200",
+      backgroundColor_Tag: "bg-blue-100",
+      backgroundColor_Card: "bg-blue-200",
       textColor: "text-blue-950",
     },
     {
       name: "Indigo",
       backgroundColor: "bg-indigo-50",
-      backgroundColor_Card: "bg-indigo-100",
-      backgroundColor_Tag: "bg-indigo-200",
+      backgroundColor_Tag: "bg-indigo-100",
+      backgroundColor_Card: "bg-indigo-200",
       textColor: "text-indigo-950",
     },
     {
       name: "Violet",
       backgroundColor: "bg-violet-50",
-      backgroundColor_Card: "bg-violet-100",
-      backgroundColor_Tag: "bg-violet-200",
+      backgroundColor_Tag: "bg-violet-100",
+      backgroundColor_Card: "bg-violet-200",
       textColor: "text-violet-950",
     },
     {
       name: "Purple",
       backgroundColor: "bg-purple-50",
-      backgroundColor_Card: "bg-purple-100",
-      backgroundColor_Tag: "bg-purple-200",
+      backgroundColor_Tag: "bg-purple-100",
+      backgroundColor_Card: "bg-purple-200",
       textColor: "text-purple-950",
     },
     {
       name: "Fuchsia",
       backgroundColor: "bg-fuchsia-50",
-      backgroundColor_Card: "bg-fuchsia-100",
-      backgroundColor_Tag: "bg-fuchsia-200",
+      backgroundColor_Tag: "bg-fuchsia-100",
+      backgroundColor_Card: "bg-fuchsia-200",
       textColor: "text-fuchsia-950",
     },
     {
       name: "Pink",
       backgroundColor: "bg-pink-50",
-      backgroundColor_Card: "bg-pink-100",
-      backgroundColor_Tag: "bg-pink-200",
+      backgroundColor_Tag: "bg-pink-100",
+      backgroundColor_Card: "bg-pink-200",
       textColor: "text-pink-950",
     },
     {
       name: "Rose",
       backgroundColor: "bg-rose-50",
-      backgroundColor_Card: "bg-rose-100",
-      backgroundColor_Tag: "bg-rose-200",
+      backgroundColor_Tag: "bg-rose-100",
+      backgroundColor_Card: "bg-rose-200",
       textColor: "text-rose-950",
     },
   ];
@@ -172,7 +172,7 @@
   <div class="flex gap-4 justify-between w-full">
     <h1 class="flex-1 text-6xl font-bold w-full text-center">Blogs</h1>
     <button
-      class="cursor-pointer {theme.backgroundColor_Tag} w-24 font-semibold py-1 m-auto rounded-md"
+      class="cursor-pointer {theme.backgroundColor_Card} w-24 font-semibold py-1 m-auto rounded-md"
       on:click={changeTheme}>{theme.name}</button
     >
   </div>