From 8f3b750965f9a35681a17e66503747c120c073ae Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Tue, 9 Nov 2021 13:19:37 +0300
Subject: [PATCH] Use better fill color

---
 src/views/progressspinner/ProgressSpinnerDemo.vue | 2 +-
 src/views/progressspinner/ProgressSpinnerDoc.vue  | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/views/progressspinner/ProgressSpinnerDemo.vue b/src/views/progressspinner/ProgressSpinnerDemo.vue
index b2d8664c4..ced818baf 100755
--- a/src/views/progressspinner/ProgressSpinnerDemo.vue
+++ b/src/views/progressspinner/ProgressSpinnerDemo.vue
@@ -14,7 +14,7 @@
                 <ProgressSpinner />
 
                 <h5>Custom</h5>
-                <ProgressSpinner style="width:50px;height:50px" strokeWidth="8" fill="#EEEEEE" animationDuration=".5s"/>
+                <ProgressSpinner style="width:50px;height:50px" strokeWidth="8" fill="var(--surface-ground)" animationDuration=".5s"/>
             </div>
         </div>
 
diff --git a/src/views/progressspinner/ProgressSpinnerDoc.vue b/src/views/progressspinner/ProgressSpinnerDoc.vue
index 6ba3edd19..582f9225d 100755
--- a/src/views/progressspinner/ProgressSpinnerDoc.vue
+++ b/src/views/progressspinner/ProgressSpinnerDoc.vue
@@ -123,7 +123,7 @@ export default {
         <ProgressSpinner />
 
         <h5>Custom</h5>
-        <ProgressSpinner style="width:50px;height:50px" strokeWidth="8" fill="#EEEEEE" animationDuration=".5s"/>
+        <ProgressSpinner style="width:50px;height:50px" strokeWidth="8" fill="var(--surface-ground)" animationDuration=".5s"/>
     </div>
 </template>
 
@@ -142,7 +142,7 @@ export default {
         <ProgressSpinner />
 
         <h5>Custom</h5>
-        <ProgressSpinner style="width:50px;height:50px" strokeWidth="8" fill="#EEEEEE" animationDuration=".5s"/>
+        <ProgressSpinner style="width:50px;height:50px" strokeWidth="8" fill="var(--surface-ground)" animationDuration=".5s"/>
     </div>
 </template>
 
@@ -159,7 +159,7 @@ export default {
             <p-progressspinner></p-progressspinner>
 
             <h5>Custom</h5>
-            <p-progressspinner style="width:50px;height:50px" stroke-width="8" fill="#EEEEEE" animation-duration=".5s"></p-progressspinner>
+            <p-progressspinner style="width:50px;height:50px" stroke-width="8" fill="var(--surface-ground)" animation-duration=".5s"></p-progressspinner>
         </div>
 
         <script type="module">