Respect theme in loading skeletons

pablogsal · pablogsal · commit 61cd205d0ff3 · 2025-06-24T22:53:08.000+01:00
diff --git a/frontend/src/app/admin/components/AdminUsersManager.tsx b/frontend/src/app/admin/components/AdminUsersManager.tsx
@@ -193,7 +193,7 @@ export default function AdminUsersManager() {
     return (
       <Card>
         <CardContent className="flex items-center justify-center py-8">
-          <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900"></div>
+          <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-primary"></div>
         </CardContent>
       </Card>
     );
diff --git a/frontend/src/app/admin/components/BinariesManager.tsx b/frontend/src/app/admin/components/BinariesManager.tsx
@@ -364,13 +364,13 @@ export default function BinariesManager() {
           {[...Array(6)].map((_, i) => (
             <Card key={i} className="animate-pulse">
               <CardHeader>
-                <div className="h-4 bg-gray-200 rounded w-3/4"></div>
-                <div className="h-3 bg-gray-200 rounded w-1/2"></div>
+                <div className="h-4 bg-muted rounded w-3/4"></div>
+                <div className="h-3 bg-muted rounded w-1/2"></div>
               </CardHeader>
               <CardContent>
                 <div className="space-y-2">
-                  <div className="h-3 bg-gray-200 rounded"></div>
-                  <div className="h-3 bg-gray-200 rounded w-2/3"></div>
+                  <div className="h-3 bg-muted rounded"></div>
+                  <div className="h-3 bg-muted rounded w-2/3"></div>
                 </div>
               </CardContent>
             </Card>
diff --git a/frontend/src/app/admin/components/EnvironmentsManager.tsx b/frontend/src/app/admin/components/EnvironmentsManager.tsx
@@ -276,13 +276,13 @@ export default function EnvironmentsManager() {
           {[...Array(6)].map((_, i) => (
             <Card key={i} className="animate-pulse">
               <CardHeader>
-                <div className="h-4 bg-gray-200 rounded w-3/4"></div>
-                <div className="h-3 bg-gray-200 rounded w-1/2"></div>
+                <div className="h-4 bg-muted rounded w-3/4"></div>
+                <div className="h-3 bg-muted rounded w-1/2"></div>
               </CardHeader>
               <CardContent>
                 <div className="space-y-2">
-                  <div className="h-3 bg-gray-200 rounded"></div>
-                  <div className="h-3 bg-gray-200 rounded w-2/3"></div>
+                  <div className="h-3 bg-muted rounded"></div>
+                  <div className="h-3 bg-muted rounded w-2/3"></div>
                 </div>
               </CardContent>
             </Card>
diff --git a/frontend/src/app/admin/components/RunsManager.tsx b/frontend/src/app/admin/components/RunsManager.tsx
@@ -318,13 +318,13 @@ export default function RunsManager() {
           {[...Array(5)].map((_, i) => (
             <Card key={i} className="animate-pulse">
               <CardHeader>
-                <div className="h-4 bg-gray-200 rounded w-3/4"></div>
-                <div className="h-3 bg-gray-200 rounded w-1/2"></div>
+                <div className="h-4 bg-muted rounded w-3/4"></div>
+                <div className="h-3 bg-muted rounded w-1/2"></div>
               </CardHeader>
               <CardContent>
                 <div className="space-y-2">
-                  <div className="h-3 bg-gray-200 rounded"></div>
-                  <div className="h-3 bg-gray-200 rounded w-2/3"></div>
+                  <div className="h-3 bg-muted rounded"></div>
+                  <div className="h-3 bg-muted rounded w-2/3"></div>
                 </div>
               </CardContent>
             </Card>
diff --git a/frontend/src/app/admin/components/TokensManager.tsx b/frontend/src/app/admin/components/TokensManager.tsx
@@ -200,7 +200,7 @@ export default function TokensManager() {
   if (loading) {
     return (
       <div className="flex items-center justify-center py-8">
-        <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900"></div>
+        <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-primary"></div>
       </div>
     );
   }
diff --git a/frontend/src/app/admin/page.tsx b/frontend/src/app/admin/page.tsx
@@ -93,7 +93,7 @@ export default function AdminPage() {
     return (
       <div className="min-h-screen flex items-center justify-center">
         <div className="text-center">
-          <div className="animate-spin rounded-full h-32 w-32 border-b-2 border-gray-900 mx-auto"></div>
+          <div className="animate-spin rounded-full h-32 w-32 border-b-2 border-primary mx-auto"></div>
           <p className="mt-4">Loading admin panel...</p>
         </div>
       </div>

Original file line number	Diff line number	Diff line change
`@@ -200,7 +200,7 @@ export default function TokensManager() {`
`200`	`200`	`if (loading) {`
`201`	`201`	`return (`
`202`	`202`	`<div className="flex items-center justify-center py-8">`
`203`		`- <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900"></div>`
	`203`	`+ <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-primary"></div>`
`204`	`204`	`</div>`
`205`	`205`	`);`
`206`	`206`	`}`