From 9612af06a8fbb5843b78b6c54f49ac72c979469f Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Wed, 18 Aug 2021 08:55:59 -0400
Subject: [PATCH] update example

---
 docs/components/progress-ring.md | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/docs/components/progress-ring.md b/docs/components/progress-ring.md
index 04c83f9c1..5602b7c33 100644
--- a/docs/components/progress-ring.md
+++ b/docs/components/progress-ring.md
@@ -33,7 +33,10 @@ To change the color, use the `--track-color` and `--indicator-color` custom prop
 ```html preview
 <sl-progress-ring 
   percentage="50" 
-  style="--track-color: #ffe2c6; --indicator-color: tomato;"
+  style="
+    --track-color: rgb(var(--sl-color-cyan-100)); 
+    --indicator-color: rgb(var(--sl-color-cyan-600));
+  "
 ></sl-progress-ring>
 ```