- creating a dynamic color palette

- implementing actions section

src/pages/app/builder.js

@@ -40,7 +40,7 @@ const Builder = ({ id }) => {
         <div className="col-span-3">
           <LeftSidebar />
         </div>
-        <div className="h-screen overflow-scroll col-span-5 bg-inverse-dark grid items-center justify-center">
+        <div className="h-screen overflow-scroll col-span-5 bg-primary-100 grid items-center justify-center">
           <Artboard />
         </div>
         <div className="col-span-3">

src/pages/index.js

@@ -49,8 +49,10 @@ const Home = () => {
         </div>
 
         <footer className="my-24">
-          <p className="font-medium text-gray-500">
-            Licensed under <a href="/">MIT</a> | Made with love by{' '}
+          <p className="text-primary-500 opacity-75">
+            Licensed under <a href="/">MIT</a>
+            <br />
+            Made with love by{' '}
             <a href="https://www.amruthpillai.com/">Amruth Pillai</a>
           </p>
         </footer>