Fix iOS theme color to use hex for compatibility and show time in probe result popover

lewispb · lewispb · commit 7937ecefa8ca · 2026-01-19T08:45:59.000Z
diff --git a/app/assets/stylesheets/upright/application.css b/app/assets/stylesheets/upright/application.css
@@ -506,6 +506,11 @@
       font-size: var(--text-x-small);
     }
 
+    .artifact-probe-time {
+      color: var(--color-ink-light);
+      font-size: var(--text-x-small);
+    }
+
     .artifact-title {
       color: var(--color-ink-medium);
       font-size: var(--text-x-small);
diff --git a/app/views/layouts/upright/application.html.erb b/app/views/layouts/upright/application.html.erb
@@ -3,8 +3,8 @@
   <head>
     <title>Upright</title>
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <meta name="theme-color" content="oklch(100% 0 0)" media="(prefers-color-scheme: light)">
-    <meta name="theme-color" content="oklch(18% 0.04 250)" media="(prefers-color-scheme: dark)">
+    <meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)">
+    <meta name="theme-color" content="#1f2937" media="(prefers-color-scheme: dark)">
     <%= csrf_meta_tags %>
     <%= csp_meta_tag %>
     <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin="">
diff --git a/app/views/upright/active_storage/attachments/_attachment.html.erb b/app/views/upright/active_storage/attachments/_attachment.html.erb
@@ -8,6 +8,7 @@
           <% if probe_result.probe_target.present? %>
             <div class="artifact-probe-target"><%= probe_result.probe_target %></div>
           <% end %>
+          <div class="artifact-probe-time" title="<%= probe_result.created_at.to_fs(:db) %>"><%= time_ago_in_words(probe_result.created_at) %> ago</div>
         <% end %>
         <h3 class="artifact-title"><%= artifact_icon(attachment) %> <%= attachment.filename %></h3>
       </div>
