diff --git a/apps/demos/testing/etalons/Charts-Annotation (fluent-next.blue.light).png b/apps/demos/testing/etalons/Charts-Annotation (fluent-next.blue.light).png
index 2f2bdc6f555c..aa5dbbdbd3e6 100644
Binary files a/apps/demos/testing/etalons/Charts-Annotation (fluent-next.blue.light).png and b/apps/demos/testing/etalons/Charts-Annotation (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-AreaSelectionZooming (fluent-next.blue.light).png b/apps/demos/testing/etalons/Charts-AreaSelectionZooming (fluent-next.blue.light).png
index bd2c1c3b905b..18d3e6fcd8ce 100644
Binary files a/apps/demos/testing/etalons/Charts-AreaSelectionZooming (fluent-next.blue.light).png and b/apps/demos/testing/etalons/Charts-AreaSelectionZooming (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-AxisCustomPosition (fluent-next.blue.light).png b/apps/demos/testing/etalons/Charts-AxisCustomPosition (fluent-next.blue.light).png
index 1c3ed520785e..ae88c6ad12c2 100644
Binary files a/apps/demos/testing/etalons/Charts-AxisCustomPosition (fluent-next.blue.light).png and b/apps/demos/testing/etalons/Charts-AxisCustomPosition (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-Candlestick (fluent-next.blue.light).png b/apps/demos/testing/etalons/Charts-Candlestick (fluent-next.blue.light).png
index ed9563265185..280e5d655f19 100644
Binary files a/apps/demos/testing/etalons/Charts-Candlestick (fluent-next.blue.light).png and b/apps/demos/testing/etalons/Charts-Candlestick (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-CenterLabelCustomization (fluent-next.blue.light).png b/apps/demos/testing/etalons/Charts-CenterLabelCustomization (fluent-next.blue.light).png
index f761b65626c5..e2d8b024c471 100644
Binary files a/apps/demos/testing/etalons/Charts-CenterLabelCustomization (fluent-next.blue.light).png and b/apps/demos/testing/etalons/Charts-CenterLabelCustomization (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-ContinuousData (fluent-next.blue.light).png b/apps/demos/testing/etalons/Charts-ContinuousData (fluent-next.blue.light).png
index 264638db07ea..b253f820fad9 100644
Binary files a/apps/demos/testing/etalons/Charts-ContinuousData (fluent-next.blue.light).png and b/apps/demos/testing/etalons/Charts-ContinuousData (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-Crosshair (fluent-next.blue.light).png b/apps/demos/testing/etalons/Charts-Crosshair (fluent-next.blue.light).png
index 27cb3f48d7a1..145781ace43e 100644
Binary files a/apps/demos/testing/etalons/Charts-Crosshair (fluent-next.blue.light).png and b/apps/demos/testing/etalons/Charts-Crosshair (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-CustomAnnotations (fluent-next.blue.light).png b/apps/demos/testing/etalons/Charts-CustomAnnotations (fluent-next.blue.light).png
index 3248cbc187c5..3958f572d944 100644
Binary files a/apps/demos/testing/etalons/Charts-CustomAnnotations (fluent-next.blue.light).png and b/apps/demos/testing/etalons/Charts-CustomAnnotations (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-CustomFillStyles (fluent-next.blue.light).png b/apps/demos/testing/etalons/Charts-CustomFillStyles (fluent-next.blue.light).png
index 061c251b4275..f25ca2d720ad 100644
Binary files a/apps/demos/testing/etalons/Charts-CustomFillStyles (fluent-next.blue.light).png and b/apps/demos/testing/etalons/Charts-CustomFillStyles (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-DiscretePointsAggregation (fluent-next.blue.light).png b/apps/demos/testing/etalons/Charts-DiscretePointsAggregation (fluent-next.blue.light).png
index 3027f16354d9..9c0f35e221e1 100644
Binary files a/apps/demos/testing/etalons/Charts-DiscretePointsAggregation (fluent-next.blue.light).png and b/apps/demos/testing/etalons/Charts-DiscretePointsAggregation (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-ErrorBars (fluent-next.blue.light).png b/apps/demos/testing/etalons/Charts-ErrorBars (fluent-next.blue.light).png
index 7b063068ed34..5f0bde113835 100644
Binary files a/apps/demos/testing/etalons/Charts-ErrorBars (fluent-next.blue.light).png and b/apps/demos/testing/etalons/Charts-ErrorBars (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-FlatDataStructure (fluent-next.blue.light).png b/apps/demos/testing/etalons/Charts-FlatDataStructure (fluent-next.blue.light).png
index d1cc9a30ca46..5c97ba6dd5b6 100644
Binary files a/apps/demos/testing/etalons/Charts-FlatDataStructure (fluent-next.blue.light).png and b/apps/demos/testing/etalons/Charts-FlatDataStructure (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-FullStackedBar (fluent-next.blue.light).png b/apps/demos/testing/etalons/Charts-FullStackedBar (fluent-next.blue.light).png
index 1f9417bcfae3..e00755211f68 100644
Binary files a/apps/demos/testing/etalons/Charts-FullStackedBar (fluent-next.blue.light).png and b/apps/demos/testing/etalons/Charts-FullStackedBar (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-HierarchicalDataStructure (fluent-next.blue.light).png b/apps/demos/testing/etalons/Charts-HierarchicalDataStructure (fluent-next.blue.light).png
index d1cc9a30ca46..5c97ba6dd5b6 100644
Binary files a/apps/demos/testing/etalons/Charts-HierarchicalDataStructure (fluent-next.blue.light).png and b/apps/demos/testing/etalons/Charts-HierarchicalDataStructure (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-HoverMode (fluent-next.blue.light).png b/apps/demos/testing/etalons/Charts-HoverMode (fluent-next.blue.light).png
index a711cd7d4a55..c5d283368d01 100644
Binary files a/apps/demos/testing/etalons/Charts-HoverMode (fluent-next.blue.light).png and b/apps/demos/testing/etalons/Charts-HoverMode (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-InvertedChart (fluent-next.blue.light).png b/apps/demos/testing/etalons/Charts-InvertedChart (fluent-next.blue.light).png
index ab7ed53ef18d..4edf43cf1687 100644
Binary files a/apps/demos/testing/etalons/Charts-InvertedChart (fluent-next.blue.light).png and b/apps/demos/testing/etalons/Charts-InvertedChart (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-LegendMarkersCustomization (fluent-next.blue.light).png b/apps/demos/testing/etalons/Charts-LegendMarkersCustomization (fluent-next.blue.light).png
index 381a8c391c8a..d0bbc3d1b3ed 100644
Binary files a/apps/demos/testing/etalons/Charts-LegendMarkersCustomization (fluent-next.blue.light).png and b/apps/demos/testing/etalons/Charts-LegendMarkersCustomization (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-LogarithmicAxis (fluent-next.blue.light).png b/apps/demos/testing/etalons/Charts-LogarithmicAxis (fluent-next.blue.light).png
index 427bf4d11116..03f58285dcd4 100644
Binary files a/apps/demos/testing/etalons/Charts-LogarithmicAxis (fluent-next.blue.light).png and b/apps/demos/testing/etalons/Charts-LogarithmicAxis (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-LogarithmicVsLinearAxes (fluent-next.blue.light).png b/apps/demos/testing/etalons/Charts-LogarithmicVsLinearAxes (fluent-next.blue.light).png
index 63bbd13a924f..efd702a02407 100644
Binary files a/apps/demos/testing/etalons/Charts-LogarithmicVsLinearAxes (fluent-next.blue.light).png and b/apps/demos/testing/etalons/Charts-LogarithmicVsLinearAxes (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-MultiplePanes (fluent-next.blue.light).png b/apps/demos/testing/etalons/Charts-MultiplePanes (fluent-next.blue.light).png
index e219829b30f0..7832bd856348 100644
Binary files a/apps/demos/testing/etalons/Charts-MultiplePanes (fluent-next.blue.light).png and b/apps/demos/testing/etalons/Charts-MultiplePanes (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-MultipleSeriesSelection (fluent-next.blue.light).png b/apps/demos/testing/etalons/Charts-MultipleSeriesSelection (fluent-next.blue.light).png
index d3f6b8f3cab8..71253c68127b 100644
Binary files a/apps/demos/testing/etalons/Charts-MultipleSeriesSelection (fluent-next.blue.light).png and b/apps/demos/testing/etalons/Charts-MultipleSeriesSelection (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-PeriodicData (fluent-next.blue.light).png b/apps/demos/testing/etalons/Charts-PeriodicData (fluent-next.blue.light).png
index cd7d71dc8272..3db41f4e9adc 100644
Binary files a/apps/demos/testing/etalons/Charts-PeriodicData (fluent-next.blue.light).png and b/apps/demos/testing/etalons/Charts-PeriodicData (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-PointsAggregationFinancialChart (fluent-next.blue.light).png b/apps/demos/testing/etalons/Charts-PointsAggregationFinancialChart (fluent-next.blue.light).png
index d4967a6ad054..5531ffa4022f 100644
Binary files a/apps/demos/testing/etalons/Charts-PointsAggregationFinancialChart (fluent-next.blue.light).png and b/apps/demos/testing/etalons/Charts-PointsAggregationFinancialChart (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-PolarChartZoomingAndScrollingAPI (fluent-next.blue.light).png b/apps/demos/testing/etalons/Charts-PolarChartZoomingAndScrollingAPI (fluent-next.blue.light).png
index 9d3e7e6b0bc4..3fa729a1b86f 100644
Binary files a/apps/demos/testing/etalons/Charts-PolarChartZoomingAndScrollingAPI (fluent-next.blue.light).png and b/apps/demos/testing/etalons/Charts-PolarChartZoomingAndScrollingAPI (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-ResolveLabelOverlap (fluent-next.blue.light).png b/apps/demos/testing/etalons/Charts-ResolveLabelOverlap (fluent-next.blue.light).png
index 5aaab767290d..e8f1dd2b6bba 100644
Binary files a/apps/demos/testing/etalons/Charts-ResolveLabelOverlap (fluent-next.blue.light).png and b/apps/demos/testing/etalons/Charts-ResolveLabelOverlap (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-SankeyChart (fluent-next.blue.light).png b/apps/demos/testing/etalons/Charts-SankeyChart (fluent-next.blue.light).png
index 033d4eb0c69c..a5aca10feb87 100644
Binary files a/apps/demos/testing/etalons/Charts-SankeyChart (fluent-next.blue.light).png and b/apps/demos/testing/etalons/Charts-SankeyChart (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-ScaleBreaks (fluent-next.blue.light).png b/apps/demos/testing/etalons/Charts-ScaleBreaks (fluent-next.blue.light).png
index 4a6ffd1b19ad..1bc4c20ce48c 100644
Binary files a/apps/demos/testing/etalons/Charts-ScaleBreaks (fluent-next.blue.light).png and b/apps/demos/testing/etalons/Charts-ScaleBreaks (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-Scatter (fluent-next.blue.light).png b/apps/demos/testing/etalons/Charts-Scatter (fluent-next.blue.light).png
index 99cfa46ec381..282b9b570292 100644
Binary files a/apps/demos/testing/etalons/Charts-Scatter (fluent-next.blue.light).png and b/apps/demos/testing/etalons/Charts-Scatter (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-Selection (fluent-next.blue.light).png b/apps/demos/testing/etalons/Charts-Selection (fluent-next.blue.light).png
index 2dc0261ea74c..03296e8cefe6 100644
Binary files a/apps/demos/testing/etalons/Charts-Selection (fluent-next.blue.light).png and b/apps/demos/testing/etalons/Charts-Selection (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-ServerSideDataProcessing (fluent-next.blue.light).png b/apps/demos/testing/etalons/Charts-ServerSideDataProcessing (fluent-next.blue.light).png
index 6df8d84e88b4..0a36b77914c8 100644
Binary files a/apps/demos/testing/etalons/Charts-ServerSideDataProcessing (fluent-next.blue.light).png and b/apps/demos/testing/etalons/Charts-ServerSideDataProcessing (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-SideBySideBar (fluent-next.blue.light).png b/apps/demos/testing/etalons/Charts-SideBySideBar (fluent-next.blue.light).png
index 5ea66e44cc6b..40951148188e 100644
Binary files a/apps/demos/testing/etalons/Charts-SideBySideBar (fluent-next.blue.light).png and b/apps/demos/testing/etalons/Charts-SideBySideBar (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-SideBySideFullStackedBar (fluent-next.blue.light).png b/apps/demos/testing/etalons/Charts-SideBySideFullStackedBar (fluent-next.blue.light).png
index daf95e1b72cf..0c30f619beb2 100644
Binary files a/apps/demos/testing/etalons/Charts-SideBySideFullStackedBar (fluent-next.blue.light).png and b/apps/demos/testing/etalons/Charts-SideBySideFullStackedBar (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-SideBySideStackedBar (fluent-next.blue.light).png b/apps/demos/testing/etalons/Charts-SideBySideStackedBar (fluent-next.blue.light).png
index 168b787d1cf2..4d0cc33d8fbf 100644
Binary files a/apps/demos/testing/etalons/Charts-SideBySideStackedBar (fluent-next.blue.light).png and b/apps/demos/testing/etalons/Charts-SideBySideStackedBar (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-SignalRService (fluent-next.blue.light).png b/apps/demos/testing/etalons/Charts-SignalRService (fluent-next.blue.light).png
index d23bcea13c91..92c25d01ac8d 100644
Binary files a/apps/demos/testing/etalons/Charts-SignalRService (fluent-next.blue.light).png and b/apps/demos/testing/etalons/Charts-SignalRService (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-SimpleArray (fluent-next.blue.light).png b/apps/demos/testing/etalons/Charts-SimpleArray (fluent-next.blue.light).png
index c73cbae526d7..5c2effa686e8 100644
Binary files a/apps/demos/testing/etalons/Charts-SimpleArray (fluent-next.blue.light).png and b/apps/demos/testing/etalons/Charts-SimpleArray (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-SpiderWeb (fluent-next.blue.light).png b/apps/demos/testing/etalons/Charts-SpiderWeb (fluent-next.blue.light).png
index ad615e9f0829..ff6b7ec9bdbd 100644
Binary files a/apps/demos/testing/etalons/Charts-SpiderWeb (fluent-next.blue.light).png and b/apps/demos/testing/etalons/Charts-SpiderWeb (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-StackedBar (fluent-next.blue.light).png b/apps/demos/testing/etalons/Charts-StackedBar (fluent-next.blue.light).png
index cfdbe2d59b1a..132a29c80259 100644
Binary files a/apps/demos/testing/etalons/Charts-StackedBar (fluent-next.blue.light).png and b/apps/demos/testing/etalons/Charts-StackedBar (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-Stock (fluent-next.blue.light).png b/apps/demos/testing/etalons/Charts-Stock (fluent-next.blue.light).png
index 3932b5bca840..bfc858b53891 100644
Binary files a/apps/demos/testing/etalons/Charts-Stock (fluent-next.blue.light).png and b/apps/demos/testing/etalons/Charts-Stock (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-TilingAlgorithms (fluent-next.blue.light).png b/apps/demos/testing/etalons/Charts-TilingAlgorithms (fluent-next.blue.light).png
index 5046db912378..48bfb9cf786d 100644
Binary files a/apps/demos/testing/etalons/Charts-TilingAlgorithms (fluent-next.blue.light).png and b/apps/demos/testing/etalons/Charts-TilingAlgorithms (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-Timeline (fluent-next.blue.light).png b/apps/demos/testing/etalons/Charts-Timeline (fluent-next.blue.light).png
index 64d304762674..a31b7887f4c8 100644
Binary files a/apps/demos/testing/etalons/Charts-Timeline (fluent-next.blue.light).png and b/apps/demos/testing/etalons/Charts-Timeline (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gauges-LabelsCustomization (fluent-next.blue.light).png b/apps/demos/testing/etalons/Gauges-LabelsCustomization (fluent-next.blue.light).png
index e668148839b9..e55901b86c1d 100644
Binary files a/apps/demos/testing/etalons/Gauges-LabelsCustomization (fluent-next.blue.light).png and b/apps/demos/testing/etalons/Gauges-LabelsCustomization (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gauges-LinearGauge (fluent-next.blue.light).png b/apps/demos/testing/etalons/Gauges-LinearGauge (fluent-next.blue.light).png
index 3653543e3710..ff513f679e5f 100644
Binary files a/apps/demos/testing/etalons/Gauges-LinearGauge (fluent-next.blue.light).png and b/apps/demos/testing/etalons/Gauges-LinearGauge (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gauges-Tooltip (fluent-next.blue.light).png b/apps/demos/testing/etalons/Gauges-Tooltip (fluent-next.blue.light).png
index 1a0c945a9c74..395648411379 100644
Binary files a/apps/demos/testing/etalons/Gauges-Tooltip (fluent-next.blue.light).png and b/apps/demos/testing/etalons/Gauges-Tooltip (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gauges-VariableNumberOfBars (fluent-next.blue.light).png b/apps/demos/testing/etalons/Gauges-VariableNumberOfBars (fluent-next.blue.light).png
index 213439396723..328a64c8d3c7 100644
Binary files a/apps/demos/testing/etalons/Gauges-VariableNumberOfBars (fluent-next.blue.light).png and b/apps/demos/testing/etalons/Gauges-VariableNumberOfBars (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/PivotGrid-ChartIntegration (fluent-next.blue.light).png b/apps/demos/testing/etalons/PivotGrid-ChartIntegration (fluent-next.blue.light).png
index 109f73c17fb7..f4738d64e6a4 100644
Binary files a/apps/demos/testing/etalons/PivotGrid-ChartIntegration (fluent-next.blue.light).png and b/apps/demos/testing/etalons/PivotGrid-ChartIntegration (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/PivotGrid-Overview (fluent-next.blue.light).png b/apps/demos/testing/etalons/PivotGrid-Overview (fluent-next.blue.light).png
index 41a93749099d..9cf0edb99b71 100644
Binary files a/apps/demos/testing/etalons/PivotGrid-Overview (fluent-next.blue.light).png and b/apps/demos/testing/etalons/PivotGrid-Overview (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/RangeSelector-DateTimeScale (fluent-next.blue.light).png b/apps/demos/testing/etalons/RangeSelector-DateTimeScale (fluent-next.blue.light).png
index 4fff44017d18..333521c16186 100644
Binary files a/apps/demos/testing/etalons/RangeSelector-DateTimeScale (fluent-next.blue.light).png and b/apps/demos/testing/etalons/RangeSelector-DateTimeScale (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/RangeSelector-DiscreteScale (fluent-next.blue.light).png b/apps/demos/testing/etalons/RangeSelector-DiscreteScale (fluent-next.blue.light).png
index 005ddee4b228..e5cb69a557ad 100644
Binary files a/apps/demos/testing/etalons/RangeSelector-DiscreteScale (fluent-next.blue.light).png and b/apps/demos/testing/etalons/RangeSelector-DiscreteScale (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/RangeSelector-EmbeddedChart (fluent-next.blue.light).png b/apps/demos/testing/etalons/RangeSelector-EmbeddedChart (fluent-next.blue.light).png
index 2fcce1eea097..ae4af1eeb917 100644
Binary files a/apps/demos/testing/etalons/RangeSelector-EmbeddedChart (fluent-next.blue.light).png and b/apps/demos/testing/etalons/RangeSelector-EmbeddedChart (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/RangeSelector-EmbeddedChartSeriesTemplate (fluent-next.blue.light).png b/apps/demos/testing/etalons/RangeSelector-EmbeddedChartSeriesTemplate (fluent-next.blue.light).png
index 50626c282685..ff9803faf823 100644
Binary files a/apps/demos/testing/etalons/RangeSelector-EmbeddedChartSeriesTemplate (fluent-next.blue.light).png and b/apps/demos/testing/etalons/RangeSelector-EmbeddedChartSeriesTemplate (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/RangeSelector-LogarithmicScale (fluent-next.blue.light).png b/apps/demos/testing/etalons/RangeSelector-LogarithmicScale (fluent-next.blue.light).png
index 5f63d42ac86f..8706e596ea76 100644
Binary files a/apps/demos/testing/etalons/RangeSelector-LogarithmicScale (fluent-next.blue.light).png and b/apps/demos/testing/etalons/RangeSelector-LogarithmicScale (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/VectorMap-Overview (fluent-next.blue.light).png b/apps/demos/testing/etalons/VectorMap-Overview (fluent-next.blue.light).png
index 8c1fdc67cdb5..4227f35443f0 100644
Binary files a/apps/demos/testing/etalons/VectorMap-Overview (fluent-next.blue.light).png and b/apps/demos/testing/etalons/VectorMap-Overview (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/etalons/VectorMap-PieMarkers (fluent-next.blue.light).png b/apps/demos/testing/etalons/VectorMap-PieMarkers (fluent-next.blue.light).png
index 9016abdca34b..a3c2a50ba168 100644
Binary files a/apps/demos/testing/etalons/VectorMap-PieMarkers (fluent-next.blue.light).png and b/apps/demos/testing/etalons/VectorMap-PieMarkers (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/widgets/charts/etalons/annotations_drag (fluent-next.blue.light).png b/apps/demos/testing/widgets/charts/etalons/annotations_drag (fluent-next.blue.light).png
index 7d4ae32aebaa..83099e0470c1 100644
Binary files a/apps/demos/testing/widgets/charts/etalons/annotations_drag (fluent-next.blue.light).png and b/apps/demos/testing/widgets/charts/etalons/annotations_drag (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/widgets/charts/etalons/charts_crosshair (fluent-next.blue.light).png b/apps/demos/testing/widgets/charts/etalons/charts_crosshair (fluent-next.blue.light).png
index 8041be025778..abab992105ca 100644
Binary files a/apps/demos/testing/widgets/charts/etalons/charts_crosshair (fluent-next.blue.light).png and b/apps/demos/testing/widgets/charts/etalons/charts_crosshair (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/widgets/charts/etalons/charts_custom_legend_marker (fluent-next.blue.light).png b/apps/demos/testing/widgets/charts/etalons/charts_custom_legend_marker (fluent-next.blue.light).png
index 4f07930c0259..1f729159934b 100644
Binary files a/apps/demos/testing/widgets/charts/etalons/charts_custom_legend_marker (fluent-next.blue.light).png and b/apps/demos/testing/widgets/charts/etalons/charts_custom_legend_marker (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/widgets/charts/etalons/reset_zooming_by_selection (fluent-next.blue.light).png b/apps/demos/testing/widgets/charts/etalons/reset_zooming_by_selection (fluent-next.blue.light).png
index 94c57d79e6cb..364ca9974c6b 100644
Binary files a/apps/demos/testing/widgets/charts/etalons/reset_zooming_by_selection (fluent-next.blue.light).png and b/apps/demos/testing/widgets/charts/etalons/reset_zooming_by_selection (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/widgets/charts/etalons/zooming_by_selection (fluent-next.blue.light).png b/apps/demos/testing/widgets/charts/etalons/zooming_by_selection (fluent-next.blue.light).png
index e619d4ebc205..2480fe1fabf8 100644
Binary files a/apps/demos/testing/widgets/charts/etalons/zooming_by_selection (fluent-next.blue.light).png and b/apps/demos/testing/widgets/charts/etalons/zooming_by_selection (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/widgets/gauges/etalons/bargauge_hide_bars (fluent-next.blue.light).png b/apps/demos/testing/widgets/gauges/etalons/bargauge_hide_bars (fluent-next.blue.light).png
index dd6c15a4e776..7769ad57a2f6 100644
Binary files a/apps/demos/testing/widgets/gauges/etalons/bargauge_hide_bars (fluent-next.blue.light).png and b/apps/demos/testing/widgets/gauges/etalons/bargauge_hide_bars (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/widgets/gauges/etalons/bargauge_show_bars (fluent-next.blue.light).png b/apps/demos/testing/widgets/gauges/etalons/bargauge_show_bars (fluent-next.blue.light).png
index 3b9345ded96b..2713fe8f608b 100644
Binary files a/apps/demos/testing/widgets/gauges/etalons/bargauge_show_bars (fluent-next.blue.light).png and b/apps/demos/testing/widgets/gauges/etalons/bargauge_show_bars (fluent-next.blue.light).png differ
diff --git a/apps/demos/testing/widgets/vectormap/etalons/vectormap_tooltip (fluent-next.blue.light).png b/apps/demos/testing/widgets/vectormap/etalons/vectormap_tooltip (fluent-next.blue.light).png
index c199407d94d7..f50af0647c86 100644
Binary files a/apps/demos/testing/widgets/vectormap/etalons/vectormap_tooltip (fluent-next.blue.light).png and b/apps/demos/testing/widgets/vectormap/etalons/vectormap_tooltip (fluent-next.blue.light).png differ
diff --git a/packages/devextreme/js/__internal/viz/core/themes/fluent-next/index.ts b/packages/devextreme/js/__internal/viz/core/themes/fluent-next/index.ts
index 2967cba4e226..a5f7e4975f24 100644
--- a/packages/devextreme/js/__internal/viz/core/themes/fluent-next/index.ts
+++ b/packages/devextreme/js/__internal/viz/core/themes/fluent-next/index.ts
@@ -1,8 +1,11 @@
+import { getAccentColorScheme } from '@ts/viz/core/themes/shared/accent_color_scheme';
+
 const themes = [
   {
     baseThemeName: 'fluent.blue.light',
     theme: {
       name: 'fluent-next.blue.light',
+      defaultPalette: 'Fluent Next',
     },
   },
   {
@@ -15,6 +18,8 @@ const themes = [
     baseThemeName: 'fluent.blue.dark',
     theme: {
       name: 'fluent-next.blue.dark',
+      defaultPalette: 'Fluent Next',
+      ...getAccentColorScheme('#4B90D9'),
     },
   },
   {
diff --git a/packages/devextreme/js/__internal/viz/palette.ts b/packages/devextreme/js/__internal/viz/palette.ts
index 6f857efb3b05..2b8f436d9002 100644
--- a/packages/devextreme/js/__internal/viz/palette.ts
+++ b/packages/devextreme/js/__internal/viz/palette.ts
@@ -42,6 +42,13 @@ const palettes = {
 
   office: officePalette,
 
+  'fluent next': {
+    simpleSet: ['#0078d4', '#c83d3d', '#008f04', '#eaa300', '#e43ba6', '#865cbf'],
+    indicatingSet: ['#008f04', '#eaa300', '#c83d3d'],
+    gradientSet: ['#0078d4', '#008f04'],
+    accentColor: '#0f6cbd',
+  },
+
   'harmony light': {
     simpleSet: ['#fcb65e', '#679ec5', '#ad79ce', '#7abd5c', '#e18e92', '#b6d623', '#b7abea', '#85dbd5'],
     indicatingSet: ['#b6d623', '#fcb65e', '#e18e92'],
diff --git a/packages/devextreme/js/common/charts.d.ts b/packages/devextreme/js/common/charts.d.ts
index 8907a07b402e..a964e80f860a 100644
--- a/packages/devextreme/js/common/charts.d.ts
+++ b/packages/devextreme/js/common/charts.d.ts
@@ -97,7 +97,7 @@ export type LegendMarkerState = 'normal' | 'hovered' | 'selected';
  * @public
  * @namespace DevExpress.common.charts
  */
-export type Palette = 'Bright' | 'Harmony Light' | 'Ocean' | 'Pastel' | 'Soft' | 'Soft Pastel' | 'Vintage' | 'Violet' | 'Carmine' | 'Dark Moon' | 'Dark Violet' | 'Green Mist' | 'Soft Blue' | 'Material' | 'Office';
+export type Palette = 'Bright' | 'Harmony Light' | 'Ocean' | 'Pastel' | 'Soft' | 'Soft Pastel' | 'Vintage' | 'Violet' | 'Carmine' | 'Dark Moon' | 'Dark Violet' | 'Green Mist' | 'Soft Blue' | 'Material' | 'Office' | 'Fluent Next';
 
 /**
  * @public
diff --git a/packages/devextreme/testing/tests/DevExpress.viz.core/themes.tests.js b/packages/devextreme/testing/tests/DevExpress.viz.core/themes.tests.js
index 2054e8ed6ffd..38d7443db02f 100644
--- a/packages/devextreme/testing/tests/DevExpress.viz.core/themes.tests.js
+++ b/packages/devextreme/testing/tests/DevExpress.viz.core/themes.tests.js
@@ -1,5 +1,6 @@
 import $ from 'jquery';
 import themeModule from 'viz/themes';
+import { createPalette, getGradientPalette } from 'viz/palette';
 import uiThemeModule from 'ui/themes';
 
 uiThemeModule.setDefaultTimeout(0);
@@ -359,16 +360,42 @@ QUnit.test('Invalid input data (with color scheme)', function(assert) {
 });
 
 [
-    'fluent-next.blue.light',
-    'fluent-next.blue.light.compact',
-    'fluent-next.blue.dark',
-    'fluent-next.blue.dark.compact',
-].forEach((theme) => {
+    { theme: 'fluent-next.blue.light', accentColor: '#0F6CBD' },
+    { theme: 'fluent-next.blue.light.compact', accentColor: '#0F6CBD' },
+    { theme: 'fluent-next.blue.dark', accentColor: '#4B90D9' },
+    { theme: 'fluent-next.blue.dark.compact', accentColor: '#4B90D9' },
+].forEach(({ theme, accentColor }) => {
     QUnit.test(`fluent-next theme should be registered: ${theme}`, function(assert) {
         themeModule.currentTheme(theme);
 
         assert.strictEqual(themeModule.currentTheme(), theme);
     });
+
+    QUnit.test(`fluent-next theme should color series with the Fluent Next palette: ${theme}`, function(assert) {
+        const defaultPalette = themeModule.getTheme(theme).defaultPalette;
+
+        const simpleSet = createPalette(undefined, {}, defaultPalette).generateColors(6);
+        const indicatingSet = createPalette(undefined, { type: 'indicatingSet' }, defaultPalette).generateColors(3);
+        const gradientSet = getGradientPalette(undefined, defaultPalette);
+
+        assert.deepEqual(simpleSet, ['#0078d4', '#c83d3d', '#008f04', '#eaa300', '#e43ba6', '#865cbf'], 'simpleSet');
+        assert.deepEqual(indicatingSet, ['#008f04', '#eaa300', '#c83d3d'], 'indicatingSet');
+        assert.deepEqual([gradientSet.getColor(0), gradientSet.getColor(1)], ['#0078d4', '#008f04'], 'gradientSet');
+    });
+
+    QUnit.test(`fluent-next theme should accent widgets with its own primary color: ${theme}`, function(assert) {
+        const registeredTheme = themeModule.getTheme(theme);
+
+        assert.strictEqual(registeredTheme.rangeSelector.selectedRangeColor, accentColor, 'rangeSelector selected range');
+        assert.strictEqual(registeredTheme.rangeSelector.sliderMarker.color, accentColor, 'rangeSelector slider marker');
+        assert.strictEqual(registeredTheme.rangeSelector.sliderHandle.color, accentColor, 'rangeSelector slider handle');
+        assert.strictEqual(registeredTheme.map['layer:marker:dot'].color, accentColor, 'map dot marker');
+        assert.strictEqual(registeredTheme.map['layer:marker:bubble'].color, accentColor, 'map bubble marker');
+        assert.strictEqual(registeredTheme.map.legend.markerColor, accentColor, 'map legend marker');
+        assert.strictEqual(registeredTheme.bullet.color, accentColor, 'bullet');
+        assert.strictEqual(registeredTheme.gauge.valueIndicators.rangebar.color, accentColor, 'gauge rangebar');
+        assert.strictEqual(registeredTheme.gauge.valueIndicators['textcloud'].color, accentColor, 'gauge textcloud');
+    });
 });
 
 
diff --git a/packages/devextreme/ts/dx.all.d.ts b/packages/devextreme/ts/dx.all.d.ts
index bb913d6bc675..872e3c5cf890 100644
--- a/packages/devextreme/ts/dx.all.d.ts
+++ b/packages/devextreme/ts/dx.all.d.ts
@@ -2144,7 +2144,8 @@ declare module DevExpress.common.charts {
     | 'Green Mist'
     | 'Soft Blue'
     | 'Material'
-    | 'Office';
+    | 'Office'
+    | 'Fluent Next';
   export type PaletteColorSet = 'simpleSet' | 'indicatingSet' | 'gradientSet';
   export type PaletteExtensionMode = 'alternate' | 'blend' | 'extrapolate';
   export type PointInteractionMode =