diff --git a/lib/chiya_web/controllers/page_html/home.html.heex b/lib/chiya_web/controllers/page_html/home.html.heex
index 2f9545f..f4e65a4 100644
--- a/lib/chiya_web/controllers/page_html/home.html.heex
+++ b/lib/chiya_web/controllers/page_html/home.html.heex
@@ -1,14 +1,14 @@
 <div class="px-4 py-10 sm:py-28 sm:px-6 lg:px-8 xl:py-32 xl:px-28">
   <div class="mx-auto max-w-xl lg:mx-0">
-    <h1 class="mt-4 text-[2rem] font-semibold leading-10 tracking-tighter text-gray-900">
+    <h1 class="mt-4 text-[2rem] font-semibold leading-10 tracking-tighter text-theme-heading">
       <%= @settings.title %>
     </h1>
-    <p class="mt-4 text-base leading-7 text-gray-600">
+    <p class="mt-4 text-base leading-7 text-theme-base">
       <%= @settings.subtitle %>
     </p>
 
     <div class="w-full mt-6 sm:w-auto">
-      <div class="flex gap-4 text-sm leading-6 text-gray-700">
+      <div class="flex gap-4 text-sm leading-6 text-theme-base">
         <%= for identity <- @identities do %>
           <div>
             <a
@@ -28,8 +28,8 @@
       <div class="w-full mt-6 sm:w-auto flex flex-col gap-1.5">
         <%= for note <- @channel.notes do %>
           <a href={~p"/n/#{note.slug}"} class="group">
-            <span class="text-gray-900 text-lg font-semibold leading-8"><%= note.name %></span>
-            <span class="text-gray-600 text-sm"><%= pretty_date(note.published_at) %></span>
+            <span class="text-theme-heading text-lg font-semibold leading-8"><%= note.name %></span>
+            <span class="text-theme-muted text-sm"><%= pretty_date(note.published_at) %></span>
           </a>
         <% end %>
       </div>