Merge pull request #259 from parca-dev/fix-loading-color-light-mode

ui: Fix loading color in light mode
parca-dev · Oct 7, 2021 · 776d48f · 776d48f
2 parents cfb2147 + 62e08ae
commit 776d48f
Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/ui/packages/app/web/src/components/ProfileMetricsGraph.tsx b/ui/packages/app/web/src/components/ProfileMetricsGraph.tsx
@@ -97,11 +97,11 @@ const ProfileMetricsGraph = ({
           marginTop: 100
         }}
       >
-        <svg className="animate-spin -ml-1 mr-3 h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+        <svg className="animate-spin -ml-1 mr-3 h-5 w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
           <circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4"></circle>
           <path className="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
         </svg>
-        <span className='text-white'>Loading...</span>
+        <span>Loading...</span>
       </div>
     )
   }

diff --git a/ui/packages/shared/profile/src/ProfileView.tsx b/ui/packages/shared/profile/src/ProfileView.tsx
@@ -62,11 +62,11 @@ export const ProfileView = ({
           marginTop: 100
         }}
       >
-        <svg className="animate-spin -ml-1 mr-3 h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+        <svg className="animate-spin -ml-1 mr-3 h-5 w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
             <circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4"></circle>
             <path className="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
         </svg>
-        <span className='text-white'>Loading...</span>
+        <span>Loading...</span>
       </div>
     )
   }