Merge branch 'master' into didimmova/update-contrast-color-docs

Author: simeonoff

en/components/circular-progress.md

@@ -175,16 +175,16 @@ Add some styles:
 
 ### Gradient Progress
 
-One way to customize the progress bar is to use a color gradient instead of a solid color.
-This can be done in one of two ways - by using the [`IgxProgressBarGradientDirective`]({environment:angularApiUrl}/classes/igxcircularprogressbarcomponent.html#gradienttemplate) directive or by implementing a custom theme, albeit custom themes support up to two color stops.
+One way to customize the progress bar is by using a color gradient instead of a solid color.
+This can be done in one of two ways - by using the [`IgxProgressBarGradientDirective`]({environment:angularApiUrl}/classes/igxcircularprogressbarcomponent.html#gradienttemplate) directive or by implementing a custom theme, which supports up to two color stops.
 
-If you want to create a gradient with just two color stops, you can do so by using a custom theme. Create a list of colors and pass it to the `$progress-circle-color` theme parameter:
+To create a gradient with just two color stops using a custom theme, you need to create a list of colors and pass it to the `$fill-color-default` theme parameter:
 
 ```scss
 $colors: #695cf9, #ef017c;
 
 $custom-theme: progress-circular-theme(
-  $progress-circle-color: $colors,
+  $fill-color-default: $colors,
 );
 ```
 
@@ -239,12 +239,12 @@ To get started with styling the circular progress bar, we need to import the `in
 // @import '~igniteui-angular/lib/core/styles/themes/index';
 ```
 
-Following the simplest approach, we create a new theme that extends the [`progress-circular-theme`]({environment:sassApiUrl}/index.html#function-progress-circular-theme) and accepts the `$base-circle-color` and the `$progress-circle-color` parameters.
+Following the simplest approach, we create a new theme that extends the [`progress-circular-theme`]({environment:sassApiUrl}/index.html#function-progress-circular-theme) and accepts the `$base-circle-color` and the `$fill-color-default` parameters.
 
 ```scss
 $custom-theme: progress-circular-theme(
   $base-circle-color: lightgray,
-  $progress-circle-color: rgb(32, 192, 17),
+  $fill-color-default: rgb(32, 192, 17),
 );
 ```