Merge pull request #13 from kleros/refactor(frontend)/add-all-colors

Refactor(frontend): add all colors

Author: alcercu

frontend/src/components/Footer.tsx

@@ -11,7 +11,7 @@ interface IFooter {
 const Footer: React.FC<IFooter> = ({ socials }) => {
   return (
     <div className={
-      "py-4 bg-gradient-to-b from-light-blue to-30% to-kleros-purple"
+      "py-4 bg-gradient-to-b from-secondary-blue to-30% to-primary-purple"
     }>
       <hr className="h-0.5 border-t-0 bg-secondary-purple mb-4 mx-2"/>
       <div className="flex gap-4 justify-center align-middle">

frontend/tailwind.config.ts

@@ -11,12 +11,16 @@ const config: Config = {
       colors: {
         background: "var(--background)",
         foreground: "var(--foreground)",
-        "background-2": "#220050",
-        "stroke": "#42498F",
+        "primary-text": "#DAF0FF",
         "secondary-text": "#BECCE5",
-        "kleros-purple": "#9747FF",
-        "light-blue": "#7CE2FF",
+        "stroke": "#42498F",
+        "primary-purple": "#9747FF",
         "secondary-purple": "#BA75FE",
+        "dark-purple": "#230079",
+        "primary-blue": "#27CDFE",
+        "secondary-blue": "#7CE2FF",
+        "background-1": "#1B003F",
+        "background-2": "#220050",
       },
     },
   },