fix(colors): Replace hardcoded colors with theme tokens (#6040)

platform/app/src/routes/NotFound/NotFound.tsx

@@ -15,7 +15,7 @@ const NotFound = ({
   return (
     <div className="absolute flex h-full w-full items-center justify-center bg-background">
       <div className="flex flex-col">
-        <div className="bg-background flex items-center justify-center rounded-t-2xl p-6">
+        <div className="bg-background flex items-center justify-center rounded-t-2xl p-6 text-primary">
           <Icons.IllustrationNotFound />
         </div>
         <div className="bg-input h-px" />

platform/app/src/routes/WorkList/StudyListSettingsPopover.tsx

@@ -107,7 +107,7 @@ export function StudyListSettingsPopover() {
         >
           <Icons.SettingsStudyList
             aria-hidden="true"
-            className="h-4 w-4"
+            className="text-primary h-4 w-4"
           />
         </Button>
       </StudyList.SettingsPopover.Trigger>

platform/app/src/routes/WorkList/WorkList.tsx

@@ -107,7 +107,7 @@ export default function WorkList({
               isLoading={showStudyListLoading}
               loadingComponent={
                 LoadingIndicatorProgress ? (
-                  <LoadingIndicatorProgress className="!relative bg-black" />
+                  <LoadingIndicatorProgress className="bg-background !relative" />
                 ) : (
                   <div className="h-8 w-8" />
                 )