at least now it's readable

src/lib/Info.svelte

@@ -14,7 +14,7 @@
   });
 </script>
 
-<div class="alert">
+<div class="alert bg-base-300 dark:bg-base-300">
   <svg
     xmlns="http://www.w3.org/2000/svg"
     fill="none"

src/lib/Portrait.svelte

@@ -7,7 +7,7 @@
 </script>
 
 <div
-  class="mx-2 w-full max-w-sm bg-white border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700"
+  class="mx-2 w-full max-w-sm bg-base-300 dark:bg-base-300 border border-gray-200 rounded-lg shadow dark:border-gray-700"
 >
   <div class="flex justify-end px-4 pt-4" />
   <div class="flex flex-col items-center pb-10">

src/lib/SoftwareCard.svelte

@@ -6,8 +6,8 @@
   export let description: string;
 </script>
 
-<div class="card card-side bg-base-100 shadow-xl">
-  <figure class="object-cover h-80 w-1/2">
+<div class="card card-side shadow-xl bg-base-300 dark:bg-base-300">
+  <figure class="object-cover h-80 w-1/2 pl-8">
     <img src={image} alt={description} class="object-cover" />
   </figure>
   <div class="card-body">