adjust colors to new theme

Author: pettinarip

src/components/Card/index.tsx

@@ -23,8 +23,8 @@ const Card = ({
   <div
     className={cn(
       "flex flex-col justify-between space-y-4",
-      "rounded-sm bg-ednBackground",
-      "border border-solid border-lightBorder",
+      "rounded-sm bg-background-highlight",
+      "border border-solid",
       "p-6",
       className
     )}

src/styles/semantic-tokens.css

@@ -126,9 +126,6 @@
     --staking-blue-fill: #f1fcf5;
     --staking-red: #a0524c;
     --staking-red-fill: #f8fbf9;
-
-    --edn-background: #f7f7f7;
-    --light-border: #ececec;
   }
 
   /* Dark mode token declarations */
@@ -227,8 +224,5 @@
     --staking-blue-fill: #2b352f;
     --staking-red: #d6bbb9;
     --staking-red-fill: #313432;
-
-    --edn-background: #1a1a1a;
-    --light-border: #404040;
   }
 }

tailwind.config.ts

@@ -145,8 +145,6 @@ const config = {
         },
 
         disabled: "hsla(var(--disabled))",
-        ednBackground: "var(--edn-background)",
-        lightBorder: "var(--light-border)",
 
         background: {
           DEFAULT: "hsla(var(--background))",