From 01222bf0a90af94a2bd3d9bcbc9fe76b0689b8b7 Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Mon, 16 Mar 2026 23:14:07 +0100
Subject: [PATCH] =?UTF-8?q?fix:=20bump=20dark=20mode=20inline=20bar=20opac?=
 =?UTF-8?q?ity=20from=2025%=20to=2040%=20=E2=80=94=20less=20brown,=20more?=
 =?UTF-8?q?=20orange?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/components/dashboard/Campaigns.tsx b/components/dashboard/Campaigns.tsx
index 771e58a..1c7ed31 100644
--- a/components/dashboard/Campaigns.tsx
+++ b/components/dashboard/Campaigns.tsx
@@ -164,7 +164,7 @@ export default function Campaigns({ siteId, dateRange, filters, onFilter }: Camp
                     className={`relative flex items-center justify-between py-1.5 group hover:bg-neutral-50/50 dark:hover:bg-neutral-800/50 rounded-lg px-2 -mx-2 transition-colors${onFilter ? ' cursor-pointer' : ''}`}
                   >
                     <div
-                      className="absolute inset-y-0.5 left-0.5 bg-brand-orange/15 dark:bg-brand-orange/25 rounded-md transition-all"
+                      className="absolute inset-y-0.5 left-0.5 bg-brand-orange/15 dark:bg-brand-orange/40 rounded-md transition-all"
                       style={{ width: `${barWidth}%` }}
                     />
                     <div className="relative flex-1 text-neutral-900 dark:text-white flex items-center gap-3 min-w-0">
diff --git a/components/dashboard/ContentStats.tsx b/components/dashboard/ContentStats.tsx
index 6436398..f828889 100644
--- a/components/dashboard/ContentStats.tsx
+++ b/components/dashboard/ContentStats.tsx
@@ -159,7 +159,7 @@ export default function ContentStats({ topPages, entryPages, exitPages, domain,
                     className={`relative flex items-center justify-between h-9 group hover:bg-neutral-50/50 dark:hover:bg-neutral-800/50 rounded-lg px-2 -mx-2 transition-colors${onFilter ? ' cursor-pointer' : ''}`}
                   >
                     <div
-                      className="absolute inset-y-0.5 left-0.5 bg-brand-orange/15 dark:bg-brand-orange/25 rounded-md transition-all"
+                      className="absolute inset-y-0.5 left-0.5 bg-brand-orange/15 dark:bg-brand-orange/40 rounded-md transition-all"
                       style={{ width: `${barWidth}%` }}
                     />
                     <div className="relative flex-1 truncate text-neutral-900 dark:text-white flex items-center">
diff --git a/components/dashboard/Locations.tsx b/components/dashboard/Locations.tsx
index ddb9895..3fb9374 100644
--- a/components/dashboard/Locations.tsx
+++ b/components/dashboard/Locations.tsx
@@ -306,7 +306,7 @@ export default function Locations({ countries, cities, regions, geoDataLevel = '
                       className={`relative flex items-center justify-between h-9 group hover:bg-neutral-50/50 dark:hover:bg-neutral-800/50 rounded-lg px-2 -mx-2 transition-colors${canFilter ? ' cursor-pointer' : ''}`}
                     >
                       <div
-                        className="absolute inset-y-0.5 left-0.5 bg-brand-orange/15 dark:bg-brand-orange/25 rounded-md transition-all"
+                        className="absolute inset-y-0.5 left-0.5 bg-brand-orange/15 dark:bg-brand-orange/40 rounded-md transition-all"
                         style={{ width: `${barWidth}%` }}
                       />
                       <div className="relative flex-1 truncate text-neutral-900 dark:text-white flex items-center gap-3">
diff --git a/components/dashboard/TechSpecs.tsx b/components/dashboard/TechSpecs.tsx
index 51f9ec8..bd39109 100644
--- a/components/dashboard/TechSpecs.tsx
+++ b/components/dashboard/TechSpecs.tsx
@@ -191,7 +191,7 @@ export default function TechSpecs({ browsers, os, devices, screenResolutions, co
                     className={`relative flex items-center justify-between h-9 group hover:bg-neutral-50/50 dark:hover:bg-neutral-800/50 rounded-lg px-2 -mx-2 transition-colors${canFilter ? ' cursor-pointer' : ''}`}
                   >
                     <div
-                      className="absolute inset-y-0.5 left-0.5 bg-brand-orange/15 dark:bg-brand-orange/25 rounded-md transition-all"
+                      className="absolute inset-y-0.5 left-0.5 bg-brand-orange/15 dark:bg-brand-orange/40 rounded-md transition-all"
                       style={{ width: `${barWidth}%` }}
                     />
                     <div className="relative flex-1 truncate text-neutral-900 dark:text-white flex items-center gap-3">
diff --git a/components/dashboard/TopReferrers.tsx b/components/dashboard/TopReferrers.tsx
index 1f87352..04f1e19 100644
--- a/components/dashboard/TopReferrers.tsx
+++ b/components/dashboard/TopReferrers.tsx
@@ -123,7 +123,7 @@ export default function TopReferrers({ referrers, collectReferrers = true, siteI
                     className={`relative flex items-center justify-between h-9 group hover:bg-neutral-50/50 dark:hover:bg-neutral-800/50 rounded-lg px-2 -mx-2 transition-colors${onFilter ? ' cursor-pointer' : ''}`}
                   >
                     <div
-                      className="absolute inset-y-0.5 left-0.5 bg-brand-orange/15 dark:bg-brand-orange/25 rounded-md transition-all"
+                      className="absolute inset-y-0.5 left-0.5 bg-brand-orange/15 dark:bg-brand-orange/40 rounded-md transition-all"
                       style={{ width: `${barWidth}%` }}
                     />
                     <div className="relative flex-1 truncate text-neutral-900 dark:text-white flex items-center gap-3">