diff --git a/lib/samples/gauge/animation/radial_bounceout.dart b/lib/samples/gauge/animation/radial_bounceout.dart
index 150f5a4e..b9f6a0f1 100644
--- a/lib/samples/gauge/animation/radial_bounceout.dart
+++ b/lib/samples/gauge/animation/radial_bounceout.dart
@@ -62,7 +62,7 @@ class _RadialBounceOutExampleState extends State<RadialBounceOutExample> {
                         color: Colors.white),
                     onPressed: () {
                       launch(
-                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/chart/circular_charts/pie_series/default_pie_chart.dart');
+                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/gauge/animation/radial_bounceout.dart');
                     },
                   ),
                 ),
@@ -100,6 +100,7 @@ class _FrontPanelState extends State<FrontPanel> {
         rebuildOnChange: true,
         builder: (context, _, model) {
           return Scaffold(
+            backgroundColor: model.cardThemeColor,
               body: Padding(
                 padding: const EdgeInsets.fromLTRB(5, 0, 5, 50),
                 child: Container(child: getRadialBounceOutExample(false)),
diff --git a/lib/samples/gauge/animation/radial_easeanimation.dart b/lib/samples/gauge/animation/radial_easeanimation.dart
index 2619a35e..824cd921 100644
--- a/lib/samples/gauge/animation/radial_easeanimation.dart
+++ b/lib/samples/gauge/animation/radial_easeanimation.dart
@@ -64,7 +64,7 @@ class _RadialEaseExampleState extends State<RadialEaseExample> {
                         color: Colors.white),
                     onPressed: () {
                       launch(
-                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/chart/circular_charts/pie_series/default_pie_chart.dart');
+                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/gauge/animation/radial_easeanimation.dart');
                     },
                   ),
                 ),
@@ -119,6 +119,7 @@ class _FrontPanelState extends State<FrontPanel> {
         rebuildOnChange: true,
         builder: (context, _, model) {
           return Scaffold(
+            backgroundColor: model.cardThemeColor,
               body: Padding(
                 padding: const EdgeInsets.fromLTRB(5, 0, 5, 50),
                 child: Container(child: getRadialEaseExample(false)),
diff --git a/lib/samples/gauge/animation/radial_easeincirc.dart b/lib/samples/gauge/animation/radial_easeincirc.dart
index 6d559590..5a226604 100644
--- a/lib/samples/gauge/animation/radial_easeincirc.dart
+++ b/lib/samples/gauge/animation/radial_easeincirc.dart
@@ -64,7 +64,7 @@ class _RadialEaseInCircExampleState extends State<RadialEaseInCircExample> {
                         color: Colors.white),
                     onPressed: () {
                       launch(
-                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/chart/circular_charts/pie_series/default_pie_chart.dart');
+                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/gauge/animation/radial_easeincirc.dart');
                     },
                   ),
                 ),
@@ -115,6 +115,7 @@ class _FrontPanelState extends State<FrontPanel> {
         rebuildOnChange: true,
         builder: (context, _, model) {
           return Scaffold(
+            backgroundColor: model.cardThemeColor,
               body: Padding(
                 padding: const EdgeInsets.fromLTRB(5, 0, 5, 50),
                 child: Container(child: getRadialEaseInCircExample(false)),
diff --git a/lib/samples/gauge/animation/radial_easeout.dart b/lib/samples/gauge/animation/radial_easeout.dart
index a4edd035..a99861bf 100644
--- a/lib/samples/gauge/animation/radial_easeout.dart
+++ b/lib/samples/gauge/animation/radial_easeout.dart
@@ -64,7 +64,7 @@ class _RadialEaseOutAnimationState extends State<RadialEaseOutAnimation> {
                         color: Colors.white),
                     onPressed: () {
                       launch(
-                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/chart/circular_charts/pie_series/default_pie_chart.dart');
+                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/gauge/animation/radial_easeout.dart');
                     },
                   ),
                 ),
@@ -116,6 +116,7 @@ class _FrontPanelState extends State<FrontPanel> {
         rebuildOnChange: true,
         builder: (context, _, model) {
           return Scaffold(
+            backgroundColor: model.cardThemeColor,
               body: Padding(
                 padding: const EdgeInsets.fromLTRB(5, 0, 5, 50),
                 child: Container(child: getRadialEaseOutAnimation(false)),
diff --git a/lib/samples/gauge/animation/radial_elasticout.dart b/lib/samples/gauge/animation/radial_elasticout.dart
index b6c8bcc6..f3b91e50 100644
--- a/lib/samples/gauge/animation/radial_elasticout.dart
+++ b/lib/samples/gauge/animation/radial_elasticout.dart
@@ -64,7 +64,7 @@ class _RadialElasticOutAnimationState extends State<RadialElasticOutAnimation> {
                         color: Colors.white),
                     onPressed: () {
                       launch(
-                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/chart/circular_charts/pie_series/default_pie_chart.dart');
+                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/gauge/animation/radial_elasticout.dart');
                     },
                   ),
                 ),
@@ -116,6 +116,7 @@ class _FrontPanelState extends State<FrontPanel> {
         rebuildOnChange: true,
         builder: (context, _, model) {
           return Scaffold(
+            backgroundColor: model.cardThemeColor,
               body: Padding(
                 padding: const EdgeInsets.fromLTRB(5, 0, 5, 50),
                 child: Container(child: getRadialElasticOutAnimation(false)),
diff --git a/lib/samples/gauge/animation/radial_linearanimation.dart b/lib/samples/gauge/animation/radial_linearanimation.dart
index 6d58707b..3bf8eeaa 100644
--- a/lib/samples/gauge/animation/radial_linearanimation.dart
+++ b/lib/samples/gauge/animation/radial_linearanimation.dart
@@ -64,7 +64,7 @@ class _RadialLinearAnimationState extends State<RadialLinearAnimation> {
                         color: Colors.white),
                     onPressed: () {
                       launch(
-                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/chart/circular_charts/pie_series/default_pie_chart.dart');
+                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/gauge/animation/radial_linearanimation.dart');
                     },
                   ),
                 ),
@@ -119,6 +119,7 @@ class _FrontPanelState extends State<FrontPanel> {
         rebuildOnChange: true,
         builder: (context, _, model) {
           return Scaffold(
+            backgroundColor: model.cardThemeColor,
               body: Padding(
                 padding: const EdgeInsets.fromLTRB(5, 0, 5, 50),
                 child: Container(child: getRadialLinearAnimation(false)),
diff --git a/lib/samples/gauge/animation/radial_slowmiddle.dart b/lib/samples/gauge/animation/radial_slowmiddle.dart
index 346b49a1..574d764b 100644
--- a/lib/samples/gauge/animation/radial_slowmiddle.dart
+++ b/lib/samples/gauge/animation/radial_slowmiddle.dart
@@ -64,7 +64,7 @@ class _RadialSlowMiddleAnimationState extends State<RadialSlowMiddleAnimation> {
                         color: Colors.white),
                     onPressed: () {
                       launch(
-                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/chart/circular_charts/pie_series/default_pie_chart.dart');
+                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/gauge/animation/radial_slowmiddle.dart');
                     },
                   ),
                 ),
@@ -116,6 +116,7 @@ class _FrontPanelState extends State<FrontPanel> {
         rebuildOnChange: true,
         builder: (context, _, model) {
           return Scaffold(
+            backgroundColor: model.cardThemeColor,
               body: Padding(
                 padding: const EdgeInsets.fromLTRB(5, 0, 5, 50),
                 child: Container(child: getRadialSlowMiddleAnimation(false)),
diff --git a/lib/samples/gauge/annotation/direction_compass.dart b/lib/samples/gauge/annotation/direction_compass.dart
index 60af5ded..58279d05 100644
--- a/lib/samples/gauge/annotation/direction_compass.dart
+++ b/lib/samples/gauge/annotation/direction_compass.dart
@@ -62,7 +62,7 @@ class _RadialCompassState extends State<RadialCompass> {
                         color: Colors.white),
                     onPressed: () {
                       launch(
-                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/chart/circular_charts/pie_series/default_pie_chart.dart');
+                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/gauge/annotation/direction_compass.dart');
                     },
                   ),
                 ),
@@ -100,6 +100,7 @@ class _FrontPanelState extends State<FrontPanel> {
         rebuildOnChange: true,
         builder: (context, _, model) {
           return Scaffold(
+            backgroundColor: model.cardThemeColor,
               body: Padding(
                 padding: const EdgeInsets.fromLTRB(5, 0, 5, 50),
                 child: Container(child: getRadialCompass(false)),
diff --git a/lib/samples/gauge/annotation/image_annotation.dart b/lib/samples/gauge/annotation/image_annotation.dart
index 93a02e0e..a2117ced 100644
--- a/lib/samples/gauge/annotation/image_annotation.dart
+++ b/lib/samples/gauge/annotation/image_annotation.dart
@@ -62,7 +62,7 @@ class _RadialImageAnnotationState extends State<RadialImageAnnotation> {
                         color: Colors.white),
                     onPressed: () {
                       launch(
-                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/chart/circular_charts/pie_series/default_pie_chart.dart');
+                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/gauge/annotation/image_annotation.dart');
                     },
                   ),
                 ),
@@ -100,6 +100,7 @@ class _FrontPanelState extends State<FrontPanel> {
         rebuildOnChange: true,
         builder: (context, _, model) {
           return Scaffold(
+            backgroundColor: model.cardThemeColor,
               body: Padding(
                 padding: const EdgeInsets.fromLTRB(5, 0, 5, 50),
                 child: Container(child: getRadialImageAnnotation(false)),
diff --git a/lib/samples/gauge/annotation/text_annotation.dart b/lib/samples/gauge/annotation/text_annotation.dart
index db2061e2..7431d86c 100644
--- a/lib/samples/gauge/annotation/text_annotation.dart
+++ b/lib/samples/gauge/annotation/text_annotation.dart
@@ -62,7 +62,7 @@ class _RadialTextAnnotationState extends State<RadialTextAnnotation> {
                         color: Colors.white),
                     onPressed: () {
                       launch(
-                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/chart/circular_charts/pie_series/default_pie_chart.dart');
+                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/gauge/annotation/text_annotation.dart');
                     },
                   ),
                 ),
@@ -100,6 +100,7 @@ class _FrontPanelState extends State<FrontPanel> {
         rebuildOnChange: true,
         builder: (context, _, model) {
           return Scaffold(
+            backgroundColor: model.cardThemeColor,
               body: Padding(
                 padding: const EdgeInsets.fromLTRB(5, 0, 5, 50),
                 child: Container(child: getRadialTextAnnotation(false)),
diff --git a/lib/samples/gauge/axis_feature/custom_labels.dart b/lib/samples/gauge/axis_feature/custom_labels.dart
index 4bee89c0..97cd1a31 100644
--- a/lib/samples/gauge/axis_feature/custom_labels.dart
+++ b/lib/samples/gauge/axis_feature/custom_labels.dart
@@ -62,7 +62,7 @@ class _GaugeCustomLabelsState extends State<GaugeCustomLabels> {
                         color: Colors.white),
                     onPressed: () {
                       launch(
-                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/chart/circular_charts/pie_series/default_pie_chart.dart');
+                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/gauge/axis_feature/custom_labels.dart');
                     },
                   ),
                 ),
@@ -108,6 +108,7 @@ class _FrontPanelState extends State<FrontPanel> {
         rebuildOnChange: true,
         builder: (context, _, model) {
           return Scaffold(
+            backgroundColor: model.cardThemeColor,
               body: Padding(
                 padding: const EdgeInsets.fromLTRB(5, 0, 5, 50),
                 child: Container(child: getGaugeCustomLabels(false)),
diff --git a/lib/samples/gauge/axis_feature/default_gauge_view.dart b/lib/samples/gauge/axis_feature/default_gauge_view.dart
index bb7b3ead..663484e8 100644
--- a/lib/samples/gauge/axis_feature/default_gauge_view.dart
+++ b/lib/samples/gauge/axis_feature/default_gauge_view.dart
@@ -62,7 +62,7 @@ class _RadialGaugeDefaultState extends State<RadialGaugeDefault> {
                         color: Colors.white),
                     onPressed: () {
                       launch(
-                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/chart/circular_charts/pie_series/default_pie_chart.dart');
+                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/gauge/axis_feature/default_gauge_view.dart');
                     },
                   ),
                 ),
@@ -100,6 +100,7 @@ class _FrontPanelState extends State<FrontPanel> {
         rebuildOnChange: true,
         builder: (context, _, model) {
           return Scaffold(
+            backgroundColor: model.cardThemeColor,
               body: Padding(
                 padding: const EdgeInsets.fromLTRB(5, 0, 5, 50),
                 child: Container(child: getDefaultRadialGauge(false)),
diff --git a/lib/samples/gauge/axis_feature/multiple_axis.dart b/lib/samples/gauge/axis_feature/multiple_axis.dart
index 4d4ee997..d96a3b0c 100644
--- a/lib/samples/gauge/axis_feature/multiple_axis.dart
+++ b/lib/samples/gauge/axis_feature/multiple_axis.dart
@@ -62,7 +62,7 @@ class _MultipleAxisExampleState extends State<MultipleAxisExample> {
                         color: Colors.white),
                     onPressed: () {
                       launch(
-                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/chart/circular_charts/pie_series/default_pie_chart.dart');
+                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/gauge/axis_feature/multiple_axis.dart');
                     },
                   ),
                 ),
@@ -103,6 +103,7 @@ class _FrontPanelState extends State<FrontPanel> {
         rebuildOnChange: true,
         builder: (context, _, model) {
           return Scaffold(
+            backgroundColor: model.cardThemeColor,
               body: Padding(
                 padding: const EdgeInsets.fromLTRB(5, 0, 5, 50),
                 child: Container(child: getMultipleAxisGauge(false)),
diff --git a/lib/samples/gauge/axis_feature/non_linearlabel.dart b/lib/samples/gauge/axis_feature/non_linearlabel.dart
index a93158fe..efb6faa9 100644
--- a/lib/samples/gauge/axis_feature/non_linearlabel.dart
+++ b/lib/samples/gauge/axis_feature/non_linearlabel.dart
@@ -63,7 +63,7 @@ class _RadialNonLinearLabelState extends State<RadialNonLinearLabel> {
                         color: Colors.white),
                     onPressed: () {
                       launch(
-                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/chart/circular_charts/pie_series/default_pie_chart.dart');
+                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/gauge/axis_feature/non_linearlabel.dart');
                     },
                   ),
                 ),
@@ -104,6 +104,7 @@ class _FrontPanelState extends State<FrontPanel> {
         rebuildOnChange: true,
         builder: (context, _, model) {
           return Scaffold(
+            backgroundColor: model.cardThemeColor,
               body: Padding(
                 padding: const EdgeInsets.fromLTRB(5, 0, 5, 50),
                 child: Container(child: getRadialNonLinearLabel(false)),
diff --git a/lib/samples/gauge/axis_feature/radiallabel_customization.dart b/lib/samples/gauge/axis_feature/radiallabel_customization.dart
index e0178d62..9545d76c 100644
--- a/lib/samples/gauge/axis_feature/radiallabel_customization.dart
+++ b/lib/samples/gauge/axis_feature/radiallabel_customization.dart
@@ -62,7 +62,7 @@ class _RadialLabelCustomizationState extends State<RadialLabelCustomization> {
                         color: Colors.white),
                     onPressed: () {
                       launch(
-                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/chart/circular_charts/pie_series/default_pie_chart.dart');
+                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/gauge/axis_feature/radiallabel_customization.dart');
                     },
                   ),
                 ),
@@ -100,6 +100,7 @@ class _FrontPanelState extends State<FrontPanel> {
         rebuildOnChange: true,
         builder: (context, _, model) {
           return Scaffold(
+            backgroundColor: model.cardThemeColor,
               body: Padding(
                 padding: const EdgeInsets.fromLTRB(5, 0, 5, 50),
                 child: Container(child: getRadialLabelCustomization(false)),
diff --git a/lib/samples/gauge/axis_feature/range_colors.dart b/lib/samples/gauge/axis_feature/range_colors.dart
index 8582eef9..56141422 100644
--- a/lib/samples/gauge/axis_feature/range_colors.dart
+++ b/lib/samples/gauge/axis_feature/range_colors.dart
@@ -64,7 +64,7 @@ class _RangeColorForLabelsState extends State<RangeColorForLabels> {
                         color: Colors.white),
                     onPressed: () {
                       launch(
-                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/chart/circular_charts/pie_series/default_pie_chart.dart');
+                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/gauge/axis_feature/range_colors.dart');
                     },
                   ),
                 ),
@@ -116,6 +116,7 @@ class _FrontPanelState extends State<FrontPanel> {
         rebuildOnChange: true,
         builder: (context, _, model) {
           return Scaffold(
+            backgroundColor: model.cardThemeColor,
               body: Padding(
                 padding: const EdgeInsets.fromLTRB(5, 0, 5, 50),
                 child: Container(child: getRangeColorForLabels(false)),
diff --git a/lib/samples/gauge/axis_feature/tick_customization.dart b/lib/samples/gauge/axis_feature/tick_customization.dart
index 4e4f7c4e..ed91a417 100644
--- a/lib/samples/gauge/axis_feature/tick_customization.dart
+++ b/lib/samples/gauge/axis_feature/tick_customization.dart
@@ -62,7 +62,7 @@ class _RadialTickCustomizationState extends State< RadialTickCustomization> {
                         color: Colors.white),
                     onPressed: () {
                       launch(
-                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/chart/circular_charts/pie_series/default_pie_chart.dart');
+                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/gauge/axis_feature/tick_customization.dart');
                     },
                   ),
                 ),
@@ -100,6 +100,7 @@ class _FrontPanelState extends State<FrontPanel> {
         rebuildOnChange: true,
         builder: (context, _, model) {
           return Scaffold(
+            backgroundColor: model.cardThemeColor,
               body: Padding(
                 padding: const EdgeInsets.fromLTRB(5, 0, 5, 50),
                 child: Container(child: getRadialTickCustomization(false)),
diff --git a/lib/samples/gauge/pointer_interaction/radial_pointerdragging.dart b/lib/samples/gauge/pointer_interaction/radial_pointerdragging.dart
index 2feeeea8..a838eabd 100644
--- a/lib/samples/gauge/pointer_interaction/radial_pointerdragging.dart
+++ b/lib/samples/gauge/pointer_interaction/radial_pointerdragging.dart
@@ -62,7 +62,7 @@ class _RadialPointerDraggingState extends State<RadialPointerDragging> {
                         color: Colors.white),
                     onPressed: () {
                       launch(
-                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/chart/circular_charts/pie_series/default_pie_chart.dart');
+                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/gauge/pointer_interaction/radial_pointerdragging.dart');
                     },
                   ),
                 ),
@@ -103,6 +103,7 @@ class _FrontPanelState extends State<FrontPanel> {
         rebuildOnChange: true,
         builder: (context, _, model) {
           return Scaffold(
+            backgroundColor: model.cardThemeColor,
               body: Padding(
                 padding: const EdgeInsets.fromLTRB(5, 0, 5, 50),
                 child: Container(child: getRadialPointerDragging(false)),
diff --git a/lib/samples/gauge/pointers/multiple_needle.dart b/lib/samples/gauge/pointers/multiple_needle.dart
index 4d9a9194..50925bf3 100644
--- a/lib/samples/gauge/pointers/multiple_needle.dart
+++ b/lib/samples/gauge/pointers/multiple_needle.dart
@@ -62,7 +62,7 @@ class _MultipleNeedleExampleState extends State<MultipleNeedleExample> {
                         color: Colors.white),
                     onPressed: () {
                       launch(
-                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/chart/circular_charts/pie_series/default_pie_chart.dart');
+                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/gauge/pointers/multiple_needle.dart');
                     },
                   ),
                 ),
@@ -100,6 +100,7 @@ class _FrontPanelState extends State<FrontPanel> {
         rebuildOnChange: true,
         builder: (context, _, model) {
           return Scaffold(
+            backgroundColor: model.cardThemeColor,
               body: Padding(
                 padding: const EdgeInsets.fromLTRB(5, 0, 5, 50),
                 child: Container(child: getMultipleNeedleExample(false)),
diff --git a/lib/samples/gauge/pointers/multiple_ranges.dart b/lib/samples/gauge/pointers/multiple_ranges.dart
index 857d6b7f..90095308 100644
--- a/lib/samples/gauge/pointers/multiple_ranges.dart
+++ b/lib/samples/gauge/pointers/multiple_ranges.dart
@@ -62,7 +62,7 @@ class _MultipleRangePointerExampleState extends State<MultipleRangePointerExampl
                         color: Colors.white),
                     onPressed: () {
                       launch(
-                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/chart/circular_charts/pie_series/default_pie_chart.dart');
+                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/gauge/pointers/multiple_ranges.dart');
                     },
                   ),
                 ),
@@ -104,6 +104,7 @@ class _FrontPanelState extends State<FrontPanel> {
         rebuildOnChange: true,
         builder: (context, _, model) {
           return Scaffold(
+            backgroundColor: model.cardThemeColor,
               body: Padding(
                 padding: const EdgeInsets.fromLTRB(5, 0, 5, 50),
                 child: Container(child: getMultipleRangePointerExampleGauge(false)),
diff --git a/lib/samples/gauge/pointers/radial_marker.dart b/lib/samples/gauge/pointers/radial_marker.dart
index 23acb981..fcd95b05 100644
--- a/lib/samples/gauge/pointers/radial_marker.dart
+++ b/lib/samples/gauge/pointers/radial_marker.dart
@@ -62,7 +62,7 @@ class _RadialMarkerExampleState extends State<RadialMarkerExample> {
                         color: Colors.white),
                     onPressed: () {
                       launch(
-                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/chart/circular_charts/pie_series/default_pie_chart.dart');
+                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/gauge/pointers/radial_marker.dart');
                     },
                   ),
                 ),
@@ -100,6 +100,7 @@ class _FrontPanelState extends State<FrontPanel> {
         rebuildOnChange: true,
         builder: (context, _, model) {
           return Scaffold(
+            backgroundColor: model.cardThemeColor,
               body: Padding(
                 padding: const EdgeInsets.fromLTRB(5, 0, 5, 50),
                 child: Container(child: getRadialMarkerExample(false)),
diff --git a/lib/samples/gauge/pointers/text_pointer.dart b/lib/samples/gauge/pointers/text_pointer.dart
index 3f611315..5e2c83dd 100644
--- a/lib/samples/gauge/pointers/text_pointer.dart
+++ b/lib/samples/gauge/pointers/text_pointer.dart
@@ -62,7 +62,7 @@ class _RadialTextPointerState extends State<RadialTextPointer> {
                         color: Colors.white),
                     onPressed: () {
                       launch(
-                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/chart/circular_charts/pie_series/default_pie_chart.dart');
+                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/gauge/pointers/text_pointer.dart');
                     },
                   ),
                 ),
@@ -100,6 +100,7 @@ class _FrontPanelState extends State<FrontPanel> {
         rebuildOnChange: true,
         builder: (context, _, model) {
           return Scaffold(
+            backgroundColor: model.cardThemeColor,
               body: Padding(
                 padding: const EdgeInsets.fromLTRB(5, 0, 5, 50),
                 child: Container(child: getRadialTextPointer(false)),
diff --git a/lib/samples/gauge/ranges/multiple_ranges.dart b/lib/samples/gauge/ranges/multiple_ranges.dart
index 2002a75c..31698090 100644
--- a/lib/samples/gauge/ranges/multiple_ranges.dart
+++ b/lib/samples/gauge/ranges/multiple_ranges.dart
@@ -62,7 +62,7 @@ class _MultipleRangesExampleState extends State<MultipleRangesExample> {
                         color: Colors.white),
                     onPressed: () {
                       launch(
-                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/chart/circular_charts/pie_series/default_pie_chart.dart');
+                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/gauge/ranges/multiple_ranges.dart');
                     },
                   ),
                 ),
@@ -103,6 +103,7 @@ class _FrontPanelState extends State<FrontPanel> {
         rebuildOnChange: true,
         builder: (context, _, model) {
           return Scaffold(
+            backgroundColor: model.cardThemeColor,
               body: Padding(
                 padding: const EdgeInsets.fromLTRB(5, 0, 5, 50),
                 child: Container(child: getMultipleRangesExampleGauge(false)),
diff --git a/lib/samples/gauge/ranges/range_dataLabel.dart b/lib/samples/gauge/ranges/range_dataLabel.dart
index ad3c0531..fcb87218 100644
--- a/lib/samples/gauge/ranges/range_dataLabel.dart
+++ b/lib/samples/gauge/ranges/range_dataLabel.dart
@@ -62,7 +62,7 @@ class _RangeDataLabelExampleState extends State<RangeDataLabelExample> {
                         color: Colors.white),
                     onPressed: () {
                       launch(
-                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/chart/circular_charts/pie_series/default_pie_chart.dart');
+                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/gauge/ranges/range_dataLabel.dart');
                     },
                   ),
                 ),
@@ -100,6 +100,7 @@ class _FrontPanelState extends State<FrontPanel> {
         rebuildOnChange: true,
         builder: (context, _, model) {
           return Scaffold(
+            backgroundColor: model.cardThemeColor,
               body: Padding(
                 padding: const EdgeInsets.fromLTRB(5, 0, 5, 50),
                 child: Container(child: getRangeDataLabelExample(false)),
diff --git a/lib/samples/gauge/ranges/range_thickness.dart b/lib/samples/gauge/ranges/range_thickness.dart
index a6816944..5d1b93af 100644
--- a/lib/samples/gauge/ranges/range_thickness.dart
+++ b/lib/samples/gauge/ranges/range_thickness.dart
@@ -62,7 +62,7 @@ class _RangeThicknessExampleState extends State<RangeThicknessExample> {
                         color: Colors.white),
                     onPressed: () {
                       launch(
-                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/chart/circular_charts/pie_series/default_pie_chart.dart');
+                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/gauge/ranges/range_thickness.dart');
                     },
                   ),
                 ),
@@ -100,6 +100,7 @@ class _FrontPanelState extends State<FrontPanel> {
         rebuildOnChange: true,
         builder: (context, _, model) {
           return Scaffold(
+            backgroundColor: model.cardThemeColor,
               body: Padding(
                 padding: const EdgeInsets.fromLTRB(5, 0, 5, 50),
                 child: Container(child: getRangeThicknessExampleGauge(false)),
diff --git a/lib/samples/gauge/showcase/clock_sample.dart b/lib/samples/gauge/showcase/clock_sample.dart
index 83c56a5d..9ffa1b16 100644
--- a/lib/samples/gauge/showcase/clock_sample.dart
+++ b/lib/samples/gauge/showcase/clock_sample.dart
@@ -63,7 +63,7 @@ class _ClockExampleState extends State<ClockExample> {
                         color: Colors.white),
                     onPressed: () {
                       launch(
-                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/chart/circular_charts/pie_series/default_pie_chart.dart');
+                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/gauge/showcase/clock_sample.dart');
                     },
                   ),
                 ),
@@ -133,6 +133,7 @@ class _FrontPanelState extends State<FrontPanel> {
         rebuildOnChange: true,
         builder: (context, _, model) {
           return Scaffold(
+            backgroundColor: model.cardThemeColor,
               body: Padding(
                 padding: const EdgeInsets.fromLTRB(5, 0, 5, 50),
                 child: Container(child: getClockExample(false)),
diff --git a/lib/samples/gauge/showcase/distance_tracker.dart b/lib/samples/gauge/showcase/distance_tracker.dart
index 2baa0af3..74594a64 100644
--- a/lib/samples/gauge/showcase/distance_tracker.dart
+++ b/lib/samples/gauge/showcase/distance_tracker.dart
@@ -62,7 +62,7 @@ class _DistanceTrackerExampleState extends State<DistanceTrackerExample> {
                         color: Colors.white),
                     onPressed: () {
                       launch(
-                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/chart/circular_charts/pie_series/default_pie_chart.dart');
+                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/gauge/showcase/distance_tracker.dart');
                     },
                   ),
                 ),
@@ -100,6 +100,7 @@ class _FrontPanelState extends State<FrontPanel> {
         rebuildOnChange: true,
         builder: (context, _, model) {
           return Scaffold(
+            backgroundColor: model.cardThemeColor,
               body: Padding(
                 padding: const EdgeInsets.fromLTRB(5, 0, 5, 50),
                 child: Container(child: getDistanceTrackerExample(false)),
diff --git a/lib/samples/gauge/showcase/gauge_overview.dart b/lib/samples/gauge/showcase/gauge_overview.dart
index 1497ca99..e01e1bb0 100644
--- a/lib/samples/gauge/showcase/gauge_overview.dart
+++ b/lib/samples/gauge/showcase/gauge_overview.dart
@@ -62,7 +62,7 @@ class _GaugeOverviewExampleState extends State<GaugeOverviewExample> {
                         color: Colors.white),
                     onPressed: () {
                       launch(
-                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/chart/circular_charts/pie_series/default_pie_chart.dart');
+                          'https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/gauge/showcase/gauge_overview.dart');
                     },
                   ),
                 ),
@@ -103,6 +103,7 @@ class _FrontPanelState extends State<FrontPanel> {
         rebuildOnChange: true,
         builder: (context, _, model) {
           return Scaffold(
+            backgroundColor: model.cardThemeColor,
               body: Padding(
                 padding: const EdgeInsets.fromLTRB(5, 0, 5, 50),
                 child: Container(child: getGaugeOverviewExample(false)),