diff --git a/resources/views/item.blade.php b/resources/views/item.blade.php
index 790bbba..4930bf8 100644
--- a/resources/views/item.blade.php
+++ b/resources/views/item.blade.php
@@ -166,7 +166,7 @@ class="relative flex items-center justify-center flex-shrink-0 w-8 h-8 text-gray
                                     {{ $activity->description }}
                                 </p>
 
-                                <span class="mt-1 text-xs font-medium text-gray-500"
+                                <span class="mt-1 text-xs font-medium text-gray-500 dark:text-gray-400"
                                       x-data="{ tooltip: '{{ $activity->created_at->isoFormat('L LTS') }}' }"
                                       x-tooltip="tooltip">{{ $activity->created_at->diffForHumans() }}</span>
                             </div>
diff --git a/resources/views/livewire/board/item-card.blade.php b/resources/views/livewire/board/item-card.blade.php
index e925dd2..970da78 100644
--- a/resources/views/livewire/board/item-card.blade.php
+++ b/resources/views/livewire/board/item-card.blade.php
@@ -1,5 +1,5 @@
 <li class="pb-5 pt-5 first:pt-0 group">
-    <div class="flex space-x-3">
+    <div class="flex space-x-3 dark:text-gray-400">
         <div class="flex flex-col text-center space-y-1">
             <div>
                 <x-heroicon-o-chevron-up class="w-5 h-5"/>
@@ -9,7 +9,7 @@
         </div>
 
         <a href="{{ route('projects.items.show', [$project, $item]) }}" class="flex-1">
-            <p class="font-bold text-lg group-hover:text-brand-500">{{ $item->title }}</p>
+            <p class="font-bold text-lg group-hover:text-brand-500 dark:group-hover:text-brand-400">{{ $item->title }}</p>
             <p>{{ $item->excerpt }}</p>
         </a>
 
diff --git a/resources/views/livewire/board/items.blade.php b/resources/views/livewire/board/items.blade.php
index c997f43..faffa17 100644
--- a/resources/views/livewire/board/items.blade.php
+++ b/resources/views/livewire/board/items.blade.php
@@ -20,7 +20,7 @@ class="flex items-center justify-center w-16 h-16 text-blue-500 bg-white rounded
             <header class="max-w-xs space-y-1">
                 <h2 class="text-xl font-semibold tracking-tight">{{ trans('items.all-caught-up-title') }}</h2>
 
-                <p class="font-medium text-gray-500">
+                <p class="font-medium text-gray-500 dark:text-gray-400">
                     {{ trans('items.all-caught-up-description') }} @if($board->canUsersCreateItem()) {{ trans('items.all-caught-up-can-create') }} @endif
                 </p>
             </header>
diff --git a/resources/views/livewire/item/comment.blade.php b/resources/views/livewire/item/comment.blade.php
index 773a33a..6f3f968 100644
--- a/resources/views/livewire/item/comment.blade.php
+++ b/resources/views/livewire/item/comment.blade.php
@@ -41,7 +41,7 @@ class="flex-shrink-0 text-xs font-medium items-center text-gray-500">
                 <span
                     x-data="{ tooltip: '{{ $comment->updated_at->isoFormat('L LTS') }}' }"
                     x-tooltip="tooltip"
-                    class="md:block inline-flex items-center justify-center py-0.5 px-2 text-xs font-medium tracking-tight text-gray-700 rounded-full bg-gray-500/10">
+                    class="md:block inline-flex items-center justify-center py-0.5 px-2 text-xs font-medium tracking-tight text-gray-700 rounded-full bg-gray-500/10 dark:bg-gray-600 dark:text-gray-300">
                     {{ trans('comments.edited') }}
                 </span>
             @endif
@@ -61,7 +61,7 @@ class="md:block inline-flex items-center justify-center py-0.5 px-2 text-xs font
                     x-tooltip.raw="{{ trans('comments.click-to-copy') }}"
                     x-clipboard.raw="{{ route('items.show', $item) . '#comment-' . $comment->id }}"
             >
-                <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 text-brand-500" fill="none"
+                <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 text-brand-500 dark:text-brand-400" fill="none"
                      viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                     <path stroke-linecap="round" stroke-linejoin="round"
                           d="M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1"/>
@@ -70,7 +70,7 @@ class="md:block inline-flex items-center justify-center py-0.5 px-2 text-xs font
         </div>
     </header>
 
-    <div class="p-4 prose dark:text-gray-600">
+    <div class="p-4 prose dark:prose-invert dark:text-gray-400">
         {!! str($comment->content)->markdown()->sanitizeHtml() !!}
     </div>
 
diff --git a/resources/views/project.blade.php b/resources/views/project.blade.php
index 443d0df..9817370 100644
--- a/resources/views/project.blade.php
+++ b/resources/views/project.blade.php
@@ -53,7 +53,7 @@ class="text-gray-500 fill-gray-500">
 
                                     <footer class="flex items-end justify-between">
                                                     <span
-                                                        class="inline-flex items-center justify-center h-6 px-2 text-sm font-semibold tracking-tight text-gray-700 rounded-full bg-gray-50 dark:bg-gray-950">
+                                                        class="inline-flex items-center justify-center h-6 px-2 text-sm font-semibold tracking-tight text-gray-700 dark:text-gray-300 rounded-full bg-gray-50 dark:bg-gray-600">
                                                         {{ $item->created_at->isoFormat('ll') }}
                                                     </span>
 
@@ -66,7 +66,7 @@ class="inline-flex items-center justify-center h-6 px-2 text-sm font-semibold tr
                         @empty
                             <li>
                                 <div
-                                    class="p-3 font-medium text-center text-gray-500 border border-gray-300 border-dashed rounded-xl opacity-70">
+                                    class="p-3 font-medium text-center text-gray-500 dark:text-gray-400 border border-gray-300 dark:border-gray-400 border-dashed rounded-xl opacity-70">
                                     <p>{{ trans('items.no-items') }}</p>
                                 </div>
                             </li>
@@ -90,7 +90,7 @@ class="flex items-center justify-center w-16 h-16 text-blue-500 bg-white rounded
                     <header class="max-w-xs space-y-1">
                         <h2 class="text-xl font-semibold tracking-tight">{{ trans('items.all-caught-up-title') }}</h2>
 
-                        <p class="font-medium text-gray-500">
+                        <p class="font-medium text-gray-500 dark:text-gray-400">
                             {{ trans('messages.no-boards') }}
                         </p>
                     </header>