fix: Dark mode fixes (#8243)

* fix: event type card

* fix: text

* fix: border

apps/web/pages/event-types/index.tsx

@@ -122,13 +122,13 @@ const Item = ({ type, group, readOnly }: { type: EventType; group: EventTypeGrou
   const content = () => (
     <div>
       <span
-        className="font-semibold text-gray-700 ltr:mr-1 rtl:ml-1"
+        className="text-default font-semibold ltr:mr-1 rtl:ml-1"
         data-testid={"event-type-title-" + type.id}>
         {type.title}
       </span>
       {group.profile.slug ? (
         <small
-          className="hidden font-normal leading-4 text-gray-600 sm:inline"
+          className="text-subtle hidden font-normal leading-4 sm:inline"
           data-testid={"event-type-slug-" + type.id}>
           {`/${
             type.schedulingType !== SchedulingType.MANAGED ? group.profile.slug : t("username_placeholder")

packages/features/schedules/components/DateOverrideList.tsx

@@ -55,7 +55,7 @@ const DateOverrideList = ({
   return (
     <ul className="border-subtle rounded border" data-testid="date-overrides-list">
       {items.sort(sortByDate).map((item, index) => (
-        <li key={item.id} className="flex justify-between border-b px-5 py-4 last:border-b-0">
+        <li key={item.id} className="border-subtle flex justify-between border-b px-5 py-4 last:border-b-0">
           <div>
             <h3 className="text-emphasis text-sm">
               {new Intl.DateTimeFormat("en-GB", {