update example

shoelace-style · Aug 18, 2021 · 9612af0 · 9612af0
1 parent 17c1be6
commit 9612af0
Showing 1 changed file with 4 additions and 1 deletion.
diff --git 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>
 ```