replace old theme colors with new DS colors

Author: pettinarip

src/components/MeetupList.tsx

@@ -64,7 +64,7 @@ const MeetupList = () => {
         results update as you type
       </span>
       <ul
-        className="m-0 border-2 border-off-background"
+        className="m-0 border-2 border-body-light"
         aria-label="Event meetup results"
       >
         {filteredMeetups.map((meetup, idx) => (
@@ -73,8 +73,8 @@ const MeetupList = () => {
             hideArrow
             className={cn(
               "group mb-[0.25px] flex w-full justify-between p-4 text-current no-underline",
-              "hover:rounded hover:bg-table-background-hover hover:text-current hover:no-underline hover:shadow-[0_0_1px] hover:shadow-primary",
-              "border-b-2 border-off-background"
+              "hover:bg-background-highlight hover:text-current hover:no-underline hover:shadow-[0_0_1px] hover:shadow-primary",
+              "border-b-2 border-body-light"
             )}
             key={idx}
           >

src/styles/global.css

@@ -49,8 +49,6 @@
       rgba(145, 234, 228, 0.2) 100%
     );
     --search-background: var(--background);
-    --off-background: #f7f7f7;
-    --table-background-hover: #f2f2f2;
   }
 
   .dark {
@@ -85,8 +83,6 @@
       rgba(134, 253, 232, 0.08) 100%
     );
     --search-background: #4c4c4c;
-    --off-background: #181818;
-    --table-background-hover: rgba(255,115,36,.013);
   }
 }
 

tailwind.config.ts

@@ -217,8 +217,6 @@ const config = {
             "active-background": "hsla(var(--menu-4-active-background))",
           },
         },
-        "off-background": "var(--off-background)",
-        "table-background-hover": "var(--table-background-hover)",
       },
 
       /** @deprecated */