From 34053004c040519a15df202093d5f7171b2f8625 Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Fri, 6 Mar 2026 22:43:05 +0100
Subject: [PATCH] style: use brand orange for hover percentage indicators

---
 components/dashboard/ContentStats.tsx | 2 +-
 components/dashboard/Locations.tsx    | 2 +-
 components/dashboard/TechSpecs.tsx    | 2 +-
 components/dashboard/TopReferrers.tsx | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/dashboard/ContentStats.tsx b/components/dashboard/ContentStats.tsx
index cb84514..4339bd0 100644
--- a/components/dashboard/ContentStats.tsx
+++ b/components/dashboard/ContentStats.tsx
@@ -154,7 +154,7 @@ export default function ContentStats({ topPages, entryPages, exitPages, domain,
                     </a>
                   </div>
                   <div className="flex items-center gap-2 ml-4">
-                    <span className="text-xs text-neutral-400 dark:text-neutral-500 opacity-0 translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-200">
+                    <span className="text-xs font-medium text-brand-orange opacity-0 translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-200">
                       {totalPageviews > 0 ? `${Math.round((page.pageviews / totalPageviews) * 100)}%` : ''}
                     </span>
                     <span className="text-sm font-semibold text-neutral-600 dark:text-neutral-400">
diff --git a/components/dashboard/Locations.tsx b/components/dashboard/Locations.tsx
index 5a7e27b..ea6ed6a 100644
--- a/components/dashboard/Locations.tsx
+++ b/components/dashboard/Locations.tsx
@@ -271,7 +271,7 @@ export default function Locations({ countries, cities, regions, geoDataLevel = '
                         </span>
                       </div>
                       <div className="flex items-center gap-2 ml-4">
-                        <span className="text-xs text-neutral-400 dark:text-neutral-500 opacity-0 translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-200">
+                        <span className="text-xs font-medium text-brand-orange opacity-0 translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-200">
                           {totalPageviews > 0 ? `${Math.round((item.pageviews / totalPageviews) * 100)}%` : ''}
                         </span>
                         <span className="text-sm font-semibold text-neutral-600 dark:text-neutral-400">
diff --git a/components/dashboard/TechSpecs.tsx b/components/dashboard/TechSpecs.tsx
index 5f9240e..422f1d7 100644
--- a/components/dashboard/TechSpecs.tsx
+++ b/components/dashboard/TechSpecs.tsx
@@ -175,7 +175,7 @@ export default function TechSpecs({ browsers, os, devices, screenResolutions, co
                       <span className="truncate">{item.name}</span>
                     </div>
                     <div className="flex items-center gap-2 ml-4">
-                      <span className="text-xs text-neutral-400 dark:text-neutral-500 opacity-0 translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-200">
+                      <span className="text-xs font-medium text-brand-orange opacity-0 translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-200">
                         {totalPageviews > 0 ? `${Math.round((item.pageviews / totalPageviews) * 100)}%` : ''}
                       </span>
                       <span className="text-sm font-semibold text-neutral-600 dark:text-neutral-400">
diff --git a/components/dashboard/TopReferrers.tsx b/components/dashboard/TopReferrers.tsx
index fed4cd6..b1df086 100644
--- a/components/dashboard/TopReferrers.tsx
+++ b/components/dashboard/TopReferrers.tsx
@@ -116,7 +116,7 @@ export default function TopReferrers({ referrers, collectReferrers = true, siteI
                     <span className="truncate" title={ref.referrer}>{getReferrerDisplayName(ref.referrer)}</span>
                   </div>
                   <div className="flex items-center gap-2 ml-4">
-                    <span className="text-xs text-neutral-400 dark:text-neutral-500 opacity-0 translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-200">
+                    <span className="text-xs font-medium text-brand-orange opacity-0 translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-200">
                       {totalPageviews > 0 ? `${Math.round((ref.pageviews / totalPageviews) * 100)}%` : ''}
                     </span>
                     <span className="text-sm font-semibold text-neutral-600 dark:text-neutral-400">