diff --git a/app/templates/bookmarks/index.html.slim b/app/templates/bookmarks/index.html.slim
index 840c406..126ce12 100644
--- a/app/templates/bookmarks/index.html.slim
+++ b/app/templates/bookmarks/index.html.slim
@@ -15,4 +15,4 @@ div class="mb-12 max-w-prose mx-auto"
   - bookmarks.each do |bookmark|
     == render "shared/bookmark", bookmark: bookmark
 
-div class="max-w-screen-md mx-auto border-t-4 border-solid border-gray-400 dark:border-gray-600"
+div class="max-w-screen-md mx-auto border-t border-solid border-gray-200 dark:border-gray-600"
diff --git a/app/templates/bookmarks/show.html.slim b/app/templates/bookmarks/show.html.slim
index 944c76b..b7bc089 100644
--- a/app/templates/bookmarks/show.html.slim
+++ b/app/templates/bookmarks/show.html.slim
@@ -22,7 +22,7 @@ div class="mb-12 prose dark:prose-invert max-w-prose mx-auto text-gray-800 dark:
 
 div class="prose max-w-prose mx-auto text-gray-800 dark:text-gray-200 grid grid-cols-5 gap-2" hx-get="/bookmarks/metadata/#{bookmark.id}" hx-trigger="load"
 
-div class="mb-8 max-w-screen-md mx-auto border-t-4 border-solid border-gray-400 dark:border-gray-600"
+div class="mb-8 max-w-screen-md mx-auto border-t border-solid border-gray-200 dark:border-gray-600"
 
 
 div class="max-w-prose mx-auto text-gray-600 dark:text-gray-200 flex"
diff --git a/app/templates/books/index.html.slim b/app/templates/books/index.html.slim
index 09736b5..f82ff50 100644
--- a/app/templates/books/index.html.slim
+++ b/app/templates/books/index.html.slim
@@ -41,4 +41,4 @@ div class="mb-12 prose dark:prose-invert max-w-prose mx-auto"
         td
           = book.authors
 
-div class="max-w-screen-md mx-auto border-t-4 border-solid border-gray-400 dark:border-gray-600"
+div class="max-w-screen-md mx-auto border-t border-solid border-gray-200 dark:border-gray-600"
diff --git a/app/templates/layouts/app.html.slim b/app/templates/layouts/app.html.slim
index e7bab87..62cc911 100644
--- a/app/templates/layouts/app.html.slim
+++ b/app/templates/layouts/app.html.slim
@@ -43,9 +43,9 @@ html
         div class="flex items-center mb-8 md:mb-12 text-lg md:text-xl text-gray-400 dark:text-gray-600"
           div class="flex-none mx-auto md:flex-auto md:mx-0"
             div class="h-card flex items-center"
-              img class="u-photo w-6 h6 md:w-10 md:h-10 rounded-full mr-1.5" src="/assets/memoji.png"
+              img class="u-photo w-6 h6 md:w-10 md:h-10 mr-1" src="/assets/memoji.png"
               a href="/" rel="me" class="u-url u-uid"
-                h1 class="p-name uppercase text-sm md:text-sm text-gray-400 dark:text-gray-400" = Hanami.app.settings.site_name
+                h1 class="p-name text-sm md:text-sm text-gray-600 dark:text-gray-400" = Hanami.app.settings.site_name
           nav class="space-x-1 text-sm md:text-sm uppercase md:block"
             a class="transition-colors p-1 rounded hover:bg-pink-100 hover:text-pink-400 dark:hover:bg-pink-800 #{context.current_path.start_with?('/now') ? 'text-pink-600 bg-pink-50 dark:bg-pink-900 dark:text-pink-400' : 'text-gray-400'}" href="/now" Now
             span class="text-gray-400 dark:text-gray-600"
diff --git a/app/templates/movies/index.html.slim b/app/templates/movies/index.html.slim
index 372076e..b558e7c 100644
--- a/app/templates/movies/index.html.slim
+++ b/app/templates/movies/index.html.slim
@@ -17,4 +17,4 @@ div class="mb-12 prose dark:prose-invert max-w-prose mx-auto text-gray-800 dark:
           td
             = movie.year
 
-div class="max-w-screen-md mx-auto border-t-4 border-solid border-gray-400 dark:border-gray-600"
+div class="max-w-screen-md mx-auto border-t border-solid border-gray-200 dark:border-gray-600"
diff --git a/app/templates/pages/show.html.slim b/app/templates/pages/show.html.slim
index c6d7ae4..f57cbcb 100644
--- a/app/templates/pages/show.html.slim
+++ b/app/templates/pages/show.html.slim
@@ -4,4 +4,4 @@
 article class="mb-12 prose dark:prose-invert max-w-prose mx-auto text-gray-800 dark:text-gray-200 prose-em:font-bold prose-em:not-italic prose-em:bg-blue-600 prose-em:px-1 prose-em:rounded prose-a:text-blue-600 prose-a:dark:text-indigo-300 prose-a:p-0.5 prose-a:rounded-sm prose-a:no-underline hover:prose-a:underline prose-em:text-blue-100"
   == page_content
 
-div class="max-w-screen-md mx-auto border-t-4 border-solid border-gray-400 dark:border-gray-600"
+div class="max-w-screen-md mx-auto border-t border-solid border-gray-200 dark:border-gray-600"
diff --git a/app/templates/photos/index.html.slim b/app/templates/photos/index.html.slim
index 068919a..262f740 100644
--- a/app/templates/photos/index.html.slim
+++ b/app/templates/photos/index.html.slim
@@ -7,4 +7,4 @@ div class="grid grid-cols-3 gap-4 mb-4 max-w-prose mx-auto"
   - photos.each do |post|
     == render "shared/photo_post", post: post, extended: true
 
-div class="max-w-screen-md mx-auto border-t-4 border-solid border-gray-400 dark:border-gray-600"
+div class="max-w-screen-md mx-auto border-t border-solid border-gray-200 dark:border-gray-600"
diff --git a/app/templates/places/index.html.slim b/app/templates/places/index.html.slim
index d6df71a..3c94782 100644
--- a/app/templates/places/index.html.slim
+++ b/app/templates/places/index.html.slim
@@ -14,4 +14,4 @@ div class="mb-12 max-w-prose mx-auto"
   - places.each do |post|
     == render "shared/post", post: post
 
-div class="max-w-screen-md mx-auto border-t-4 border-solid border-gray-400 dark:border-gray-600"
+div class="max-w-screen-md mx-auto border-t border-solid border-gray-200 dark:border-gray-600"
diff --git a/app/templates/podcasts/index.html.slim b/app/templates/podcasts/index.html.slim
index 27c9b3d..26c0ba4 100644
--- a/app/templates/podcasts/index.html.slim
+++ b/app/templates/podcasts/index.html.slim
@@ -17,4 +17,4 @@ div class="mb-12 prose dark:prose-invert max-w-prose mx-auto text-gray-800 dark:
             a class="block" href="#{podcast.url}"
               = podcast.name
 
-div class="max-w-screen-md mx-auto border-t-4 border-solid border-gray-400 dark:border-gray-600"
+div class="max-w-screen-md mx-auto border-t border-solid border-gray-200 dark:border-gray-600"
diff --git a/app/templates/posts/archive.html.slim b/app/templates/posts/archive.html.slim
index aeb575e..7b1ddd0 100644
--- a/app/templates/posts/archive.html.slim
+++ b/app/templates/posts/archive.html.slim
@@ -12,5 +12,5 @@ div class="h-feed mb-12 max-w-prose mx-auto"
   - posts.each do |post|
     == render "shared/post", post: post
 
-div class="max-w-screen-md mx-auto border-t-4 border-solid border-gray-400 dark:border-gray-600"
+div class="max-w-screen-md mx-auto border-t border-solid border-gray-200 dark:border-gray-600"
 
diff --git a/app/templates/posts/index.html.slim b/app/templates/posts/index.html.slim
index dab1d77..3ad0dfa 100644
--- a/app/templates/posts/index.html.slim
+++ b/app/templates/posts/index.html.slim
@@ -14,4 +14,4 @@ div class="h-feed mb-12 max-w-prose mx-auto"
   - posts.each do |post|
     == render "shared/post", post: post
 
-div class="max-w-screen-md mx-auto border-t-4 border-solid border-gray-400 dark:border-gray-600"
+div class="max-w-screen-md mx-auto border-t border-solid border-gray-200 dark:border-gray-600"
diff --git a/app/templates/posts/show.html.slim b/app/templates/posts/show.html.slim
index 8d690cd..41efa4b 100644
--- a/app/templates/posts/show.html.slim
+++ b/app/templates/posts/show.html.slim
@@ -97,7 +97,7 @@ article class="h-entry"
           div class="grid grid-cols-3 gap-4 mb-4 max-w-prose mx-auto"
             -posts.each do |post|
               == render "shared/photo_post", post: post, extended: false
-    div class="mb-4 max-w-screen-md mx-auto border-t-4 border-solid border-gray-400 dark:border-gray-600"
+    div class="mb-4 max-w-screen-md mx-auto border-t border-solid border-gray-200 dark:border-gray-600"
 
   div class="max-w-prose mx-auto text-gray-600 dark:text-gray-200 flex"
     div class=""
diff --git a/app/templates/shared/_post.html.slim b/app/templates/shared/_post.html.slim
index f01aa16..4309450 100644
--- a/app/templates/shared/_post.html.slim
+++ b/app/templates/shared/_post.html.slim
@@ -1,6 +1,6 @@
 div class="mb-8 h-entry"
-  h3 class="text-xl text-blue-600 dark:text-indigo-300 mb-2"
-    a class="border-b-2 border-transparent hover:border-blue-600 hover:dark:border-indigo-300 hover:border-b-2" href="/post/#{post.slug}"
+  h3 class="text-xl text-blue-500 dark:text-indigo-300 mb-2"
+    a class="hover:text-blue-900" href="/post/#{post.slug}"
       = post.display_title
   div class="e-content prose-p:mb-0 prose-img:my-2 prose-a:text-blue-600 prose-a:no-underline hover:prose-a:underline p-name text-base prose prose-ul:list-none prose-ul:pl-0 prose-li:pl-0 text-gray-800 dark:text-gray-200 prose-a:dark:text-gray-100"
     == post.excerpt
diff --git a/app/templates/site/home.html.slim b/app/templates/site/home.html.slim
index a5a1c73..0cdd17a 100644
--- a/app/templates/site/home.html.slim
+++ b/app/templates/site/home.html.slim
@@ -4,7 +4,7 @@ div class="h-card prose dark:prose-invert mb-12 prose-a:decoration-wavy hover:pr
   p class="p-note"
     == home_content
 
-div class="mb-8 max-w-screen-md mx-auto border-t-4 border-solid border-gray-400 dark:border-gray-600"
+div class="mb-8 max-w-screen-md mx-auto border-t border-solid border-gray-200 dark:border-gray-600"
 
 - if latest_status
   div class="mb-2 flex max-w-prose mx-auto text-gray-600 dark:text-gray-200"
@@ -51,4 +51,4 @@ div class="grid grid-cols-3 gap-4 max-w-prose mx-auto"
       = "🗺️ Last seen at "
       a class="text-blue-400 hover:text-blue-600" href=last_location.permalink
         = last_location.display_title
-div class="max-w-screen-md mx-auto border-t-4 border-solid border-gray-400 dark:border-gray-600"
+div class="max-w-screen-md mx-auto border-t border-solid border-gray-200 dark:border-gray-600"
diff --git a/app/templates/statuses/index.html.slim b/app/templates/statuses/index.html.slim
index 44c8aaf..3fab828 100644
--- a/app/templates/statuses/index.html.slim
+++ b/app/templates/statuses/index.html.slim
@@ -5,4 +5,4 @@ div class="h-feed mb-12 max-w-prose mx-auto"
   - posts.each do |post|
     == render "shared/status", post: post
 
-div class="max-w-screen-md mx-auto border-t-4 border-solid border-gray-400 dark:border-gray-600"
+div class="max-w-screen-md mx-auto border-t border-solid border-gray-200 dark:border-gray-600"
diff --git a/app/templates/tags/index.html.slim b/app/templates/tags/index.html.slim
index 13fa2c7..d2f7af8 100644
--- a/app/templates/tags/index.html.slim
+++ b/app/templates/tags/index.html.slim
@@ -11,5 +11,5 @@ div class="mb-12 prose dark:prose-invert max-w-prose mx-auto text-gray-800 dark:
         span class="inline-block mb-2"
           a  class="p-category no-underline rounded p-1 mr-1 text-xsm u-url bg-yellow-100/60 hover:bg-yellow-200 dark:bg-amber-400/60 dark:hover:bg-amber-400/80 dark:text-amber-50 dark:hover:text-amber-100 text-gray-600" href="/tagged/#{post_tag.slug}"
             = post_tag.label
-div class="max-w-screen-md mx-auto border-t-4 border-solid border-gray-400 dark:border-gray-600"
+div class="max-w-screen-md mx-auto border-t border-solid border-gray-200 dark:border-gray-600"
 
diff --git a/app/templates/tags/show.html.slim b/app/templates/tags/show.html.slim
index 44b56cf..a34313e 100644
--- a/app/templates/tags/show.html.slim
+++ b/app/templates/tags/show.html.slim
@@ -7,4 +7,4 @@ div class="mb-12 max-w-prose mx-auto"
   - posts.each do |post|
     == render "shared/#{post.template_type.to_sym}", post.template_type.to_sym => post
 
-div class="max-w-screen-md mx-auto border-t-4 border-solid border-gray-400 dark:border-gray-600"
+div class="max-w-screen-md mx-auto border-t border-solid border-gray-200 dark:border-gray-600"
diff --git a/app/templates/trips/index.html.slim b/app/templates/trips/index.html.slim
index 1ba5231..741d510 100644
--- a/app/templates/trips/index.html.slim
+++ b/app/templates/trips/index.html.slim
@@ -20,4 +20,4 @@ div class="mb-4 prose dark:prose-invert max-w-prose mx-auto text-gray-800 dark:t
               = trip.subtitle
 
 
-div class="max-w-screen-md mx-auto border-t-4 border-solid border-gray-400 dark:border-gray-600"
+div class="max-w-screen-md mx-auto border-t border-solid border-gray-200 dark:border-gray-600"
diff --git a/app/templates/trips/show.html.slim b/app/templates/trips/show.html.slim
index f26b325..207ea7f 100644
--- a/app/templates/trips/show.html.slim
+++ b/app/templates/trips/show.html.slim
@@ -19,4 +19,4 @@ div class="h-feed mb-12 max-w-prose mx-auto"
   - posts.each do |post|
     == render "shared/compact_post", post: post, trip: trip, first: post.id == posts.first.id, last: post.id == posts.last.id
 
-div class="max-w-screen-md mx-auto border-t-4 border-solid border-gray-400 dark:border-gray-600"
+div class="max-w-screen-md mx-auto border-t border-solid border-gray-200 dark:border-gray-600"
diff --git a/app/templates/workouts/index.html.slim b/app/templates/workouts/index.html.slim
index 1175194..5f71b4c 100644
--- a/app/templates/workouts/index.html.slim
+++ b/app/templates/workouts/index.html.slim
@@ -11,4 +11,4 @@ div class="prose dark:prose-invert max-w-prose mx-auto"
       - workouts.each do |workout|
         == workout.path
 
-div class="max-w-screen-md mx-auto border-t-4 border-solid border-gray-400 dark:border-gray-600"
+div class="max-w-screen-md mx-auto border-t border-solid border-gray-200 dark:border-gray-600"
diff --git a/slices/admin/templates/auto_tagging/index.html.slim b/slices/admin/templates/auto_tagging/index.html.slim
index 6d2443b..d66742d 100644
--- a/slices/admin/templates/auto_tagging/index.html.slim
+++ b/slices/admin/templates/auto_tagging/index.html.slim
@@ -8,4 +8,4 @@ div class="prose dark:prose-invert max-w-prose mx-auto mb-12"
       = " — "
       button class="text-red-600 hover:text-red-400" hx-delete="/admin/tags/auto_taggings/#{auto_tagging.id}" hx-target="#auto-tag-#{auto_tagging.id}" delete
   a class="bg-blue-100 text-blue-600 p-1 rounded no-underline" href="/admin/tags/auto_tagging/new" New
-div class="max-w-screen-md mx-auto border-t-4 border-solid border-gray-400 dark:border-gray-600"
+div class="max-w-screen-md mx-auto border-t border-solid border-gray-200 dark:border-gray-600"
diff --git a/slices/admin/templates/auto_tagging/new.html.slim b/slices/admin/templates/auto_tagging/new.html.slim
index 71e2df5..56482cd 100644
--- a/slices/admin/templates/auto_tagging/new.html.slim
+++ b/slices/admin/templates/auto_tagging/new.html.slim
@@ -29,4 +29,4 @@ div class="max-w-prose mx-auto"
     div class="mb-4"
       button class="rounded bg-blue-100 hover:bg-blue-200 text-blue-600 px-2 hover:cursor-pointer" type="submit"
         = "Create"
-div class="max-w-screen-md mx-auto border-t-4 border-solid border-gray-400 dark:border-gray-600"
+div class="max-w-screen-md mx-auto border-t border-solid border-gray-200 dark:border-gray-600"
diff --git a/slices/admin/templates/bookmarks/index.html.slim b/slices/admin/templates/bookmarks/index.html.slim
index d2cdfd6..e3075b2 100644
--- a/slices/admin/templates/bookmarks/index.html.slim
+++ b/slices/admin/templates/bookmarks/index.html.slim
@@ -57,7 +57,7 @@ div class="max-w-prose mx-auto" x-data="{ activeTab:  0 }"
           td
             button hx-post="/admin/bookmarks/#{bookmark.id}/publish" publish
 
-div class="max-w-screen-md mx-auto border-t-4 border-solid border-gray-400 dark:border-gray-600"
+div class="max-w-screen-md mx-auto border-t border-solid border-gray-200 dark:border-gray-600"
 
 
 
diff --git a/slices/admin/templates/index.html.slim b/slices/admin/templates/index.html.slim
index 526fe15..b57f4d2 100644
--- a/slices/admin/templates/index.html.slim
+++ b/slices/admin/templates/index.html.slim
@@ -20,7 +20,7 @@ div class="max-w-prose mx-auto prose dark:prose-invert"
     li
       a href="/admin/apple_music" Apple Music
 
-div class="max-w-screen-md mx-auto border-t-4 border-solid border-gray-400 dark:border-gray-600"
+div class="max-w-screen-md mx-auto border-t border-solid border-gray-200 dark:border-gray-600"
 
 
 
diff --git a/slices/admin/templates/merge_tags/index.html.slim b/slices/admin/templates/merge_tags/index.html.slim
index ac75905..61756a3 100644
--- a/slices/admin/templates/merge_tags/index.html.slim
+++ b/slices/admin/templates/merge_tags/index.html.slim
@@ -8,4 +8,4 @@ div class="max-w-prose mx-auto"
         a href="/admin/tags/merge/#{tag.id}"
           = "#{tag.label} (#{tag.posts.count})"
 
-div class="max-w-screen-md mx-auto border-t-4 border-solid border-gray-400 dark:border-gray-600"
+div class="max-w-screen-md mx-auto border-t border-solid border-gray-200 dark:border-gray-600"
diff --git a/slices/admin/templates/merge_tags/new.html.slim b/slices/admin/templates/merge_tags/new.html.slim
index 4b1484e..cd58755 100644
--- a/slices/admin/templates/merge_tags/new.html.slim
+++ b/slices/admin/templates/merge_tags/new.html.slim
@@ -16,4 +16,4 @@ div class="max-w-prose mx-auto prose dark:prose-invert"
       button class="rounded bg-blue-100 hover:bg-blue-200 text-blue-600 px-2 hover:cursor-pointer"
         = "Merge"
 
-div class="max-w-screen-md mx-auto border-t-4 border-solid border-gray-400 dark:border-gray-600"
+div class="max-w-screen-md mx-auto border-t border-solid border-gray-200 dark:border-gray-600"
diff --git a/slices/admin/templates/posts/index.html.slim b/slices/admin/templates/posts/index.html.slim
index 217324c..06a695d 100644
--- a/slices/admin/templates/posts/index.html.slim
+++ b/slices/admin/templates/posts/index.html.slim
@@ -43,7 +43,7 @@ div class="max-w-prose mx-auto" x-data="{ activeTab:  0 }"
             td
               button hx-post="/admin/posts/#{post.id}/publish" publish
 
-div class="max-w-screen-md mx-auto border-t-4 border-solid border-gray-400 dark:border-gray-600"
+div class="max-w-screen-md mx-auto border-t border-solid border-gray-200 dark:border-gray-600"
 
 
 
diff --git a/slices/admin/templates/tags/index.html.slim b/slices/admin/templates/tags/index.html.slim
index 402f0e4..2348e02 100644
--- a/slices/admin/templates/tags/index.html.slim
+++ b/slices/admin/templates/tags/index.html.slim
@@ -12,7 +12,7 @@ div class="max-w-prose mx-auto"
       == render "shared/tag", post_tag: post_tag
 
 
-div class="max-w-screen-md mx-auto border-t-4 border-solid border-gray-400 dark:border-gray-600"
+div class="max-w-screen-md mx-auto border-t border-solid border-gray-200 dark:border-gray-600"
 
 
 
diff --git a/slices/admin/templates/trips/index.html.slim b/slices/admin/templates/trips/index.html.slim
index 54bbab7..ca2c864 100644
--- a/slices/admin/templates/trips/index.html.slim
+++ b/slices/admin/templates/trips/index.html.slim
@@ -11,7 +11,7 @@ div class="max-w-prose mx-auto"
         a href="/admin/trips/#{trip.id}"
           = "#{trip.name} (#{trip.start_date} - #{trip.end_date})"
 
-div class="max-w-screen-md mx-auto border-t-4 border-solid border-gray-400 dark:border-gray-600"
+div class="max-w-screen-md mx-auto border-t border-solid border-gray-200 dark:border-gray-600"
 
 
 
diff --git a/slices/admin/templates/trips/new.html.slim b/slices/admin/templates/trips/new.html.slim
index cf3858c..7bb3534 100644
--- a/slices/admin/templates/trips/new.html.slim
+++ b/slices/admin/templates/trips/new.html.slim
@@ -24,4 +24,4 @@ div class="max-w-prose mx-auto"
     div class="mb-4"
       button class="rounded bg-blue-100 hover:bg-blue-200 text-blue-600 px-2 hover:cursor-pointer" type="submit"
         = "Create"
-div class="max-w-screen-md mx-auto border-t-4 border-solid border-gray-400 dark:border-gray-600"
+div class="max-w-screen-md mx-auto border-t border-solid border-gray-200 dark:border-gray-600"
diff --git a/slices/admin/templates/trips/show.html.slim b/slices/admin/templates/trips/show.html.slim
index 3e68fd5..4ed8e92 100644
--- a/slices/admin/templates/trips/show.html.slim
+++ b/slices/admin/templates/trips/show.html.slim
@@ -27,4 +27,4 @@ div class="mb-12 max-w-prose mx-auto"
     div class="flex flex-row"
       == render "shared/post", post: post, trip_id: trip.id, added: post.trips.map(&:id).include?(trip.id)
 
-div class="max-w-screen-md mx-auto border-t-4 border-solid border-gray-400 dark:border-gray-600"
+div class="max-w-screen-md mx-auto border-t border-solid border-gray-200 dark:border-gray-600"