diff --git a/src/lib/components/CollectionList.svelte b/src/lib/components/CollectionList.svelte
index f0884695..2c5c743b 100644
--- a/src/lib/components/CollectionList.svelte
+++ b/src/lib/components/CollectionList.svelte
@@ -14,7 +14,7 @@
 </script>
 
 {#each arr as item}
-    <div class="{size === "small" ? "p-0.5 lg:p-1" : "p-1 lg:p-1.5"} hover:bg-pbw-yellow/30 {size==="small" ? "rounded-lg" : "rounded-2xl"}">
+    <div class="{size === "small" ? "p-0.5 lg:p-1" : "p-1 lg:p-1.5"} hover:bg-pbw-yellow/20 dark:hover:bg-pbw-white/10 {size==="small" ? "rounded-lg" : "rounded-2xl"}">
         {#if item[img]}
             <div class="w-full relative">
                 {#if col === "benefit"}
@@ -31,22 +31,22 @@
             <div class="mt-2">
                 <h3 class=" text-pbw-red"><a href={_url(col, item)} class="hover:underline">{item.shortname || item.name}</a></h3>
                 {#if col === "event"}
-                    <div class="text-xl text-gray-500 my-2">
+                    <div class="text-xl text-gray-500 dark:text-gray-400  my-2">
                         <span class="font-bold">{formatItemDate(item)}</span>
                         {#if item.attendees}<br />{item.attendees}+ ppl{/if}
                     </div>
                 {/if}
                 {#if col === "media-partner"}
-                    <div class="text-base text-gray-500 my-2">{item.description}</div>
+                    <div class="text-base text-gray-500 dark:text-gray-400 my-2">{item.description}</div>
                 {/if}
                 {#if col === "speaker"}
-                    <div class="text-base text-gray-500 my-2"><SvelteMarkdown source={item.caption} /></div>
+                    <div class="text-base text-gray-500 dark:text-gray-400 my-2"><SvelteMarkdown source={item.caption} /></div>
                 {/if}
                 {#if col === "union"}
-                    <div class="text-base text-gray-500 my-2"><SvelteMarkdown source={item.description} /></div>
+                    <div class="text-base text-gray-500 dark:text-gray-400 my-2"><SvelteMarkdown source={item.description} /></div>
                 {/if}
                 {#if col === "place"}
-                    <div class="text-xl text-gray-500 my-2">{item.capacity} ppl</div>
+                    <div class="text-xl text-gray-500 dark:text-gray-400 my-2">{item.capacity} ppl</div>
                 {/if}
             </div>
         {/if}
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 3eaefd77..626cce59 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -5,15 +5,16 @@
     $: homepage = !$page.params.type
 </script>
 
+
 {#if homepage}
-<div class="mx-6 xl:mx-0 mb-4">
-    <div class="max-w-7xl mx-auto pt-10">
+<div class="bg-slate-100 dark:bg-pbw-dark">
+    <div class="max-w-7xl mx-auto py-20">
         <h1 class="text-5xl uppercase font-bold text-pbw-red"><a href="/{$page.params.entry}">Prague Blockchain Week 2023</a></h1>
         <div class="text-4xl text-pbw-yellow">June 2-11, 2023</div>
     </div>
 </div>
 {/if}
 
-<div class="mb-24">
+<div class="pb-24 bg-slate-100 dark:bg-pbw-dark">
     <slot />
 </div>
\ No newline at end of file
diff --git a/src/routes/[entry]/[type]/+page.svelte b/src/routes/[entry]/[type]/+page.svelte
index 3c931a40..cb6df93a 100644
--- a/src/routes/[entry]/[type]/+page.svelte
+++ b/src/routes/[entry]/[type]/+page.svelte
@@ -54,7 +54,7 @@
             <div class="flex flex-wrap md:flex-nowrap w-full">
             </div>
             <h2 class="text-2xl uppercase font-bold text-gray-500">{tc.title} ({processedItems.length})</h2>
-            <div class="text-xl mt-6">  
+            <div class="text-xl mt-6 text-gray-500 dark:text-gray-400">  
                 <table class="w-full table-auto">
                     <thead>
                         <tr class="text-left">
@@ -92,7 +92,7 @@
                     </thead>
                     <tbody>
                         {#each processedItems as item}
-                            <tr class="">
+                            <tr class="hover:bg-pbw-yellow/20 dark:hover:bg-pbw-white/10">
                                 {#if type === 'events'}
                                     <td class="text-right pr-2 md:pr-4 text-base md:text-xl">{formatItemDate(item)}</td>
                                     <td class="w-12 md:w-14">
@@ -123,11 +123,11 @@
                                             {#if item.venueUrl}
                                                 <a href={item.venueUrl} class="underline hover:no-underline external">{item.venueName}</a>
                                             {:else}
-                                                {#if item.venueName && item.venueName !== "TBA"}{item.venueName}{:else}<span class="opacity-20">TBA</span>{/if}
+                                                {#if item.venueName && item.venueName !== "TBA"}{item.venueName}{:else}<span class="opacity-50">TBA</span>{/if}
                                             {/if}
                                         {/if}
                                     </td>
-                                    <td class="hidden md:table-cell">{#if item.attendees}{item.attendees}{:else}<span class="opacity-20">TBA</span>{/if}</td>
+                                    <td class="hidden md:table-cell">{#if item.attendees}{item.attendees}{:else}<span class="opacity-50">TBA</span>{/if}</td>
                                     <td class="hidden md:table-cell">
                                         {#if item.languages && item.languages.length > 0}
                                             <div class="flex gap-1">
@@ -202,6 +202,3 @@
 </div>
 {/if}
 
-<style>
-    table tbody tr:hover { background-color: #fff5d2; }
-</style>
\ No newline at end of file
diff --git a/src/routes/[entry]/[type]/[slug]/+page.svelte b/src/routes/[entry]/[type]/[slug]/+page.svelte
index 5b8b4d68..3972f574 100644
--- a/src/routes/[entry]/[type]/[slug]/+page.svelte
+++ b/src/routes/[entry]/[type]/[slug]/+page.svelte
@@ -27,7 +27,7 @@
     <title>{item.name} | #PBW{$page.params.entry}</title>
 </svelte:head>
 
-<div class="w-full">
+<div class="w-full dark:text-gray-400">
     <div class="max-w-7xl mx-auto pt-5 md:pt-10">
         <div class="mx-4 xl:mx-0">
             <div class="flex gap-8 mb-6 md:mb-10">
@@ -49,7 +49,7 @@
                     {/if}
                     <div class="flex-grow">
                         <!--div class="font-normal text opacity-50 mt-4 md:mt-0 mb-1" style="line-height: 0.6em;"><a href="/{entry}/{col}">{col.toUpperCase()}</a></div-->
-                        <h2 class="text-4xl md:text-5xl font-bold text-gray-600 mt-4 md:mt-0">
+                        <h2 class="text-4xl md:text-5xl font-bold text-gray-600 dark:text-gray-400 mt-4 md:mt-0">
                             {item.name}
                         </h2>
                         {#if col === 'event'}
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index d740690f..67ca3d55 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -14,6 +14,7 @@ module.exports = {
           "red": "#ff1616",
           "yellow": "#ffde59",
           "white": "#ffffff",
+          "dark": "#252525"
         },
       },
     },