Fix: dark mode issues (#8348)

* fix: dark mode

* fix: dark mode

Author: G3root

apps/web/components/apps/App.tsx

@@ -238,7 +238,7 @@ const Component = ({
           </span>
         )}
 
-        <div className="prose-sm prose prose-headings:text-emphasis prose-code:text-default prose-strong:text-default text-default mt-8">
+        <div className="prose-sm prose prose-a:text-default prose-headings:text-emphasis prose-code:text-default prose-strong:text-default text-default mt-8">
           {body}
         </div>
         <h4 className="text-emphasis mt-8 font-semibold ">{t("pricing")}</h4>

packages/features/eventtypes/components/EmptyPage.tsx

@@ -32,10 +32,8 @@ function EmptyPage({ name }: { name: string }) {
         <SkeletonEventType />
       </div>
       <div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 transform">
-        <h3 className="dark:text-inverted text-default text-lg font-semibold">{t("no_event_types")} </h3>
-        <h4 className="dark:text-inverted text-default text-sm leading-normal">
-          {t("no_event_types_description", { name })}
-        </h4>
+        <h3 className="text-emphasis text-lg font-semibold">{t("no_event_types")} </h3>
+        <h4 className="text-default text-sm leading-normal">{t("no_event_types_description", { name })}</h4>
       </div>
     </div>
   );