From d87ef806f04f373471be20ef8fa4eb5df74a8708 Mon Sep 17 00:00:00 2001
From: Ashley Harrison <ashley.harrison@grafana.com>
Date: Tue, 11 Feb 2025 11:17:15 +0000
Subject: [PATCH] LoadingBar: Use a theme variable instead of hardcoded hex
 color (#100407)

use the theme variable in our loadingbar instead of a hardcoded hex color
---
 packages/grafana-ui/src/components/LoadingBar/LoadingBar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/grafana-ui/src/components/LoadingBar/LoadingBar.tsx b/packages/grafana-ui/src/components/LoadingBar/LoadingBar.tsx
index a6e558422eb..7fad091b13d 100644
--- a/packages/grafana-ui/src/components/LoadingBar/LoadingBar.tsx
+++ b/packages/grafana-ui/src/components/LoadingBar/LoadingBar.tsx
@@ -47,7 +47,7 @@ const getStyles = (theme: GrafanaTheme2, delay: number, duration: number) => {
     bar: css({
       width: BAR_WIDTH + '%',
       height: 1,
-      background: 'linear-gradient(90deg, rgba(110, 159, 255, 0) 0%, #6E9FFF 80.75%, rgba(110, 159, 255, 0) 100%)',
+      background: `linear-gradient(90deg, transparent 0%, ${theme.colors.primary.main} 80.75%, transparent 100%)`,
       transform: 'translateX(-100%)',
       willChange: 'transform',
       [theme.transitions.handleMotion('no-preference')]: {