diff --git a/resources/views/components/buttons/primary-button-link.blade.php b/resources/views/components/buttons/primary-button-link.blade.php
index 52d7579..f323346 100644
--- a/resources/views/components/buttons/primary-button-link.blade.php
+++ b/resources/views/components/buttons/primary-button-link.blade.php
@@ -1,5 +1,9 @@
 <a href="{{ $href }}" {{ $attributes->merge([
-    'class' => 'inline-flex items-center px-4 py-2 border border-gray-800 bg-transparent rounded-md font-semibold text-xs text-gray-800 uppercase tracking-widest hover:bg-gray-700 hover:text-white active:bg-gray-900 focus:outline-none focus:border-gray-900 focus:shadow-outline-gray disabled:opacity-25 transition ease-in-out duration-150',
+    'class' => 'inline-flex items-center px-4 py-2 border border-transparent bg-gray-800 rounded-md '.
+        'font-semibold text-xs text-gray-100 uppercase tracking-widest hover:bg-gray-700 hover:text-white '.
+        'active:bg-gray-900 focus:outline-none focus:border-gray-900 focus:shadow-outline-gray disabled:opacity-25 '.
+        'dark:bg-gray-300 dark:text-gray-700 '.
+        'transition ease-in-out duration-150',
 ]) }}>
     {{ $slot }}
 </a>
diff --git a/resources/views/components/card.blade.php b/resources/views/components/card.blade.php
index 055df4c..01310b2 100644
--- a/resources/views/components/card.blade.php
+++ b/resources/views/components/card.blade.php
@@ -1,7 +1,7 @@
 <div class="py-12">
     <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
-        <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
-            <div class="p-6 bg-white border-b border-gray-200">
+        <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg dark:bg-gray-800">
+            <div class="p-6 bg-white border-b border-gray-200 dark:bg-gray-800 dark:border-gray-600">
                 {{ $slot }}
             </div>
         </div>
diff --git a/resources/views/components/help-text.blade.php b/resources/views/components/help-text.blade.php
index 3955616..375b672 100644
--- a/resources/views/components/help-text.blade.php
+++ b/resources/views/components/help-text.blade.php
@@ -1 +1 @@
-<p class="mt-2 text-sm text-gray-700">{{ $slot }}</p>
+<p class="mt-2 text-sm text-gray-700 dark:text-gray-400">{{ $slot }}</p>
diff --git a/resources/views/components/label.blade.php b/resources/views/components/label.blade.php
index 1cc65e2..40a05c7 100644
--- a/resources/views/components/label.blade.php
+++ b/resources/views/components/label.blade.php
@@ -1,5 +1,7 @@
 @props(['value'])
 
-<label {{ $attributes->merge(['class' => 'block font-medium text-sm text-gray-700']) }}>
+<label {{ $attributes->merge([
+    'class' => 'block font-medium text-sm text-gray-700 dark:text-white'
+]) }}>
     {{ $value ?? $slot }}
 </label>
diff --git a/resources/views/components/title.blade.php b/resources/views/components/title.blade.php
index e248c12..3cdbfd2 100644
--- a/resources/views/components/title.blade.php
+++ b/resources/views/components/title.blade.php
@@ -1,3 +1,3 @@
-<h1 class="font-semibold text-2xl text-gray-800 leading-tight">
+<h1 class="font-semibold text-2xl text-gray-800 leading-tight dark:text-white">
     {{ $slot }}
 </h1>
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index c364366..92036c6 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -18,11 +18,11 @@
         <script src="{{ asset('js/app.js') }}" defer></script>
     </head>
     <body class="font-sans antialiased">
-        <div class="min-h-screen bg-gray-100">
+        <div class="min-h-screen bg-gray-100 dark:bg-gray-900">
             @include('layouts.navigation')
 
             <!-- Page Heading -->
-            <header class="bg-white shadow">
+            <header class="bg-white dark:bg-gray-800 shadow">
                 <div class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8 md:flex md:items-center md:justify-between">
                     {{ $header }}
                 </div>
diff --git a/resources/views/layouts/navigation.blade.php b/resources/views/layouts/navigation.blade.php
index e5dec5b..b971316 100644
--- a/resources/views/layouts/navigation.blade.php
+++ b/resources/views/layouts/navigation.blade.php
@@ -1,4 +1,4 @@
-<nav x-data="{ open: false }" class="bg-white border-b border-gray-100">
+<nav x-data="{ open: false }" class="bg-white border-b border-gray-100 dark:bg-gray-800 dark:border-gray-700">
     <!-- Primary Navigation Menu -->
     <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
         <div class="flex justify-between h-16">
