diff --git a/.github/workflows/testcafe_tests.yml b/.github/workflows/testcafe_tests.yml
index 5eb20ca67bb2..a8a4290b09bf 100644
--- a/.github/workflows/testcafe_tests.yml
+++ b/.github/workflows/testcafe_tests.yml
@@ -23,11 +23,22 @@ jobs:
     runs-on: devextreme-shr2
     outputs:
       should-run: ${{ steps.check.outputs.should-run }}
+      styles-changed: ${{ steps.changes.outputs.styles }}
     steps:
+      - uses: actions/checkout@v4
       - name: Check RUN_TESTS flag
         id: check
         run: echo "should-run=${{ env.RUN_TESTS }}" >> $GITHUB_OUTPUT
 
+      - uses: dorny/paths-filter@v3
+        id: changes
+        with:
+          filters: |
+            styles:
+              - 'packages/devextreme-scss/**'
+              - 'packages/devextreme/js/**/themes/**'
+              - 'e2e/testcafe-devextreme/helpers/accessibility/**'
+
   build:
     name: Build DevExtreme
     needs: check-should-run
@@ -94,6 +105,9 @@ jobs:
       matrix:
         ARGS: [
           { componentFolder: "accessibility", name: "accessibility" },
+          { componentFolder: "accessibility", name: "accessibility - fluent.dark", theme: 'fluent.blue.dark', styleDependent: true },
+          { componentFolder: "accessibility", name: "accessibility - material.light", theme: 'material.blue.light', styleDependent: true },
+          { componentFolder: "accessibility", name: "accessibility - material.dark", theme: 'material.blue.dark', styleDependent: true },
           { componentFolder: "common", name: "common" },
 
           { name: "generic", theme: 'generic.light' },
@@ -177,6 +191,7 @@ jobs:
 
     - name: Run TestCafe tests
       working-directory: ./e2e/testcafe-devextreme
+      if: ${{ !matrix.ARGS.styleDependent || needs.check-should-run.outputs.styles-changed == 'true' }}
       env:
         NODE_OPTIONS: --max-old-space-size=8192
       run: |
diff --git a/.github/workflows/demos_visual_tests.yml b/.github/workflows/visual-tests-demos.yml
similarity index 98%
rename from .github/workflows/demos_visual_tests.yml
rename to .github/workflows/visual-tests-demos.yml
index 4f0f2a1770df..be7b8b9f47cd 100644
--- a/.github/workflows/demos_visual_tests.yml
+++ b/.github/workflows/visual-tests-demos.yml
@@ -584,7 +584,7 @@ jobs:
         fi
 
   testcafe-jquery:
-    needs: [check-should-run, build-devextreme]
+    needs: [check-should-run, build-devextreme, determine-framework-tests-scope]
     if: |
       always() &&
       needs.check-should-run.outputs.should-run == 'true' &&
@@ -593,7 +593,7 @@ jobs:
       fail-fast: false
       matrix:
         STRATEGY: [screenshots, accessibility]
-        THEME: ['material.blue.light', 'fluent.blue.light']
+        THEME: ['material.blue.light', 'fluent.blue.light', 'material.blue.dark', 'fluent.blue.dark']
         CONSTEL: [jquery(1/3), jquery(2/3), jquery(3/3), jquery]
         exclude:
           - STRATEGY: accessibility
@@ -604,6 +604,10 @@ jobs:
             CONSTEL: jquery(3/3)
           - STRATEGY: screenshots
             CONSTEL: jquery
+          - STRATEGY: screenshots
+            THEME: 'material.blue.dark'
+          - STRATEGY: screenshots
+            THEME: 'fluent.blue.dark'
     env:
       ACCESSIBILITY_TESTCAFE_REPORT_PATH: "accessibility_testcafe_report"
 
@@ -691,6 +695,7 @@ jobs:
     - name: Run TestCafe tests (jQuery)
       shell: bash
       working-directory: apps/demos
+      if: ${{ !contains(matrix.THEME, 'dark') || needs.determine-framework-tests-scope.outputs.framework-tests-scope != 'none' }}
       env:
         NODE_OPTIONS: --max-old-space-size=8192
         STRATEGY: ${{ matrix.STRATEGY }}
diff --git a/apps/demos/Demos/Button/PredefinedTypes/Angular/app/app.component.css b/apps/demos/Demos/Button/PredefinedTypes/Angular/app/app.component.css
index 0f5f823b29ae..89e8a001c2c6 100644
--- a/apps/demos/Demos/Button/PredefinedTypes/Angular/app/app.component.css
+++ b/apps/demos/Demos/Button/PredefinedTypes/Angular/app/app.component.css
@@ -18,7 +18,7 @@
   width: 150px;
   height: 35px;
   font-size: 130%;
-  opacity: 0.6;
+  color: var(--dx-color-icon);
   text-align: left;
   padding-left: 15px;
 }
diff --git a/apps/demos/Demos/Button/PredefinedTypes/React/styles.css b/apps/demos/Demos/Button/PredefinedTypes/React/styles.css
index dcabc92a90d5..b6312004108d 100644
--- a/apps/demos/Demos/Button/PredefinedTypes/React/styles.css
+++ b/apps/demos/Demos/Button/PredefinedTypes/React/styles.css
@@ -18,7 +18,7 @@
   width: 150px;
   height: 35px;
   font-size: 130%;
-  opacity: 0.6;
+  color: var(--dx-color-icon);
   text-align: left;
   padding-left: 15px;
 }
diff --git a/apps/demos/Demos/Button/PredefinedTypes/ReactJs/styles.css b/apps/demos/Demos/Button/PredefinedTypes/ReactJs/styles.css
index dcabc92a90d5..b6312004108d 100644
--- a/apps/demos/Demos/Button/PredefinedTypes/ReactJs/styles.css
+++ b/apps/demos/Demos/Button/PredefinedTypes/ReactJs/styles.css
@@ -18,7 +18,7 @@
   width: 150px;
   height: 35px;
   font-size: 130%;
-  opacity: 0.6;
+  color: var(--dx-color-icon);
   text-align: left;
   padding-left: 15px;
 }
diff --git a/apps/demos/Demos/Button/PredefinedTypes/Vue/App.vue b/apps/demos/Demos/Button/PredefinedTypes/Vue/App.vue
index e597b9ea6e35..72a1d875eda1 100644
--- a/apps/demos/Demos/Button/PredefinedTypes/Vue/App.vue
+++ b/apps/demos/Demos/Button/PredefinedTypes/Vue/App.vue
@@ -167,7 +167,7 @@ function onClick(e: DxButtonTypes.ClickEvent) {
   width: 150px;
   height: 35px;
   font-size: 130%;
-  opacity: 0.6;
+  color: var(--dx-color-icon);
   text-align: left;
   padding-left: 15px;
 }
diff --git a/apps/demos/Demos/Button/PredefinedTypes/jQuery/styles.css b/apps/demos/Demos/Button/PredefinedTypes/jQuery/styles.css
index 54d9f47faf02..df3c57371533 100644
--- a/apps/demos/Demos/Button/PredefinedTypes/jQuery/styles.css
+++ b/apps/demos/Demos/Button/PredefinedTypes/jQuery/styles.css
@@ -14,7 +14,7 @@
   width: 150px;
   height: 35px;
   font-size: 130%;
-  opacity: 0.6;
+  color: var(--dx-color-icon);
   text-align: left;
   padding-left: 15px;
 }
diff --git a/apps/demos/Demos/CardView/FieldTemplate/Angular/app/priority/priority.component.css b/apps/demos/Demos/CardView/FieldTemplate/Angular/app/priority/priority.component.css
index 4cfc7fe3c9d2..34b5d4124b37 100644
--- a/apps/demos/Demos/CardView/FieldTemplate/Angular/app/priority/priority.component.css
+++ b/apps/demos/Demos/CardView/FieldTemplate/Angular/app/priority/priority.component.css
@@ -12,7 +12,7 @@
 }
 
 .priority--urgent {
-  color: #f7630c;
+  color: var(--dx-color-warning);
 }
 
 .priority--high {
diff --git a/apps/demos/Demos/CardView/FieldTemplate/React/styles.css b/apps/demos/Demos/CardView/FieldTemplate/React/styles.css
index 2ef58d2da101..251952fd3267 100644
--- a/apps/demos/Demos/CardView/FieldTemplate/React/styles.css
+++ b/apps/demos/Demos/CardView/FieldTemplate/React/styles.css
@@ -26,7 +26,7 @@
 }
 
 .task__priority--urgent {
-  color: #f7630c;
+  color: var(--dx-color-warning);
 }
 
 .task__priority--high {
diff --git a/apps/demos/Demos/CardView/FieldTemplate/ReactJs/styles.css b/apps/demos/Demos/CardView/FieldTemplate/ReactJs/styles.css
index 2ef58d2da101..251952fd3267 100644
--- a/apps/demos/Demos/CardView/FieldTemplate/ReactJs/styles.css
+++ b/apps/demos/Demos/CardView/FieldTemplate/ReactJs/styles.css
@@ -26,7 +26,7 @@
 }
 
 .task__priority--urgent {
-  color: #f7630c;
+  color: var(--dx-color-warning);
 }
 
 .task__priority--high {
diff --git a/apps/demos/Demos/CardView/FieldTemplate/Vue/Priority.vue b/apps/demos/Demos/CardView/FieldTemplate/Vue/Priority.vue
index 927e06da0272..7e48ef837204 100644
--- a/apps/demos/Demos/CardView/FieldTemplate/Vue/Priority.vue
+++ b/apps/demos/Demos/CardView/FieldTemplate/Vue/Priority.vue
@@ -36,7 +36,7 @@ const priorityClassName = computed(() =>
 }
 
 .task__priority--urgent {
-  color: #f7630c;
+  color: var(--dx-color-warning);
 }
 
 .task__priority--high {
diff --git a/apps/demos/Demos/CardView/FieldTemplate/jQuery/styles.css b/apps/demos/Demos/CardView/FieldTemplate/jQuery/styles.css
index 250c85ee4daa..766e8352cc55 100644
--- a/apps/demos/Demos/CardView/FieldTemplate/jQuery/styles.css
+++ b/apps/demos/Demos/CardView/FieldTemplate/jQuery/styles.css
@@ -22,7 +22,7 @@
 }
 
 .task__priority--urgent {
-  color: #f7630c;
+  color: var(--dx-color-warning);
 }
 
 .task__priority--high {
diff --git a/apps/demos/Demos/CardView/Overview/Angular/app/app.component.css b/apps/demos/Demos/CardView/Overview/Angular/app/app.component.css
index 1d8a980b5a43..6475d0783ac9 100644
--- a/apps/demos/Demos/CardView/Overview/Angular/app/app.component.css
+++ b/apps/demos/Demos/CardView/Overview/Angular/app/app.component.css
@@ -19,7 +19,7 @@
 }
 
 .status--commission {
-  color: #f7630c;
+  color: var(--dx-color-warning);
 }
 
 .status--terminated {
diff --git a/apps/demos/Demos/CardView/Overview/React/styles.css b/apps/demos/Demos/CardView/Overview/React/styles.css
index 1d8a980b5a43..6475d0783ac9 100644
--- a/apps/demos/Demos/CardView/Overview/React/styles.css
+++ b/apps/demos/Demos/CardView/Overview/React/styles.css
@@ -19,7 +19,7 @@
 }
 
 .status--commission {
-  color: #f7630c;
+  color: var(--dx-color-warning);
 }
 
 .status--terminated {
diff --git a/apps/demos/Demos/CardView/Overview/ReactJs/styles.css b/apps/demos/Demos/CardView/Overview/ReactJs/styles.css
index 1d8a980b5a43..6475d0783ac9 100644
--- a/apps/demos/Demos/CardView/Overview/ReactJs/styles.css
+++ b/apps/demos/Demos/CardView/Overview/ReactJs/styles.css
@@ -19,7 +19,7 @@
 }
 
 .status--commission {
-  color: #f7630c;
+  color: var(--dx-color-warning);
 }
 
 .status--terminated {
diff --git a/apps/demos/Demos/CardView/Overview/Vue/App.vue b/apps/demos/Demos/CardView/Overview/Vue/App.vue
index 56407709d617..dca62c0e82f1 100644
--- a/apps/demos/Demos/CardView/Overview/Vue/App.vue
+++ b/apps/demos/Demos/CardView/Overview/Vue/App.vue
@@ -155,7 +155,7 @@ const cardView = ref<DxCardView>();
 }
 
 .status--commission {
-  color: #f7630c;
+  color: var(--dx-color-warning);
 }
 
 .status--terminated {
diff --git a/apps/demos/Demos/CardView/Overview/jQuery/styles.css b/apps/demos/Demos/CardView/Overview/jQuery/styles.css
index 1d8a980b5a43..6475d0783ac9 100644
--- a/apps/demos/Demos/CardView/Overview/jQuery/styles.css
+++ b/apps/demos/Demos/CardView/Overview/jQuery/styles.css
@@ -19,7 +19,7 @@
 }
 
 .status--commission {
-  color: #f7630c;
+  color: var(--dx-color-warning);
 }
 
 .status--terminated {
diff --git a/apps/demos/Demos/Charts/SignalRService/test-code.js b/apps/demos/Demos/Charts/SignalRService/test-code.js
index 8b71e920c75b..1f43905ed35e 100644
--- a/apps/demos/Demos/Charts/SignalRService/test-code.js
+++ b/apps/demos/Demos/Charts/SignalRService/test-code.js
@@ -1,7 +1,8 @@
 testUtils.importAnd(() => 'devextreme/viz/chart', () => DevExpress.viz.dxChart, (dxChart) => {
   let isReady = false;
   return testUtils
-    .postponeUntilFound('#chart', 100, 3000)
+    .postponeUntilFound('#chart', 100, 20000)
+    .then(() => testUtils.postpone(1000))
     .then(() => {
       const chart = dxChart.getInstance(document.querySelector('#chart'));
 
diff --git a/apps/demos/Demos/Common/ListsOverview/Angular/app/app.component.css b/apps/demos/Demos/Common/ListsOverview/Angular/app/app.component.css
index 0a3862702a5e..149681ceb767 100644
--- a/apps/demos/Demos/Common/ListsOverview/Angular/app/app.component.css
+++ b/apps/demos/Demos/Common/ListsOverview/Angular/app/app.component.css
@@ -12,7 +12,6 @@
 }
 
 ::ng-deep .left .list .dx-list-group-header {
-  color: #f05b41;
   font-weight: normal;
   font-size: 18px;
 }
@@ -102,5 +101,5 @@
   font-size: 11px;
   line-height: 12px;
   padding-left: 2px;
-  opacity: 0.7;
+  color: var(--dx-texteditor-label-color);
 }
diff --git a/apps/demos/Demos/Common/ListsOverview/React/styles.css b/apps/demos/Demos/Common/ListsOverview/React/styles.css
index 44302a86a405..7c23dbf29e77 100644
--- a/apps/demos/Demos/Common/ListsOverview/React/styles.css
+++ b/apps/demos/Demos/Common/ListsOverview/React/styles.css
@@ -12,7 +12,6 @@
 }
 
 .left .list .dx-list-group-header {
-  color: #f05b41;
   font-weight: normal;
   font-size: 18px;
 }
@@ -102,5 +101,5 @@
   font-size: 11px;
   line-height: 12px;
   padding-left: 2px;
-  opacity: 0.7;
+  color: var(--dx-texteditor-label-color);
 }
diff --git a/apps/demos/Demos/Common/ListsOverview/ReactJs/styles.css b/apps/demos/Demos/Common/ListsOverview/ReactJs/styles.css
index 44302a86a405..7c23dbf29e77 100644
--- a/apps/demos/Demos/Common/ListsOverview/ReactJs/styles.css
+++ b/apps/demos/Demos/Common/ListsOverview/ReactJs/styles.css
@@ -12,7 +12,6 @@
 }
 
 .left .list .dx-list-group-header {
-  color: #f05b41;
   font-weight: normal;
   font-size: 18px;
 }
@@ -102,5 +101,5 @@
   font-size: 11px;
   line-height: 12px;
   padding-left: 2px;
-  opacity: 0.7;
+  color: var(--dx-texteditor-label-color);
 }
diff --git a/apps/demos/Demos/Common/ListsOverview/Vue/styles.css b/apps/demos/Demos/Common/ListsOverview/Vue/styles.css
index 3d0f3138d962..bbf36965db97 100644
--- a/apps/demos/Demos/Common/ListsOverview/Vue/styles.css
+++ b/apps/demos/Demos/Common/ListsOverview/Vue/styles.css
@@ -12,7 +12,6 @@
 }
 
 .left .list .dx-list-group-header {
-  color: #f05b41;
   font-weight: normal;
   font-size: 18px;
 }
@@ -102,5 +101,5 @@
   font-size: 11px;
   line-height: 12px;
   padding-left: 6px;
-  opacity: 0.7;
+  color: var(--dx-texteditor-label-color);
 }
diff --git a/apps/demos/Demos/Common/ListsOverview/jQuery/styles.css b/apps/demos/Demos/Common/ListsOverview/jQuery/styles.css
index 44302a86a405..7c23dbf29e77 100644
--- a/apps/demos/Demos/Common/ListsOverview/jQuery/styles.css
+++ b/apps/demos/Demos/Common/ListsOverview/jQuery/styles.css
@@ -12,7 +12,6 @@
 }
 
 .left .list .dx-list-group-header {
-  color: #f05b41;
   font-weight: normal;
   font-size: 18px;
 }
@@ -102,5 +101,5 @@
   font-size: 11px;
   line-height: 12px;
   padding-left: 2px;
-  opacity: 0.7;
+  color: var(--dx-texteditor-label-color);
 }
diff --git a/apps/demos/Demos/Common/NavigationOverview/Angular/app/app.component.css b/apps/demos/Demos/Common/NavigationOverview/Angular/app/app.component.css
index 593789817cfb..c0a02c60a84d 100644
--- a/apps/demos/Demos/Common/NavigationOverview/Angular/app/app.component.css
+++ b/apps/demos/Demos/Common/NavigationOverview/Angular/app/app.component.css
@@ -31,7 +31,7 @@ sup {
 
 ::ng-deep .right-content .sub-title {
   font-size: 120%;
-  color: rgba(152, 152, 152, 0.8);
+  color: var(--dx-texteditor-color-label);
 }
 
 ::ng-deep .title-container {
diff --git a/apps/demos/Demos/Common/NavigationOverview/React/styles.css b/apps/demos/Demos/Common/NavigationOverview/React/styles.css
index 368d99d577fe..711095c5f48f 100644
--- a/apps/demos/Demos/Common/NavigationOverview/React/styles.css
+++ b/apps/demos/Demos/Common/NavigationOverview/React/styles.css
@@ -31,7 +31,7 @@ sup {
 
 .right-content .sub-title {
   font-size: 120%;
-  color: rgba(152, 152, 152, 0.8);
+  color: var(--dx-texteditor-color-label);
 }
 
 .title-container {
diff --git a/apps/demos/Demos/Common/NavigationOverview/ReactJs/styles.css b/apps/demos/Demos/Common/NavigationOverview/ReactJs/styles.css
index 368d99d577fe..711095c5f48f 100644
--- a/apps/demos/Demos/Common/NavigationOverview/ReactJs/styles.css
+++ b/apps/demos/Demos/Common/NavigationOverview/ReactJs/styles.css
@@ -31,7 +31,7 @@ sup {
 
 .right-content .sub-title {
   font-size: 120%;
-  color: rgba(152, 152, 152, 0.8);
+  color: var(--dx-texteditor-color-label);
 }
 
 .title-container {
diff --git a/apps/demos/Demos/Common/NavigationOverview/Vue/styles.css b/apps/demos/Demos/Common/NavigationOverview/Vue/styles.css
index 368d99d577fe..711095c5f48f 100644
--- a/apps/demos/Demos/Common/NavigationOverview/Vue/styles.css
+++ b/apps/demos/Demos/Common/NavigationOverview/Vue/styles.css
@@ -31,7 +31,7 @@ sup {
 
 .right-content .sub-title {
   font-size: 120%;
-  color: rgba(152, 152, 152, 0.8);
+  color: var(--dx-texteditor-color-label);
 }
 
 .title-container {
diff --git a/apps/demos/Demos/Common/NavigationOverview/jQuery/styles.css b/apps/demos/Demos/Common/NavigationOverview/jQuery/styles.css
index 9904b5517771..b6cd7448e261 100644
--- a/apps/demos/Demos/Common/NavigationOverview/jQuery/styles.css
+++ b/apps/demos/Demos/Common/NavigationOverview/jQuery/styles.css
@@ -31,7 +31,7 @@ sup {
 
 .right-content .sub-title {
   font-size: 120%;
-  color: rgba(152, 152, 152, 0.8);
+  color: var(--dx-texteditor-color-label);
 }
 
 .title-container {
diff --git a/apps/demos/Demos/ContextMenu/Basics/Angular/app/app.component.css b/apps/demos/Demos/ContextMenu/Basics/Angular/app/app.component.css
index d9b828c0506b..00170305cf9a 100644
--- a/apps/demos/Demos/ContextMenu/Basics/Angular/app/app.component.css
+++ b/apps/demos/Demos/ContextMenu/Basics/Angular/app/app.component.css
@@ -3,5 +3,5 @@
 }
 
 .label {
-  color: #767676;
+  color: var(--dx-texteditor-color-label);
 }
diff --git a/apps/demos/Demos/ContextMenu/Basics/React/styles.css b/apps/demos/Demos/ContextMenu/Basics/React/styles.css
index d9b828c0506b..00170305cf9a 100644
--- a/apps/demos/Demos/ContextMenu/Basics/React/styles.css
+++ b/apps/demos/Demos/ContextMenu/Basics/React/styles.css
@@ -3,5 +3,5 @@
 }
 
 .label {
-  color: #767676;
+  color: var(--dx-texteditor-color-label);
 }
diff --git a/apps/demos/Demos/ContextMenu/Basics/ReactJs/styles.css b/apps/demos/Demos/ContextMenu/Basics/ReactJs/styles.css
index d9b828c0506b..00170305cf9a 100644
--- a/apps/demos/Demos/ContextMenu/Basics/ReactJs/styles.css
+++ b/apps/demos/Demos/ContextMenu/Basics/ReactJs/styles.css
@@ -3,5 +3,5 @@
 }
 
 .label {
-  color: #767676;
+  color: var(--dx-texteditor-color-label);
 }
diff --git a/apps/demos/Demos/ContextMenu/Basics/Vue/App.vue b/apps/demos/Demos/ContextMenu/Basics/Vue/App.vue
index 1a7f4eccea8a..df0ef80482c1 100644
--- a/apps/demos/Demos/ContextMenu/Basics/Vue/App.vue
+++ b/apps/demos/Demos/ContextMenu/Basics/Vue/App.vue
@@ -34,6 +34,6 @@ function itemClick({ itemData }: DxContextMenuTypes.ItemClickEvent<ContextMenuIt
 }
 
 .label {
-  color: #767676;
+  color: var(--dx-texteditor-color-label);
 }
 </style>
diff --git a/apps/demos/Demos/ContextMenu/Basics/jQuery/styles.css b/apps/demos/Demos/ContextMenu/Basics/jQuery/styles.css
index d9b828c0506b..00170305cf9a 100644
--- a/apps/demos/Demos/ContextMenu/Basics/jQuery/styles.css
+++ b/apps/demos/Demos/ContextMenu/Basics/jQuery/styles.css
@@ -3,5 +3,5 @@
 }
 
 .label {
-  color: #767676;
+  color: var(--dx-texteditor-color-label);
 }
diff --git a/apps/demos/Demos/ContextMenu/Templates/Angular/app/app.component.css b/apps/demos/Demos/ContextMenu/Templates/Angular/app/app.component.css
index a87a85dc00e2..e5364c93c486 100644
--- a/apps/demos/Demos/ContextMenu/Templates/Angular/app/app.component.css
+++ b/apps/demos/Demos/ContextMenu/Templates/Angular/app/app.component.css
@@ -14,5 +14,5 @@
 }
 
 .label {
-  color: #767676;
+  color: var(--dx-texteditor-color-label);
 }
diff --git a/apps/demos/Demos/ContextMenu/Templates/React/styles.css b/apps/demos/Demos/ContextMenu/Templates/React/styles.css
index 41a27079944d..e42b2f71c6d4 100644
--- a/apps/demos/Demos/ContextMenu/Templates/React/styles.css
+++ b/apps/demos/Demos/ContextMenu/Templates/React/styles.css
@@ -14,5 +14,5 @@
 }
 
 .label {
-  color: #767676;
+  color: var(--dx-texteditor-color-label);
 }
diff --git a/apps/demos/Demos/ContextMenu/Templates/ReactJs/styles.css b/apps/demos/Demos/ContextMenu/Templates/ReactJs/styles.css
index 41a27079944d..e42b2f71c6d4 100644
--- a/apps/demos/Demos/ContextMenu/Templates/ReactJs/styles.css
+++ b/apps/demos/Demos/ContextMenu/Templates/ReactJs/styles.css
@@ -14,5 +14,5 @@
 }
 
 .label {
-  color: #767676;
+  color: var(--dx-texteditor-color-label);
 }
diff --git a/apps/demos/Demos/ContextMenu/Templates/Vue/App.vue b/apps/demos/Demos/ContextMenu/Templates/Vue/App.vue
index 389a573c8ebd..edfc6ef6c30a 100644
--- a/apps/demos/Demos/ContextMenu/Templates/Vue/App.vue
+++ b/apps/demos/Demos/ContextMenu/Templates/Vue/App.vue
@@ -59,6 +59,6 @@ function itemClick({ itemData }: DxContextMenuTypes.ItemClickEvent<ContextMenuIt
 }
 
 .label {
-  color: #767676;
+  color: var(--dx-texteditor-color-label);
 }
 </style>
diff --git a/apps/demos/Demos/ContextMenu/Templates/jQuery/styles.css b/apps/demos/Demos/ContextMenu/Templates/jQuery/styles.css
index 41a27079944d..e42b2f71c6d4 100644
--- a/apps/demos/Demos/ContextMenu/Templates/jQuery/styles.css
+++ b/apps/demos/Demos/ContextMenu/Templates/jQuery/styles.css
@@ -14,5 +14,5 @@
 }
 
 .label {
-  color: #767676;
+  color: var(--dx-texteditor-color-label);
 }
diff --git a/apps/demos/Demos/DataGrid/BatchEditing/Angular/app/app.component.css b/apps/demos/Demos/DataGrid/BatchEditing/Angular/app/app.component.css
index a9a9e1ad5d1a..ac91a5faa272 100644
--- a/apps/demos/Demos/DataGrid/BatchEditing/Angular/app/app.component.css
+++ b/apps/demos/Demos/DataGrid/BatchEditing/Angular/app/app.component.css
@@ -5,7 +5,6 @@
 .options {
   margin-top: 20px;
   padding: 20px;
-  background: #f5f5f5;
 }
 
 ::ng-deep .options .caption {
diff --git a/apps/demos/Demos/DataGrid/BatchEditing/React/styles.css b/apps/demos/Demos/DataGrid/BatchEditing/React/styles.css
index 1960e771a82e..0152f0b81596 100644
--- a/apps/demos/Demos/DataGrid/BatchEditing/React/styles.css
+++ b/apps/demos/Demos/DataGrid/BatchEditing/React/styles.css
@@ -5,7 +5,6 @@
 .options {
   margin-top: 20px;
   padding: 20px;
-  background: #f5f5f5;
 }
 
 .options .caption {
diff --git a/apps/demos/Demos/DataGrid/BatchEditing/ReactJs/styles.css b/apps/demos/Demos/DataGrid/BatchEditing/ReactJs/styles.css
index 1960e771a82e..0152f0b81596 100644
--- a/apps/demos/Demos/DataGrid/BatchEditing/ReactJs/styles.css
+++ b/apps/demos/Demos/DataGrid/BatchEditing/ReactJs/styles.css
@@ -5,7 +5,6 @@
 .options {
   margin-top: 20px;
   padding: 20px;
-  background: #f5f5f5;
 }
 
 .options .caption {
diff --git a/apps/demos/Demos/DataGrid/BatchEditing/Vue/App.vue b/apps/demos/Demos/DataGrid/BatchEditing/Vue/App.vue
index a6deb48746bb..d52435ff8126 100644
--- a/apps/demos/Demos/DataGrid/BatchEditing/Vue/App.vue
+++ b/apps/demos/Demos/DataGrid/BatchEditing/Vue/App.vue
@@ -89,7 +89,6 @@ const startEditAction = ref<DxDataGridTypes.StartEditAction>('click');
 .options {
   margin-top: 20px;
   padding: 20px;
-  background: #f5f5f5;
 }
 
 .options .caption {
diff --git a/apps/demos/Demos/DataGrid/BatchEditing/jQuery/styles.css b/apps/demos/Demos/DataGrid/BatchEditing/jQuery/styles.css
index 1960e771a82e..0152f0b81596 100644
--- a/apps/demos/Demos/DataGrid/BatchEditing/jQuery/styles.css
+++ b/apps/demos/Demos/DataGrid/BatchEditing/jQuery/styles.css
@@ -5,7 +5,6 @@
 .options {
   margin-top: 20px;
   padding: 20px;
-  background: #f5f5f5;
 }
 
 .options .caption {
diff --git a/apps/demos/Demos/DataGrid/Cell/Angular/app/app.component.css b/apps/demos/Demos/DataGrid/Cell/Angular/app/app.component.css
index d86718fb7898..50bb63833175 100644
--- a/apps/demos/Demos/DataGrid/Cell/Angular/app/app.component.css
+++ b/apps/demos/Demos/DataGrid/Cell/Angular/app/app.component.css
@@ -17,7 +17,7 @@
 }
 
 ::ng-deep #gridContainer .inc .diff {
-  color: #2ab71b;
+  color: var(--dx-color-success);
 }
 
 ::ng-deep #gridContainer .inc .diff::before {
@@ -29,7 +29,7 @@
 }
 
 ::ng-deep #gridContainer .dec .diff {
-  color: #f00;
+  color: var(--dx-color-danger);
 }
 
 ::ng-deep #gridContainer .inc .diff::after,
diff --git a/apps/demos/Demos/DataGrid/Cell/React/styles.css b/apps/demos/Demos/DataGrid/Cell/React/styles.css
index 597b09a5a98e..9bb55d414ad6 100644
--- a/apps/demos/Demos/DataGrid/Cell/React/styles.css
+++ b/apps/demos/Demos/DataGrid/Cell/React/styles.css
@@ -17,7 +17,7 @@
 }
 
 #gridContainer .inc .diff {
-  color: #2ab71b;
+  color: var(--dx-color-success);
 }
 
 #gridContainer .inc .diff::before {
@@ -29,7 +29,7 @@
 }
 
 #gridContainer .dec .diff {
-  color: #f00;
+  color: var(--dx-color-danger);
 }
 
 #gridContainer .inc .diff::after,
diff --git a/apps/demos/Demos/DataGrid/Cell/ReactJs/styles.css b/apps/demos/Demos/DataGrid/Cell/ReactJs/styles.css
index 597b09a5a98e..9bb55d414ad6 100644
--- a/apps/demos/Demos/DataGrid/Cell/ReactJs/styles.css
+++ b/apps/demos/Demos/DataGrid/Cell/ReactJs/styles.css
@@ -17,7 +17,7 @@
 }
 
 #gridContainer .inc .diff {
-  color: #2ab71b;
+  color: var(--dx-color-success);
 }
 
 #gridContainer .inc .diff::before {
@@ -29,7 +29,7 @@
 }
 
 #gridContainer .dec .diff {
-  color: #f00;
+  color: var(--dx-color-danger);
 }
 
 #gridContainer .inc .diff::after,
diff --git a/apps/demos/Demos/DataGrid/Cell/Vue/App.vue b/apps/demos/Demos/DataGrid/Cell/Vue/App.vue
index fae12cd46804..0f3bad962866 100644
--- a/apps/demos/Demos/DataGrid/Cell/Vue/App.vue
+++ b/apps/demos/Demos/DataGrid/Cell/Vue/App.vue
@@ -80,7 +80,7 @@ import { weekData } from './data.ts';
 }
 
 #gridContainer .inc .diff {
-  color: #2ab71b;
+  color: var(--dx-color-success);
 }
 
 #gridContainer .inc .diff::before {
@@ -92,7 +92,7 @@ import { weekData } from './data.ts';
 }
 
 #gridContainer .dec .diff {
-  color: #f00;
+  color: var(--dx-color-danger);
 }
 
 #gridContainer .inc .diff::after,
diff --git a/apps/demos/Demos/DataGrid/Cell/jQuery/styles.css b/apps/demos/Demos/DataGrid/Cell/jQuery/styles.css
index 597b09a5a98e..9bb55d414ad6 100644
--- a/apps/demos/Demos/DataGrid/Cell/jQuery/styles.css
+++ b/apps/demos/Demos/DataGrid/Cell/jQuery/styles.css
@@ -17,7 +17,7 @@
 }
 
 #gridContainer .inc .diff {
-  color: #2ab71b;
+  color: var(--dx-color-success);
 }
 
 #gridContainer .inc .diff::before {
@@ -29,7 +29,7 @@
 }
 
 #gridContainer .dec .diff {
-  color: #f00;
+  color: var(--dx-color-danger);
 }
 
 #gridContainer .inc .diff::after,
diff --git a/apps/demos/Demos/DataGrid/FilteringAPI/Angular/app/app.component.css b/apps/demos/Demos/DataGrid/FilteringAPI/Angular/app/app.component.css
index dcaf2cfa6532..79cec992a89c 100644
--- a/apps/demos/Demos/DataGrid/FilteringAPI/Angular/app/app.component.css
+++ b/apps/demos/Demos/DataGrid/FilteringAPI/Angular/app/app.component.css
@@ -14,7 +14,7 @@
 }
 
 ::ng-deep .dx-row.dx-data-row .employee {
-  color: #bf4e6a;
+  color: var(--dx-color-primary);
   font-weight: bold;
 }
 
diff --git a/apps/demos/Demos/DataGrid/FilteringAPI/React/styles.css b/apps/demos/Demos/DataGrid/FilteringAPI/React/styles.css
index cf78690da51f..e59369d7f3a3 100644
--- a/apps/demos/Demos/DataGrid/FilteringAPI/React/styles.css
+++ b/apps/demos/Demos/DataGrid/FilteringAPI/React/styles.css
@@ -14,7 +14,7 @@
 }
 
 .dx-row.dx-data-row .employee {
-  color: #bf4e6a;
+  color: var(--dx-color-primary);
   font-weight: bold;
 }
 
diff --git a/apps/demos/Demos/DataGrid/FilteringAPI/ReactJs/styles.css b/apps/demos/Demos/DataGrid/FilteringAPI/ReactJs/styles.css
index cf78690da51f..e59369d7f3a3 100644
--- a/apps/demos/Demos/DataGrid/FilteringAPI/ReactJs/styles.css
+++ b/apps/demos/Demos/DataGrid/FilteringAPI/ReactJs/styles.css
@@ -14,7 +14,7 @@
 }
 
 .dx-row.dx-data-row .employee {
-  color: #bf4e6a;
+  color: var(--dx-color-primary);
   font-weight: bold;
 }
 
diff --git a/apps/demos/Demos/DataGrid/FilteringAPI/Vue/App.vue b/apps/demos/Demos/DataGrid/FilteringAPI/Vue/App.vue
index 0176e3db67c8..ee49eeb1cae8 100644
--- a/apps/demos/Demos/DataGrid/FilteringAPI/Vue/App.vue
+++ b/apps/demos/Demos/DataGrid/FilteringAPI/Vue/App.vue
@@ -100,7 +100,7 @@ const onValueChanged = ({ value }: DxSelectBoxTypes.ValueChangedEvent) => {
 }
 
 .dx-row.dx-data-row .employee {
-  color: #bf4e6a;
+  color: var(--dx-color-primary);
   font-weight: bold;
 }
 
diff --git a/apps/demos/Demos/DataGrid/FilteringAPI/jQuery/styles.css b/apps/demos/Demos/DataGrid/FilteringAPI/jQuery/styles.css
index cf78690da51f..e59369d7f3a3 100644
--- a/apps/demos/Demos/DataGrid/FilteringAPI/jQuery/styles.css
+++ b/apps/demos/Demos/DataGrid/FilteringAPI/jQuery/styles.css
@@ -14,7 +14,7 @@
 }
 
 .dx-row.dx-data-row .employee {
-  color: #bf4e6a;
+  color: var(--dx-color-primary);
   font-weight: bold;
 }
 
diff --git a/apps/demos/Demos/DataGrid/SignalRService/Angular/app/app.component.css b/apps/demos/Demos/DataGrid/SignalRService/Angular/app/app.component.css
index cbeb1df3a6aa..c86c3a23b4d3 100644
--- a/apps/demos/Demos/DataGrid/SignalRService/Angular/app/app.component.css
+++ b/apps/demos/Demos/DataGrid/SignalRService/Angular/app/app.component.css
@@ -9,11 +9,11 @@
 }
 
 ::ng-deep #gridContainer .inc {
-  color: #2ab71b;
+  color: var(--dx-color-success);
 }
 
 ::ng-deep #gridContainer .dec {
-  color: #f00;
+  color: var(--dx-color-danger);
 }
 
 ::ng-deep #gridContainer .inc .arrow,
diff --git a/apps/demos/Demos/DataGrid/SignalRService/React/styles.css b/apps/demos/Demos/DataGrid/SignalRService/React/styles.css
index 5e4c8033d2a4..202e736c2c04 100644
--- a/apps/demos/Demos/DataGrid/SignalRService/React/styles.css
+++ b/apps/demos/Demos/DataGrid/SignalRService/React/styles.css
@@ -9,11 +9,11 @@
 }
 
 #gridContainer .inc {
-  color: #2ab71b;
+  color: var(--dx-color-success);
 }
 
 #gridContainer .dec {
-  color: #f00;
+  color: var(--dx-color-danger);
 }
 
 #gridContainer .inc .arrow,
diff --git a/apps/demos/Demos/DataGrid/SignalRService/ReactJs/styles.css b/apps/demos/Demos/DataGrid/SignalRService/ReactJs/styles.css
index 5e4c8033d2a4..202e736c2c04 100644
--- a/apps/demos/Demos/DataGrid/SignalRService/ReactJs/styles.css
+++ b/apps/demos/Demos/DataGrid/SignalRService/ReactJs/styles.css
@@ -9,11 +9,11 @@
 }
 
 #gridContainer .inc {
-  color: #2ab71b;
+  color: var(--dx-color-success);
 }
 
 #gridContainer .dec {
-  color: #f00;
+  color: var(--dx-color-danger);
 }
 
 #gridContainer .inc .arrow,
diff --git a/apps/demos/Demos/DataGrid/SignalRService/Vue/App.vue b/apps/demos/Demos/DataGrid/SignalRService/Vue/App.vue
index 27dead54a563..bba9af062ec0 100644
--- a/apps/demos/Demos/DataGrid/SignalRService/Vue/App.vue
+++ b/apps/demos/Demos/DataGrid/SignalRService/Vue/App.vue
@@ -105,11 +105,11 @@ onMounted(() => {
 }
 
 #gridContainer .inc {
-  color: #2ab71b;
+  color: var(--dx-color-success);
 }
 
 #gridContainer .dec {
-  color: #f00;
+  color: var(--dx-color-danger);
 }
 
 #gridContainer .inc .arrow,
diff --git a/apps/demos/Demos/DataGrid/SignalRService/jQuery/styles.css b/apps/demos/Demos/DataGrid/SignalRService/jQuery/styles.css
index 5e4c8033d2a4..202e736c2c04 100644
--- a/apps/demos/Demos/DataGrid/SignalRService/jQuery/styles.css
+++ b/apps/demos/Demos/DataGrid/SignalRService/jQuery/styles.css
@@ -9,11 +9,11 @@
 }
 
 #gridContainer .inc {
-  color: #2ab71b;
+  color: var(--dx-color-success);
 }
 
 #gridContainer .dec {
-  color: #f00;
+  color: var(--dx-color-danger);
 }
 
 #gridContainer .inc .arrow,
diff --git a/apps/demos/Demos/DataGrid/StatePersistence/Angular/app/app.component.css b/apps/demos/Demos/DataGrid/StatePersistence/Angular/app/app.component.css
index b4d41a153231..9179e54d6dbf 100644
--- a/apps/demos/Demos/DataGrid/StatePersistence/Angular/app/app.component.css
+++ b/apps/demos/Demos/DataGrid/StatePersistence/Angular/app/app.component.css
@@ -4,7 +4,6 @@
 }
 
 ::ng-deep #descContainer a {
-  color: #f05b41;
   text-decoration: underline;
   cursor: pointer;
 }
diff --git a/apps/demos/Demos/DataGrid/StatePersistence/React/styles.css b/apps/demos/Demos/DataGrid/StatePersistence/React/styles.css
index 483238239f5c..960190593bf2 100644
--- a/apps/demos/Demos/DataGrid/StatePersistence/React/styles.css
+++ b/apps/demos/Demos/DataGrid/StatePersistence/React/styles.css
@@ -4,7 +4,6 @@
 }
 
 #descContainer a {
-  color: #f05b41;
   text-decoration: underline;
   cursor: pointer;
 }
diff --git a/apps/demos/Demos/DataGrid/StatePersistence/ReactJs/styles.css b/apps/demos/Demos/DataGrid/StatePersistence/ReactJs/styles.css
index 483238239f5c..960190593bf2 100644
--- a/apps/demos/Demos/DataGrid/StatePersistence/ReactJs/styles.css
+++ b/apps/demos/Demos/DataGrid/StatePersistence/ReactJs/styles.css
@@ -4,7 +4,6 @@
 }
 
 #descContainer a {
-  color: #f05b41;
   text-decoration: underline;
   cursor: pointer;
 }
diff --git a/apps/demos/Demos/DataGrid/StatePersistence/Vue/App.vue b/apps/demos/Demos/DataGrid/StatePersistence/Vue/App.vue
index a27ce2e5b789..abe1af6c11ba 100644
--- a/apps/demos/Demos/DataGrid/StatePersistence/Vue/App.vue
+++ b/apps/demos/Demos/DataGrid/StatePersistence/Vue/App.vue
@@ -80,7 +80,6 @@ const onStateResetClick = () => {
 }
 
 #descContainer a {
-  color: #f05b41;
   text-decoration: underline;
   cursor: pointer;
 }
diff --git a/apps/demos/Demos/DataGrid/StatePersistence/jQuery/styles.css b/apps/demos/Demos/DataGrid/StatePersistence/jQuery/styles.css
index 483238239f5c..960190593bf2 100644
--- a/apps/demos/Demos/DataGrid/StatePersistence/jQuery/styles.css
+++ b/apps/demos/Demos/DataGrid/StatePersistence/jQuery/styles.css
@@ -4,7 +4,6 @@
 }
 
 #descContainer a {
-  color: #f05b41;
   text-decoration: underline;
   cursor: pointer;
 }
diff --git a/apps/demos/Demos/DateRangeBox/Overview/Angular/app/app.component.css b/apps/demos/Demos/DateRangeBox/Overview/Angular/app/app.component.css
index d64567a9cd6e..7458bd60f11d 100644
--- a/apps/demos/Demos/DateRangeBox/Overview/Angular/app/app.component.css
+++ b/apps/demos/Demos/DateRangeBox/Overview/Angular/app/app.component.css
@@ -8,7 +8,7 @@
 
 ::ng-deep .selected-days-wrapper {
   font-size: 12px;
-  opacity: 0.5;
+  color: var(--dx-color-icon);
 }
 
 ::ng-deep .multiline-label {
diff --git a/apps/demos/Demos/DateRangeBox/Overview/React/styles.css b/apps/demos/Demos/DateRangeBox/Overview/React/styles.css
index 64e44bb025ed..b2ee13470616 100644
--- a/apps/demos/Demos/DateRangeBox/Overview/React/styles.css
+++ b/apps/demos/Demos/DateRangeBox/Overview/React/styles.css
@@ -8,7 +8,7 @@
 
 .selected-days-wrapper {
   font-size: 12px;
-  opacity: 0.5;
+  color: var(--dx-color-icon);
 }
 
 .multiline-label {
diff --git a/apps/demos/Demos/DateRangeBox/Overview/ReactJs/styles.css b/apps/demos/Demos/DateRangeBox/Overview/ReactJs/styles.css
index 64e44bb025ed..b2ee13470616 100644
--- a/apps/demos/Demos/DateRangeBox/Overview/ReactJs/styles.css
+++ b/apps/demos/Demos/DateRangeBox/Overview/ReactJs/styles.css
@@ -8,7 +8,7 @@
 
 .selected-days-wrapper {
   font-size: 12px;
-  opacity: 0.5;
+  color: var(--dx-color-icon);
 }
 
 .multiline-label {
diff --git a/apps/demos/Demos/DateRangeBox/Overview/Vue/App.vue b/apps/demos/Demos/DateRangeBox/Overview/Vue/App.vue
index 2f6a05dc5c57..265f18e66ac2 100644
--- a/apps/demos/Demos/DateRangeBox/Overview/Vue/App.vue
+++ b/apps/demos/Demos/DateRangeBox/Overview/Vue/App.vue
@@ -114,7 +114,7 @@ function convertRangeToDays([startDate, endDate]: Date[]) {
 
 .selected-days-wrapper {
   font-size: 12px;
-  opacity: 0.5;
+  color: var(--dx-color-icon);
 }
 
 .multiline-label {
diff --git a/apps/demos/Demos/DateRangeBox/Overview/jQuery/styles.css b/apps/demos/Demos/DateRangeBox/Overview/jQuery/styles.css
index 64e44bb025ed..b2ee13470616 100644
--- a/apps/demos/Demos/DateRangeBox/Overview/jQuery/styles.css
+++ b/apps/demos/Demos/DateRangeBox/Overview/jQuery/styles.css
@@ -8,7 +8,7 @@
 
 .selected-days-wrapper {
   font-size: 12px;
-  opacity: 0.5;
+  color: var(--dx-color-icon);
 }
 
 .multiline-label {
diff --git a/apps/demos/Demos/DropDownButton/Overview/Angular/app/app.component.css b/apps/demos/Demos/DropDownButton/Overview/Angular/app/app.component.css
index 2f10f1890a20..6b13dd2c42ab 100644
--- a/apps/demos/Demos/DropDownButton/Overview/Angular/app/app.component.css
+++ b/apps/demos/Demos/DropDownButton/Overview/Angular/app/app.component.css
@@ -55,7 +55,7 @@
 .button-row {
   font-size: 12px;
   line-height: 14px;
-  opacity: 0.6;
+  color: var(--dx-color-icon);
 }
 
 ::ng-deep #custom-template .dx-button {
diff --git a/apps/demos/Demos/DropDownButton/Overview/React/styles.css b/apps/demos/Demos/DropDownButton/Overview/React/styles.css
index 3e3b3f5d6028..f9c818dcfade 100644
--- a/apps/demos/Demos/DropDownButton/Overview/React/styles.css
+++ b/apps/demos/Demos/DropDownButton/Overview/React/styles.css
@@ -55,7 +55,7 @@
 .button-row {
   font-size: 12px;
   line-height: 14px;
-  opacity: 0.6;
+  color: var(--dx-color-icon);
 }
 
 #custom-template .dx-button {
diff --git a/apps/demos/Demos/DropDownButton/Overview/ReactJs/styles.css b/apps/demos/Demos/DropDownButton/Overview/ReactJs/styles.css
index 3e3b3f5d6028..f9c818dcfade 100644
--- a/apps/demos/Demos/DropDownButton/Overview/ReactJs/styles.css
+++ b/apps/demos/Demos/DropDownButton/Overview/ReactJs/styles.css
@@ -55,7 +55,7 @@
 .button-row {
   font-size: 12px;
   line-height: 14px;
-  opacity: 0.6;
+  color: var(--dx-color-icon);
 }
 
 #custom-template .dx-button {
diff --git a/apps/demos/Demos/DropDownButton/Overview/Vue/App.vue b/apps/demos/Demos/DropDownButton/Overview/Vue/App.vue
index 95707822b308..bf465e269542 100644
--- a/apps/demos/Demos/DropDownButton/Overview/Vue/App.vue
+++ b/apps/demos/Demos/DropDownButton/Overview/Vue/App.vue
@@ -246,7 +246,7 @@ function onColorClick(clickedColor: string) {
   .button-row {
     font-size: 12px;
     line-height: 14px;
-    opacity: 0.6;
+    color: var(--dx-color-icon);
   }
 
   #custom-template .dx-button {
diff --git a/apps/demos/Demos/DropDownButton/Overview/jQuery/styles.css b/apps/demos/Demos/DropDownButton/Overview/jQuery/styles.css
index 9789c3168272..eb04b7c24da4 100644
--- a/apps/demos/Demos/DropDownButton/Overview/jQuery/styles.css
+++ b/apps/demos/Demos/DropDownButton/Overview/jQuery/styles.css
@@ -59,7 +59,7 @@
 .button-row {
   font-size: 12px;
   line-height: 14px;
-  opacity: 0.6;
+  color: var(--dx-color-icon);
 }
 
 #custom-template .dx-button {
diff --git a/apps/demos/Demos/FileUploader/ChunkUpload/Angular/app/app.component.css b/apps/demos/Demos/FileUploader/ChunkUpload/Angular/app/app.component.css
index 856b5294781c..5d6b101f78e1 100644
--- a/apps/demos/Demos/FileUploader/ChunkUpload/Angular/app/app.component.css
+++ b/apps/demos/Demos/FileUploader/ChunkUpload/Angular/app/app.component.css
@@ -20,7 +20,7 @@
 ::ng-deep .note {
   display: block;
   font-size: 10pt;
-  color: #484848;
+  color: var(--dx-texteditor-color-label);
   margin-left: 9px;
 }
 
diff --git a/apps/demos/Demos/FileUploader/ChunkUpload/React/styles.css b/apps/demos/Demos/FileUploader/ChunkUpload/React/styles.css
index eef642f383f9..79fa64b7ef1f 100644
--- a/apps/demos/Demos/FileUploader/ChunkUpload/React/styles.css
+++ b/apps/demos/Demos/FileUploader/ChunkUpload/React/styles.css
@@ -20,7 +20,7 @@
 .note {
   display: block;
   font-size: 10pt;
-  color: #484848;
+  color: var(--dx-texteditor-color-label);
   margin-left: 9px;
 }
 
diff --git a/apps/demos/Demos/FileUploader/ChunkUpload/ReactJs/styles.css b/apps/demos/Demos/FileUploader/ChunkUpload/ReactJs/styles.css
index eef642f383f9..79fa64b7ef1f 100644
--- a/apps/demos/Demos/FileUploader/ChunkUpload/ReactJs/styles.css
+++ b/apps/demos/Demos/FileUploader/ChunkUpload/ReactJs/styles.css
@@ -20,7 +20,7 @@
 .note {
   display: block;
   font-size: 10pt;
-  color: #484848;
+  color: var(--dx-texteditor-color-label);
   margin-left: 9px;
 }
 
diff --git a/apps/demos/Demos/FileUploader/ChunkUpload/Vue/App.vue b/apps/demos/Demos/FileUploader/ChunkUpload/Vue/App.vue
index 51d5d513acdb..ebdfe39d1e46 100644
--- a/apps/demos/Demos/FileUploader/ChunkUpload/Vue/App.vue
+++ b/apps/demos/Demos/FileUploader/ChunkUpload/Vue/App.vue
@@ -76,7 +76,7 @@ function onUploadProgress(e: DxFileUploaderTypes.ProgressEvent) {
 .note {
   display: block;
   font-size: 10pt;
-  color: #484848;
+  color: var(--dx-texteditor-color-label);
   margin-left: 9px;
 }
 
diff --git a/apps/demos/Demos/FileUploader/ChunkUpload/jQuery/styles.css b/apps/demos/Demos/FileUploader/ChunkUpload/jQuery/styles.css
index eef642f383f9..79fa64b7ef1f 100644
--- a/apps/demos/Demos/FileUploader/ChunkUpload/jQuery/styles.css
+++ b/apps/demos/Demos/FileUploader/ChunkUpload/jQuery/styles.css
@@ -20,7 +20,7 @@
 .note {
   display: block;
   font-size: 10pt;
-  color: #484848;
+  color: var(--dx-texteditor-color-label);
   margin-left: 9px;
 }
 
diff --git a/apps/demos/Demos/FileUploader/CustomDropzone/Angular/app/app.component.css b/apps/demos/Demos/FileUploader/CustomDropzone/Angular/app/app.component.css
index 7844f189f6b8..b7d1cee4d5b3 100644
--- a/apps/demos/Demos/FileUploader/CustomDropzone/Angular/app/app.component.css
+++ b/apps/demos/Demos/FileUploader/CustomDropzone/Angular/app/app.component.css
@@ -1,7 +1,7 @@
 ::ng-deep #dropzone-external {
   width: 350px;
   height: 350px;
-  background-color: rgb(183 183 183 / 10%);
+  background-color: rgba(0,0,0,0.08);
   border-width: 2px;
   border-style: dashed;
   padding: 10px;
@@ -28,11 +28,6 @@
   max-height: 100%;
 }
 
-::ng-deep #dropzone-text > span {
-  font-weight: 100;
-  opacity: 0.5;
-}
-
 ::ng-deep #upload-progress {
   display: flex;
   margin-top: 10px;
diff --git a/apps/demos/Demos/FileUploader/CustomDropzone/React/styles.css b/apps/demos/Demos/FileUploader/CustomDropzone/React/styles.css
index aaaaacfd22e8..122de3b12f6c 100644
--- a/apps/demos/Demos/FileUploader/CustomDropzone/React/styles.css
+++ b/apps/demos/Demos/FileUploader/CustomDropzone/React/styles.css
@@ -1,7 +1,7 @@
 #dropzone-external {
   width: 350px;
   height: 350px;
-  background-color: rgb(183 183 183 / 10%);
+  background-color: rgba(0,0,0,0.08);
   border-width: 2px;
   border-style: dashed;
   padding: 10px;
@@ -28,11 +28,6 @@
   max-height: 100%;
 }
 
-#dropzone-text > span {
-  font-weight: 100;
-  opacity: 0.5;
-}
-
 #upload-progress {
   display: flex;
   margin-top: 10px;
diff --git a/apps/demos/Demos/FileUploader/CustomDropzone/ReactJs/styles.css b/apps/demos/Demos/FileUploader/CustomDropzone/ReactJs/styles.css
index aaaaacfd22e8..122de3b12f6c 100644
--- a/apps/demos/Demos/FileUploader/CustomDropzone/ReactJs/styles.css
+++ b/apps/demos/Demos/FileUploader/CustomDropzone/ReactJs/styles.css
@@ -1,7 +1,7 @@
 #dropzone-external {
   width: 350px;
   height: 350px;
-  background-color: rgb(183 183 183 / 10%);
+  background-color: rgba(0,0,0,0.08);
   border-width: 2px;
   border-style: dashed;
   padding: 10px;
@@ -28,11 +28,6 @@
   max-height: 100%;
 }
 
-#dropzone-text > span {
-  font-weight: 100;
-  opacity: 0.5;
-}
-
 #upload-progress {
   display: flex;
   margin-top: 10px;
diff --git a/apps/demos/Demos/FileUploader/CustomDropzone/Vue/App.vue b/apps/demos/Demos/FileUploader/CustomDropzone/Vue/App.vue
index 568d0ecb79fc..5d3af78c07ae 100644
--- a/apps/demos/Demos/FileUploader/CustomDropzone/Vue/App.vue
+++ b/apps/demos/Demos/FileUploader/CustomDropzone/Vue/App.vue
@@ -108,7 +108,7 @@ function onUploadStarted() {
 #dropzone-external {
   width: 350px;
   height: 350px;
-  background-color: rgb(183 183 183 / 10%);
+  background-color: rgba(0,0,0,0.08);
   border-width: 2px;
   border-style: dashed;
   padding: 10px;
@@ -135,11 +135,6 @@ function onUploadStarted() {
   max-height: 100%;
 }
 
-#dropzone-text > span {
-  font-weight: 100;
-  opacity: 0.5;
-}
-
 #upload-progress {
   display: flex;
   margin-top: 10px;
diff --git a/apps/demos/Demos/FileUploader/CustomDropzone/jQuery/styles.css b/apps/demos/Demos/FileUploader/CustomDropzone/jQuery/styles.css
index aaaaacfd22e8..122de3b12f6c 100644
--- a/apps/demos/Demos/FileUploader/CustomDropzone/jQuery/styles.css
+++ b/apps/demos/Demos/FileUploader/CustomDropzone/jQuery/styles.css
@@ -1,7 +1,7 @@
 #dropzone-external {
   width: 350px;
   height: 350px;
-  background-color: rgb(183 183 183 / 10%);
+  background-color: rgba(0,0,0,0.08);
   border-width: 2px;
   border-style: dashed;
   padding: 10px;
@@ -28,11 +28,6 @@
   max-height: 100%;
 }
 
-#dropzone-text > span {
-  font-weight: 100;
-  opacity: 0.5;
-}
-
 #upload-progress {
   display: flex;
   margin-top: 10px;
diff --git a/apps/demos/Demos/FileUploader/Validation/Angular/app/app.component.css b/apps/demos/Demos/FileUploader/Validation/Angular/app/app.component.css
index 465c0a91aa0a..8546568f0130 100644
--- a/apps/demos/Demos/FileUploader/Validation/Angular/app/app.component.css
+++ b/apps/demos/Demos/FileUploader/Validation/Angular/app/app.component.css
@@ -5,7 +5,7 @@
 
 ::ng-deep .note {
   font-size: 10pt;
-  color: #484848;
+  color: var(--dx-texteditor-color-label);
   margin-left: 9px;
 }
 
diff --git a/apps/demos/Demos/FileUploader/Validation/React/styles.css b/apps/demos/Demos/FileUploader/Validation/React/styles.css
index 067fc1a91968..684111aa0069 100644
--- a/apps/demos/Demos/FileUploader/Validation/React/styles.css
+++ b/apps/demos/Demos/FileUploader/Validation/React/styles.css
@@ -5,7 +5,7 @@
 
 .note {
   font-size: 10pt;
-  color: #484848;
+  color: var(--dx-texteditor-color-label);
   margin-left: 9px;
 }
 
diff --git a/apps/demos/Demos/FileUploader/Validation/ReactJs/styles.css b/apps/demos/Demos/FileUploader/Validation/ReactJs/styles.css
index 067fc1a91968..684111aa0069 100644
--- a/apps/demos/Demos/FileUploader/Validation/ReactJs/styles.css
+++ b/apps/demos/Demos/FileUploader/Validation/ReactJs/styles.css
@@ -5,7 +5,7 @@
 
 .note {
   font-size: 10pt;
-  color: #484848;
+  color: var(--dx-texteditor-color-label);
   margin-left: 9px;
 }
 
diff --git a/apps/demos/Demos/FileUploader/Validation/Vue/App.vue b/apps/demos/Demos/FileUploader/Validation/Vue/App.vue
index 0548819a1184..c1e1e8ed6dee 100644
--- a/apps/demos/Demos/FileUploader/Validation/Vue/App.vue
+++ b/apps/demos/Demos/FileUploader/Validation/Vue/App.vue
@@ -40,7 +40,7 @@ import DxFileUploader from 'devextreme-vue/file-uploader';
 
 .note {
   font-size: 10pt;
-  color: #484848;
+  color: var(--dx-texteditor-color-label);
   margin-left: 9px;
 }
 
diff --git a/apps/demos/Demos/FileUploader/Validation/jQuery/styles.css b/apps/demos/Demos/FileUploader/Validation/jQuery/styles.css
index 067fc1a91968..684111aa0069 100644
--- a/apps/demos/Demos/FileUploader/Validation/jQuery/styles.css
+++ b/apps/demos/Demos/FileUploader/Validation/jQuery/styles.css
@@ -5,7 +5,7 @@
 
 .note {
   font-size: 10pt;
-  color: #484848;
+  color: var(--dx-texteditor-color-label);
   margin-left: 9px;
 }
 
diff --git a/apps/demos/Demos/Gantt/TaskTemplate/Angular/app/app.component.css b/apps/demos/Demos/Gantt/TaskTemplate/Angular/app/app.component.css
index 4576f4d1a883..c52e2242d0fd 100644
--- a/apps/demos/Demos/Gantt/TaskTemplate/Angular/app/app.component.css
+++ b/apps/demos/Demos/Gantt/TaskTemplate/Angular/app/app.component.css
@@ -3,31 +3,31 @@
 }
 
 .custom-task-color-0 {
-  background-color: #5c57c9;
+  background-color: #512DA8;
 }
 
 .custom-task-color-1 {
-  background-color: #35b86b;
+  background-color: #2E7D32;
 }
 
 .custom-task-color-2 {
-  background-color: #4796ce;
+  background-color: #1564C0;
 }
 
 .custom-task-color-3 {
-  background-color: #ce4776;
+  background-color: #C2185B;
 }
 
 .custom-task-color-4 {
-  background-color: #ce5b47;
+  background-color: #C62828;
 }
 
 .custom-task-color-5 {
-  background-color: #f78119;
+  background-color: #DD2C00;
 }
 
 .custom-task-color-6 {
-  background-color: #9f47ce;
+  background-color: #7B1FA2;
 }
 
 .custom-task {
diff --git a/apps/demos/Demos/Gantt/TaskTemplate/React/styles.css b/apps/demos/Demos/Gantt/TaskTemplate/React/styles.css
index 4576f4d1a883..c52e2242d0fd 100644
--- a/apps/demos/Demos/Gantt/TaskTemplate/React/styles.css
+++ b/apps/demos/Demos/Gantt/TaskTemplate/React/styles.css
@@ -3,31 +3,31 @@
 }
 
 .custom-task-color-0 {
-  background-color: #5c57c9;
+  background-color: #512DA8;
 }
 
 .custom-task-color-1 {
-  background-color: #35b86b;
+  background-color: #2E7D32;
 }
 
 .custom-task-color-2 {
-  background-color: #4796ce;
+  background-color: #1564C0;
 }
 
 .custom-task-color-3 {
-  background-color: #ce4776;
+  background-color: #C2185B;
 }
 
 .custom-task-color-4 {
-  background-color: #ce5b47;
+  background-color: #C62828;
 }
 
 .custom-task-color-5 {
-  background-color: #f78119;
+  background-color: #DD2C00;
 }
 
 .custom-task-color-6 {
-  background-color: #9f47ce;
+  background-color: #7B1FA2;
 }
 
 .custom-task {
diff --git a/apps/demos/Demos/Gantt/TaskTemplate/ReactJs/styles.css b/apps/demos/Demos/Gantt/TaskTemplate/ReactJs/styles.css
index 4576f4d1a883..c52e2242d0fd 100644
--- a/apps/demos/Demos/Gantt/TaskTemplate/ReactJs/styles.css
+++ b/apps/demos/Demos/Gantt/TaskTemplate/ReactJs/styles.css
@@ -3,31 +3,31 @@
 }
 
 .custom-task-color-0 {
-  background-color: #5c57c9;
+  background-color: #512DA8;
 }
 
 .custom-task-color-1 {
-  background-color: #35b86b;
+  background-color: #2E7D32;
 }
 
 .custom-task-color-2 {
-  background-color: #4796ce;
+  background-color: #1564C0;
 }
 
 .custom-task-color-3 {
-  background-color: #ce4776;
+  background-color: #C2185B;
 }
 
 .custom-task-color-4 {
-  background-color: #ce5b47;
+  background-color: #C62828;
 }
 
 .custom-task-color-5 {
-  background-color: #f78119;
+  background-color: #DD2C00;
 }
 
 .custom-task-color-6 {
-  background-color: #9f47ce;
+  background-color: #7B1FA2;
 }
 
 .custom-task {
diff --git a/apps/demos/Demos/Gantt/TaskTemplate/Vue/App.vue b/apps/demos/Demos/Gantt/TaskTemplate/Vue/App.vue
index 33d623537bc2..2644c14235a8 100644
--- a/apps/demos/Demos/Gantt/TaskTemplate/Vue/App.vue
+++ b/apps/demos/Demos/Gantt/TaskTemplate/Vue/App.vue
@@ -83,31 +83,31 @@ function getImagePath(taskId: number) {
 }
 
 .custom-task-color-0 {
-  background-color: #5c57c9;
+  background-color: #512DA8;
 }
 
 .custom-task-color-1 {
-  background-color: #35b86b;
+  background-color: #2E7D32;
 }
 
 .custom-task-color-2 {
-  background-color: #4796ce;
+  background-color: #1564C0;
 }
 
 .custom-task-color-3 {
-  background-color: #ce4776;
+  background-color: #C2185B;
 }
 
 .custom-task-color-4 {
-  background-color: #ce5b47;
+  background-color: #C62828;
 }
 
 .custom-task-color-5 {
-  background-color: #f78119;
+  background-color: #DD2C00;
 }
 
 .custom-task-color-6 {
-  background-color: #9f47ce;
+  background-color: #7B1FA2;
 }
 
 .custom-task {
diff --git a/apps/demos/Demos/Gantt/TaskTemplate/jQuery/styles.css b/apps/demos/Demos/Gantt/TaskTemplate/jQuery/styles.css
index 4576f4d1a883..c52e2242d0fd 100644
--- a/apps/demos/Demos/Gantt/TaskTemplate/jQuery/styles.css
+++ b/apps/demos/Demos/Gantt/TaskTemplate/jQuery/styles.css
@@ -3,31 +3,31 @@
 }
 
 .custom-task-color-0 {
-  background-color: #5c57c9;
+  background-color: #512DA8;
 }
 
 .custom-task-color-1 {
-  background-color: #35b86b;
+  background-color: #2E7D32;
 }
 
 .custom-task-color-2 {
-  background-color: #4796ce;
+  background-color: #1564C0;
 }
 
 .custom-task-color-3 {
-  background-color: #ce4776;
+  background-color: #C2185B;
 }
 
 .custom-task-color-4 {
-  background-color: #ce5b47;
+  background-color: #C62828;
 }
 
 .custom-task-color-5 {
-  background-color: #f78119;
+  background-color: #DD2C00;
 }
 
 .custom-task-color-6 {
-  background-color: #9f47ce;
+  background-color: #7B1FA2;
 }
 
 .custom-task {
diff --git a/apps/demos/Demos/HtmlEditor/Mentions/Angular/app/app.component.css b/apps/demos/Demos/HtmlEditor/Mentions/Angular/app/app.component.css
index 14992efd8ff0..8394711c458b 100644
--- a/apps/demos/Demos/HtmlEditor/Mentions/Angular/app/app.component.css
+++ b/apps/demos/Demos/HtmlEditor/Mentions/Angular/app/app.component.css
@@ -29,7 +29,7 @@
 }
 
 ::ng-deep .date {
-  opacity: 0.5;
+  color: var(--dx-color-icon);
 }
 
 ::ng-deep .photo {
diff --git a/apps/demos/Demos/HtmlEditor/Mentions/React/styles.css b/apps/demos/Demos/HtmlEditor/Mentions/React/styles.css
index 9bc6500a43e9..f87be5e72cf5 100644
--- a/apps/demos/Demos/HtmlEditor/Mentions/React/styles.css
+++ b/apps/demos/Demos/HtmlEditor/Mentions/React/styles.css
@@ -29,7 +29,7 @@
 }
 
 .date {
-  opacity: 0.5;
+  color: var(--dx-color-icon);
 }
 
 .photo {
diff --git a/apps/demos/Demos/HtmlEditor/Mentions/ReactJs/styles.css b/apps/demos/Demos/HtmlEditor/Mentions/ReactJs/styles.css
index 9bc6500a43e9..f87be5e72cf5 100644
--- a/apps/demos/Demos/HtmlEditor/Mentions/ReactJs/styles.css
+++ b/apps/demos/Demos/HtmlEditor/Mentions/ReactJs/styles.css
@@ -29,7 +29,7 @@
 }
 
 .date {
-  opacity: 0.5;
+  color: var(--dx-color-icon);
 }
 
 .photo {
diff --git a/apps/demos/Demos/HtmlEditor/Mentions/Vue/App.vue b/apps/demos/Demos/HtmlEditor/Mentions/Vue/App.vue
index 759adac3806b..0bd1e9b00649 100644
--- a/apps/demos/Demos/HtmlEditor/Mentions/Vue/App.vue
+++ b/apps/demos/Demos/HtmlEditor/Mentions/Vue/App.vue
@@ -132,7 +132,7 @@ const mentions = ref([{
 }
 
 .date {
-  opacity: 0.5;
+  color: var(--dx-color-icon);
 }
 
 .photo {
diff --git a/apps/demos/Demos/HtmlEditor/Mentions/jQuery/styles.css b/apps/demos/Demos/HtmlEditor/Mentions/jQuery/styles.css
index f37f17c83314..097ffac45c15 100644
--- a/apps/demos/Demos/HtmlEditor/Mentions/jQuery/styles.css
+++ b/apps/demos/Demos/HtmlEditor/Mentions/jQuery/styles.css
@@ -29,7 +29,7 @@
 }
 
 .date {
-  opacity: 0.5;
+  color: var(--dx-color-icon);
 }
 
 .photo {
diff --git a/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/Angular/app/app.component.ts b/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/Angular/app/app.component.ts
index 2c8d8e867ab1..47ba64acb11d 100644
--- a/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/Angular/app/app.component.ts
+++ b/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/Angular/app/app.component.ts
@@ -132,7 +132,7 @@ export class AppComponent {
 
     return (value > 50000)
       ? { font: '006100', fill: 'C6EFCE', bold: false }
-      : { font: '9C6500', fill: 'FFEB9C', bold: false };
+      : { font: '6E4600', fill: 'FFEB9C', bold: false };
   }
 }
 
diff --git a/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/React/App.tsx b/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/React/App.tsx
index 7ad96ab1faae..c90f7e9f2330 100644
--- a/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/React/App.tsx
+++ b/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/React/App.tsx
@@ -81,7 +81,7 @@ const getConditionalAppearance = (cell: PivotGridCell): ConditionalAppearance =>
   if (value > 50000) {
     return { font: '006100', fill: 'C6EFCE' };
   }
-  return { font: '9C6500', fill: 'FFEB9C' };
+  return { font: '6E4600', fill: 'FFEB9C' };
 };
 
 const onExporting = (e: PivotGridTypes.ExportingEvent) => {
diff --git a/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/ReactJs/App.js b/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/ReactJs/App.js
index 1753aa24a620..a3e83c562ca2 100644
--- a/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/ReactJs/App.js
+++ b/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/ReactJs/App.js
@@ -66,7 +66,7 @@ const getConditionalAppearance = (cell) => {
   if (value > 50000) {
     return { font: '006100', fill: 'C6EFCE' };
   }
-  return { font: '9C6500', fill: 'FFEB9C' };
+  return { font: '6E4600', fill: 'FFEB9C' };
 };
 const onExporting = (e) => {
   const workbook = new Workbook();
diff --git a/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/Vue/App.vue b/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/Vue/App.vue
index 5014b4f58a08..6caef9083e14 100644
--- a/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/Vue/App.vue
+++ b/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/Vue/App.vue
@@ -125,7 +125,7 @@ function getConditionalAppearance(cell: DxPivotGridTypes.Cell): ConditionalAppea
   if (value > 50000) {
     return { font: '006100', fill: 'C6EFCE' };
   }
-  return { font: '9C6500', fill: 'FFEB9C' };
+  return { font: '6E4600', fill: 'FFEB9C' };
 }
 
 </script>
diff --git a/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/jQuery/index.js b/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/jQuery/index.js
index 971751e54992..592fa448744f 100644
--- a/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/jQuery/index.js
+++ b/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/jQuery/index.js
@@ -110,6 +110,6 @@ $(() => {
     if (cell.value > 50000) {
       return { font: '006100', fill: 'C6EFCE' };
     }
-    return { font: '9C6500', fill: 'FFEB9C' };
+    return { font: '6E4600', fill: 'FFEB9C' };
   }
 });
diff --git a/apps/demos/Demos/PivotGrid/StatePersistence/Angular/app/app.component.css b/apps/demos/Demos/PivotGrid/StatePersistence/Angular/app/app.component.css
index f81c8145082c..bd845db3b652 100644
--- a/apps/demos/Demos/PivotGrid/StatePersistence/Angular/app/app.component.css
+++ b/apps/demos/Demos/PivotGrid/StatePersistence/Angular/app/app.component.css
@@ -3,7 +3,6 @@
 }
 
 ::ng-deep #pivotgrid-demo .desc-container a {
-  color: #f05b41;
   text-decoration: underline;
   cursor: pointer;
 }
diff --git a/apps/demos/Demos/PivotGrid/StatePersistence/React/styles.css b/apps/demos/Demos/PivotGrid/StatePersistence/React/styles.css
index d0868e2c8faf..b9b617e9a5c4 100644
--- a/apps/demos/Demos/PivotGrid/StatePersistence/React/styles.css
+++ b/apps/demos/Demos/PivotGrid/StatePersistence/React/styles.css
@@ -3,7 +3,6 @@
 }
 
 #pivotgrid-demo .desc-container a {
-  color: #f05b41;
   text-decoration: underline;
   cursor: pointer;
 }
diff --git a/apps/demos/Demos/PivotGrid/StatePersistence/ReactJs/styles.css b/apps/demos/Demos/PivotGrid/StatePersistence/ReactJs/styles.css
index d0868e2c8faf..b9b617e9a5c4 100644
--- a/apps/demos/Demos/PivotGrid/StatePersistence/ReactJs/styles.css
+++ b/apps/demos/Demos/PivotGrid/StatePersistence/ReactJs/styles.css
@@ -3,7 +3,6 @@
 }
 
 #pivotgrid-demo .desc-container a {
-  color: #f05b41;
   text-decoration: underline;
   cursor: pointer;
 }
diff --git a/apps/demos/Demos/PivotGrid/StatePersistence/Vue/App.vue b/apps/demos/Demos/PivotGrid/StatePersistence/Vue/App.vue
index 3a8676c6c805..a090c3bc82e1 100644
--- a/apps/demos/Demos/PivotGrid/StatePersistence/Vue/App.vue
+++ b/apps/demos/Demos/PivotGrid/StatePersistence/Vue/App.vue
@@ -132,7 +132,6 @@ function onContextMenuPreparing(e: DxPivotGridTypes.ContextMenuPreparingEvent) {
 }
 
 #pivotgrid-demo .desc-container a {
-  color: #f05b41;
   text-decoration: underline;
   cursor: pointer;
 }
diff --git a/apps/demos/Demos/PivotGrid/StatePersistence/jQuery/styles.css b/apps/demos/Demos/PivotGrid/StatePersistence/jQuery/styles.css
index d0868e2c8faf..b9b617e9a5c4 100644
--- a/apps/demos/Demos/PivotGrid/StatePersistence/jQuery/styles.css
+++ b/apps/demos/Demos/PivotGrid/StatePersistence/jQuery/styles.css
@@ -3,7 +3,6 @@
 }
 
 #pivotgrid-demo .desc-container a {
-  color: #f05b41;
   text-decoration: underline;
   cursor: pointer;
 }
diff --git a/apps/demos/Demos/ResponsiveBox/Overview/Angular/app/app.component.css b/apps/demos/Demos/ResponsiveBox/Overview/Angular/app/app.component.css
index 02bccd6fdf04..14f92d8c47e8 100644
--- a/apps/demos/Demos/ResponsiveBox/Overview/Angular/app/app.component.css
+++ b/apps/demos/Demos/ResponsiveBox/Overview/Angular/app/app.component.css
@@ -5,24 +5,24 @@
 }
 
 ::ng-deep #page .header {
-  background-color: rgba(243, 158, 108, 0.8);
+  background-color: #DD2C00;
   text-align: center;
 }
 
 ::ng-deep #page .content {
-  background-color: rgba(245, 229, 166, 0.8);
+  background-color: #C62828;
 }
 
 ::ng-deep #page .left-side-bar {
-  background-color: rgba(148, 215, 199, 0.8);
+  background-color: #2E7D32;
 }
 
 ::ng-deep #page .right-side-bar {
-  background-color: rgba(119, 199, 231, 0.8);
+  background-color: #1564C0;
 }
 
 ::ng-deep #page .footer {
-  background-color: rgba(123, 155, 207, 0.8);
+  background-color: #7B1FA2;
 }
 
 ::ng-deep .item {
@@ -33,4 +33,5 @@
   font-size: 20px;
   padding-top: 10px;
   text-align: center;
+  color: #fff;
 }
diff --git a/apps/demos/Demos/ResponsiveBox/Overview/React/styles.css b/apps/demos/Demos/ResponsiveBox/Overview/React/styles.css
index fb5d83536536..d2c28d051c54 100644
--- a/apps/demos/Demos/ResponsiveBox/Overview/React/styles.css
+++ b/apps/demos/Demos/ResponsiveBox/Overview/React/styles.css
@@ -6,24 +6,24 @@
 }
 
 .header {
-  background-color: rgba(243, 158, 108, 0.8);
+  background-color: #DD2C00;
   text-align: center;
 }
 
 .content {
-  background-color: rgba(245, 229, 166, 0.8);
+  background-color: #C62828;
 }
 
 .left-side-bar {
-  background-color: rgba(148, 215, 199, 0.8);
+  background-color: #2E7D32;
 }
 
 .right-side-bar {
-  background-color: rgba(119, 199, 231, 0.8);
+  background-color: #1564C0;
 }
 
 .footer {
-  background-color: rgba(123, 155, 207, 0.8);
+  background-color: #7B1FA2;
 }
 
 .item {
@@ -34,4 +34,5 @@
   font-size: 20px;
   padding-top: 10px;
   text-align: center;
+  color: #fff;
 }
diff --git a/apps/demos/Demos/ResponsiveBox/Overview/ReactJs/styles.css b/apps/demos/Demos/ResponsiveBox/Overview/ReactJs/styles.css
index fb5d83536536..d2c28d051c54 100644
--- a/apps/demos/Demos/ResponsiveBox/Overview/ReactJs/styles.css
+++ b/apps/demos/Demos/ResponsiveBox/Overview/ReactJs/styles.css
@@ -6,24 +6,24 @@
 }
 
 .header {
-  background-color: rgba(243, 158, 108, 0.8);
+  background-color: #DD2C00;
   text-align: center;
 }
 
 .content {
-  background-color: rgba(245, 229, 166, 0.8);
+  background-color: #C62828;
 }
 
 .left-side-bar {
-  background-color: rgba(148, 215, 199, 0.8);
+  background-color: #2E7D32;
 }
 
 .right-side-bar {
-  background-color: rgba(119, 199, 231, 0.8);
+  background-color: #1564C0;
 }
 
 .footer {
-  background-color: rgba(123, 155, 207, 0.8);
+  background-color: #7B1FA2;
 }
 
 .item {
@@ -34,4 +34,5 @@
   font-size: 20px;
   padding-top: 10px;
   text-align: center;
+  color: #fff;
 }
diff --git a/apps/demos/Demos/ResponsiveBox/Overview/Vue/App.vue b/apps/demos/Demos/ResponsiveBox/Overview/Vue/App.vue
index 5e9ddac454ce..77ef854eb2ed 100644
--- a/apps/demos/Demos/ResponsiveBox/Overview/Vue/App.vue
+++ b/apps/demos/Demos/ResponsiveBox/Overview/Vue/App.vue
@@ -114,24 +114,24 @@ const screen = ((width: number) => ((width < 700) ? 'sm' : 'lg')) as unknown as
 }
 
 .header {
-  background-color: rgba(243, 158, 108, 0.8);
+  background-color: #DD2C00;
   text-align: center;
 }
 
 .content {
-  background-color: rgba(245, 229, 166, 0.8);
+  background-color: #C62828;
 }
 
 .left-side-bar {
-  background-color: rgba(148, 215, 199, 0.8);
+  background-color: #2E7D32;
 }
 
 .right-side-bar {
-  background-color: rgba(119, 199, 231, 0.8);
+  background-color: #1564C0;
 }
 
 .footer {
-  background-color: rgba(123, 155, 207, 0.8);
+  background-color: #7B1FA2;
 }
 
 .item {
@@ -142,5 +142,6 @@ const screen = ((width: number) => ((width < 700) ? 'sm' : 'lg')) as unknown as
   font-size: 20px;
   padding-top: 10px;
   text-align: center;
+  color: #fff;
 }
 </style>
diff --git a/apps/demos/Demos/ResponsiveBox/Overview/jQuery/styles.css b/apps/demos/Demos/ResponsiveBox/Overview/jQuery/styles.css
index c854bdd3d6a1..a3f4b1089e9f 100644
--- a/apps/demos/Demos/ResponsiveBox/Overview/jQuery/styles.css
+++ b/apps/demos/Demos/ResponsiveBox/Overview/jQuery/styles.css
@@ -5,24 +5,24 @@
 }
 
 #page .header {
-  background-color: rgba(243, 158, 108, 0.8);
+  background-color: #DD2C00;
   text-align: center;
 }
 
 #page .content {
-  background-color: rgba(245, 229, 166, 0.8);
+  background-color: #C62828;
 }
 
 #page .left-side-bar {
-  background-color: rgba(148, 215, 199, 0.8);
+  background-color: #2E7D32;
 }
 
 #page .right-side-bar {
-  background-color: rgba(119, 199, 231, 0.8);
+  background-color: #1564C0;
 }
 
 #page .footer {
-  background-color: rgba(123, 155, 207, 0.8);
+  background-color: #7B1FA2;
 }
 
 .item {
@@ -33,4 +33,5 @@
   font-size: 20px;
   padding-top: 10px;
   text-align: center;
+  color: #fff;
 }
diff --git a/apps/demos/Demos/Scheduler/CellTemplates/Angular/app/app.component.css b/apps/demos/Demos/Scheduler/CellTemplates/Angular/app/app.component.css
index e7f60c2f7bfb..b439f548cdc3 100644
--- a/apps/demos/Demos/Scheduler/CellTemplates/Angular/app/app.component.css
+++ b/apps/demos/Demos/Scheduler/CellTemplates/Angular/app/app.component.css
@@ -21,12 +21,12 @@
   background-image:
     repeating-linear-gradient(
       135deg,
-      rgba(247, 234, 224, 1),
-      rgba(247, 234, 224, 1) 4px,
-      transparent 4px,
-      transparent 9px
+      var(--dx-datagrid-row-alternation-bg),
+      var(--dx-datagrid-row-alternation-bg) 2px,
+      transparent 2px,
+      transparent 6px
     );
-  color: rgba(178, 74, 0, 1);
+  color: var(--dx-color-success);
 }
 
 ::ng-deep .dx-scheduler-header-panel-cell .disable-date {
@@ -43,11 +43,11 @@
 }
 
 .dinner {
-  background: #FBF1EB;
+  background: var(--dx-datagrid-row-alternation-bg);
 }
 
 ::ng-deep .dx-scheduler-time-panel-cell .dinner {
-  color: #C25100;
+  color: var(--dx-color-success);
   font-weight: 400;
   background: transparent;
 }
@@ -65,7 +65,7 @@
   -webkit-mask-position-y: 50%;
   -webkit-mask-position-x: 100%;
   margin-top: -4px;
-  background-color: #C25100;
+  background-color: var(--dx-color-success);
 }
 
 ::ng-deep .dx-scheduler-date-table-cell {
diff --git a/apps/demos/Demos/Scheduler/CellTemplates/React/styles.css b/apps/demos/Demos/Scheduler/CellTemplates/React/styles.css
index b41719168617..7b3e7c924407 100644
--- a/apps/demos/Demos/Scheduler/CellTemplates/React/styles.css
+++ b/apps/demos/Demos/Scheduler/CellTemplates/React/styles.css
@@ -21,12 +21,12 @@
   background-image:
     repeating-linear-gradient(
       135deg,
-      rgba(247, 234, 224, 1),
-      rgba(247, 234, 224, 1) 4px,
-      transparent 4px,
-      transparent 9px
+      var(--dx-datagrid-row-alternation-bg),
+      var(--dx-datagrid-row-alternation-bg) 2px,
+      transparent 2px,
+      transparent 6px
     );
-  color: rgba(178, 74, 0, 1);
+  color: var(--dx-color-success);
 }
 
 .dx-scheduler-header-panel-cell .disable-date {
@@ -43,11 +43,11 @@
 }
 
 .dinner {
-  background: #FBF1EB;
+  background: var(--dx-datagrid-row-alternation-bg);
 }
 
 .dx-scheduler-time-panel-cell .dinner {
-  color: #C25100;
+  color: var(--dx-color-success);
   font-weight: 400;
   background: transparent;
 }
@@ -65,7 +65,7 @@ td.dx-scheduler-time-panel-cell .dinner .cafe {
   -webkit-mask-position-y: 50%;
   -webkit-mask-position-x: 100%;
   margin-top: -4px;
-  background-color: #C25100;
+  background-color: var(--dx-color-success);
 }
 
 .dx-scheduler-date-table-cell {
diff --git a/apps/demos/Demos/Scheduler/CellTemplates/ReactJs/styles.css b/apps/demos/Demos/Scheduler/CellTemplates/ReactJs/styles.css
index b41719168617..7b3e7c924407 100644
--- a/apps/demos/Demos/Scheduler/CellTemplates/ReactJs/styles.css
+++ b/apps/demos/Demos/Scheduler/CellTemplates/ReactJs/styles.css
@@ -21,12 +21,12 @@
   background-image:
     repeating-linear-gradient(
       135deg,
-      rgba(247, 234, 224, 1),
-      rgba(247, 234, 224, 1) 4px,
-      transparent 4px,
-      transparent 9px
+      var(--dx-datagrid-row-alternation-bg),
+      var(--dx-datagrid-row-alternation-bg) 2px,
+      transparent 2px,
+      transparent 6px
     );
-  color: rgba(178, 74, 0, 1);
+  color: var(--dx-color-success);
 }
 
 .dx-scheduler-header-panel-cell .disable-date {
@@ -43,11 +43,11 @@
 }
 
 .dinner {
-  background: #FBF1EB;
+  background: var(--dx-datagrid-row-alternation-bg);
 }
 
 .dx-scheduler-time-panel-cell .dinner {
-  color: #C25100;
+  color: var(--dx-color-success);
   font-weight: 400;
   background: transparent;
 }
@@ -65,7 +65,7 @@ td.dx-scheduler-time-panel-cell .dinner .cafe {
   -webkit-mask-position-y: 50%;
   -webkit-mask-position-x: 100%;
   margin-top: -4px;
-  background-color: #C25100;
+  background-color: var(--dx-color-success);
 }
 
 .dx-scheduler-date-table-cell {
diff --git a/apps/demos/Demos/Scheduler/CellTemplates/Vue/styles.css b/apps/demos/Demos/Scheduler/CellTemplates/Vue/styles.css
index b41719168617..7b3e7c924407 100644
--- a/apps/demos/Demos/Scheduler/CellTemplates/Vue/styles.css
+++ b/apps/demos/Demos/Scheduler/CellTemplates/Vue/styles.css
@@ -21,12 +21,12 @@
   background-image:
     repeating-linear-gradient(
       135deg,
-      rgba(247, 234, 224, 1),
-      rgba(247, 234, 224, 1) 4px,
-      transparent 4px,
-      transparent 9px
+      var(--dx-datagrid-row-alternation-bg),
+      var(--dx-datagrid-row-alternation-bg) 2px,
+      transparent 2px,
+      transparent 6px
     );
-  color: rgba(178, 74, 0, 1);
+  color: var(--dx-color-success);
 }
 
 .dx-scheduler-header-panel-cell .disable-date {
@@ -43,11 +43,11 @@
 }
 
 .dinner {
-  background: #FBF1EB;
+  background: var(--dx-datagrid-row-alternation-bg);
 }
 
 .dx-scheduler-time-panel-cell .dinner {
-  color: #C25100;
+  color: var(--dx-color-success);
   font-weight: 400;
   background: transparent;
 }
@@ -65,7 +65,7 @@ td.dx-scheduler-time-panel-cell .dinner .cafe {
   -webkit-mask-position-y: 50%;
   -webkit-mask-position-x: 100%;
   margin-top: -4px;
-  background-color: #C25100;
+  background-color: var(--dx-color-success);
 }
 
 .dx-scheduler-date-table-cell {
diff --git a/apps/demos/Demos/Scheduler/CellTemplates/jQuery/styles.css b/apps/demos/Demos/Scheduler/CellTemplates/jQuery/styles.css
index b41719168617..7b3e7c924407 100644
--- a/apps/demos/Demos/Scheduler/CellTemplates/jQuery/styles.css
+++ b/apps/demos/Demos/Scheduler/CellTemplates/jQuery/styles.css
@@ -21,12 +21,12 @@
   background-image:
     repeating-linear-gradient(
       135deg,
-      rgba(247, 234, 224, 1),
-      rgba(247, 234, 224, 1) 4px,
-      transparent 4px,
-      transparent 9px
+      var(--dx-datagrid-row-alternation-bg),
+      var(--dx-datagrid-row-alternation-bg) 2px,
+      transparent 2px,
+      transparent 6px
     );
-  color: rgba(178, 74, 0, 1);
+  color: var(--dx-color-success);
 }
 
 .dx-scheduler-header-panel-cell .disable-date {
@@ -43,11 +43,11 @@
 }
 
 .dinner {
-  background: #FBF1EB;
+  background: var(--dx-datagrid-row-alternation-bg);
 }
 
 .dx-scheduler-time-panel-cell .dinner {
-  color: #C25100;
+  color: var(--dx-color-success);
   font-weight: 400;
   background: transparent;
 }
@@ -65,7 +65,7 @@ td.dx-scheduler-time-panel-cell .dinner .cafe {
   -webkit-mask-position-y: 50%;
   -webkit-mask-position-x: 100%;
   margin-top: -4px;
-  background-color: #C25100;
+  background-color: var(--dx-color-success);
 }
 
 .dx-scheduler-date-table-cell {
diff --git a/apps/demos/Demos/Sortable/Kanban/Angular/app/app.component.css b/apps/demos/Demos/Sortable/Kanban/Angular/app/app.component.css
index 8aa0fffe599f..6a50599389a3 100644
--- a/apps/demos/Demos/Sortable/Kanban/Angular/app/app.component.css
+++ b/apps/demos/Demos/Sortable/Kanban/Angular/app/app.component.css
@@ -46,7 +46,7 @@
 }
 
 .card-assignee {
-  opacity: 0.6;
+  color: var(--dx-color-icon);
 }
 
 .card-priority {
diff --git a/apps/demos/Demos/Sortable/Kanban/React/styles.css b/apps/demos/Demos/Sortable/Kanban/React/styles.css
index fb043c1e2a1d..1b69778ed9e7 100644
--- a/apps/demos/Demos/Sortable/Kanban/React/styles.css
+++ b/apps/demos/Demos/Sortable/Kanban/React/styles.css
@@ -46,7 +46,7 @@
 }
 
 .card-assignee {
-  opacity: 0.6;
+  color: var(--dx-color-icon);
 }
 
 .card-priority {
diff --git a/apps/demos/Demos/Sortable/Kanban/ReactJs/styles.css b/apps/demos/Demos/Sortable/Kanban/ReactJs/styles.css
index fb043c1e2a1d..1b69778ed9e7 100644
--- a/apps/demos/Demos/Sortable/Kanban/ReactJs/styles.css
+++ b/apps/demos/Demos/Sortable/Kanban/ReactJs/styles.css
@@ -46,7 +46,7 @@
 }
 
 .card-assignee {
-  opacity: 0.6;
+  color: var(--dx-color-icon);
 }
 
 .card-priority {
diff --git a/apps/demos/Demos/Sortable/Kanban/Vue/App.vue b/apps/demos/Demos/Sortable/Kanban/Vue/App.vue
index 0d74d9b6e95b..ec6d5be55d9e 100644
--- a/apps/demos/Demos/Sortable/Kanban/Vue/App.vue
+++ b/apps/demos/Demos/Sortable/Kanban/Vue/App.vue
@@ -127,7 +127,7 @@ function getPriorityClass(task: Task) {
 }
 
 .card-assignee {
-  opacity: 0.6;
+  color: var(--dx-color-icon);
 }
 
 .card-priority {
diff --git a/apps/demos/Demos/Sortable/Kanban/jQuery/styles.css b/apps/demos/Demos/Sortable/Kanban/jQuery/styles.css
index fb043c1e2a1d..1b69778ed9e7 100644
--- a/apps/demos/Demos/Sortable/Kanban/jQuery/styles.css
+++ b/apps/demos/Demos/Sortable/Kanban/jQuery/styles.css
@@ -46,7 +46,7 @@
 }
 
 .card-assignee {
-  opacity: 0.6;
+  color: var(--dx-color-icon);
 }
 
 .card-priority {
diff --git a/apps/demos/Demos/Tabs/Selection/Angular/app/app.component.css b/apps/demos/Demos/Tabs/Selection/Angular/app/app.component.css
index 9fa0c9d81add..993e40a0b55e 100644
--- a/apps/demos/Demos/Tabs/Selection/Angular/app/app.component.css
+++ b/apps/demos/Demos/Tabs/Selection/Angular/app/app.component.css
@@ -45,7 +45,7 @@
 
 ::ng-deep .demo-info {
   padding-left: 8px;
-  opacity: 0.6;
+  color: var(--dx-color-icon);
 }
 
 ::ng-deep .icon-container {
diff --git a/apps/demos/Demos/Tabs/Selection/React/styles.css b/apps/demos/Demos/Tabs/Selection/React/styles.css
index 7ce9bfe2ab2f..1005bb88b147 100644
--- a/apps/demos/Demos/Tabs/Selection/React/styles.css
+++ b/apps/demos/Demos/Tabs/Selection/React/styles.css
@@ -45,7 +45,7 @@
 
 .demo-info {
   padding-left: 8px;
-  opacity: 0.6;
+  color: var(--dx-color-icon);
 }
 
 .icon-container {
diff --git a/apps/demos/Demos/Tabs/Selection/ReactJs/styles.css b/apps/demos/Demos/Tabs/Selection/ReactJs/styles.css
index 7ce9bfe2ab2f..1005bb88b147 100644
--- a/apps/demos/Demos/Tabs/Selection/ReactJs/styles.css
+++ b/apps/demos/Demos/Tabs/Selection/ReactJs/styles.css
@@ -45,7 +45,7 @@
 
 .demo-info {
   padding-left: 8px;
-  opacity: 0.6;
+  color: var(--dx-color-icon);
 }
 
 .icon-container {
diff --git a/apps/demos/Demos/Tabs/Selection/Vue/App.vue b/apps/demos/Demos/Tabs/Selection/Vue/App.vue
index 4b51597d92bc..0cbff0d86444 100644
--- a/apps/demos/Demos/Tabs/Selection/Vue/App.vue
+++ b/apps/demos/Demos/Tabs/Selection/Vue/App.vue
@@ -114,7 +114,7 @@ const selectedItemId = ref(employees[0].id);
 
   .demo-info {
     padding-left: 8px;
-    opacity: 0.6;
+    color: var(--dx-color-icon);
   }
 
   .icon-container {
diff --git a/apps/demos/Demos/Tabs/Selection/jQuery/styles.css b/apps/demos/Demos/Tabs/Selection/jQuery/styles.css
index 7ce9bfe2ab2f..1005bb88b147 100644
--- a/apps/demos/Demos/Tabs/Selection/jQuery/styles.css
+++ b/apps/demos/Demos/Tabs/Selection/jQuery/styles.css
@@ -45,7 +45,7 @@
 
 .demo-info {
   padding-left: 8px;
-  opacity: 0.6;
+  color: var(--dx-color-icon);
 }
 
 .icon-container {
diff --git a/apps/demos/Demos/TreeList/AIColumns/Angular/app/status/status.component.css b/apps/demos/Demos/TreeList/AIColumns/Angular/app/status/status.component.css
index c983b2ec1d39..0679031a6849 100644
--- a/apps/demos/Demos/TreeList/AIColumns/Angular/app/status/status.component.css
+++ b/apps/demos/Demos/TreeList/AIColumns/Angular/app/status/status.component.css
@@ -8,7 +8,7 @@
 }
 
 .status--commission {
-  color: #f7630c;
+  color: var(--dx-color-warning);
 }
 
 .status--terminated {
diff --git a/apps/demos/Demos/TreeList/AIColumns/React/styles.css b/apps/demos/Demos/TreeList/AIColumns/React/styles.css
index 6e95d25dba6d..543af359354a 100644
--- a/apps/demos/Demos/TreeList/AIColumns/React/styles.css
+++ b/apps/demos/Demos/TreeList/AIColumns/React/styles.css
@@ -54,7 +54,7 @@
 }
 
 .status--commission {
-  color: #f7630c;
+  color: var(--dx-color-warning);
 }
 
 .status--terminated {
diff --git a/apps/demos/Demos/TreeList/AIColumns/ReactJs/styles.css b/apps/demos/Demos/TreeList/AIColumns/ReactJs/styles.css
index 6e95d25dba6d..543af359354a 100644
--- a/apps/demos/Demos/TreeList/AIColumns/ReactJs/styles.css
+++ b/apps/demos/Demos/TreeList/AIColumns/ReactJs/styles.css
@@ -54,7 +54,7 @@
 }
 
 .status--commission {
-  color: #f7630c;
+  color: var(--dx-color-warning);
 }
 
 .status--terminated {
diff --git a/apps/demos/Demos/TreeList/AIColumns/Vue/Status.vue b/apps/demos/Demos/TreeList/AIColumns/Vue/Status.vue
index 62ea938d86ef..7ad94171947c 100644
--- a/apps/demos/Demos/TreeList/AIColumns/Vue/Status.vue
+++ b/apps/demos/Demos/TreeList/AIColumns/Vue/Status.vue
@@ -22,7 +22,7 @@ defineProps<{
 }
 
 .status--commission {
-  color: #f7630c;
+  color: var(--dx-color-warning);
 }
 
 .status--terminated {
diff --git a/apps/demos/Demos/TreeList/AIColumns/jQuery/styles.css b/apps/demos/Demos/TreeList/AIColumns/jQuery/styles.css
index 7f15c9e03c64..2a71f2993d3f 100644
--- a/apps/demos/Demos/TreeList/AIColumns/jQuery/styles.css
+++ b/apps/demos/Demos/TreeList/AIColumns/jQuery/styles.css
@@ -54,7 +54,7 @@
 }
 
 .status--commission {
-  color: #f7630c;
+  color: var(--dx-color-warning);
 }
 
 .status--terminated {
diff --git a/apps/demos/Demos/TreeList/FilterModes/Angular/app/app.component.css b/apps/demos/Demos/TreeList/FilterModes/Angular/app/app.component.css
index a223be68803d..2340bcda7770 100644
--- a/apps/demos/Demos/TreeList/FilterModes/Angular/app/app.component.css
+++ b/apps/demos/Demos/TreeList/FilterModes/Angular/app/app.component.css
@@ -5,7 +5,6 @@
 .options {
   margin-top: 20px;
   padding: 20px;
-  background: #f5f5f5;
 }
 
 ::ng-deep .options .caption {
diff --git a/apps/demos/Demos/TreeList/FilterModes/React/styles.css b/apps/demos/Demos/TreeList/FilterModes/React/styles.css
index 2e3caec53ebb..a9cd0b645a1d 100644
--- a/apps/demos/Demos/TreeList/FilterModes/React/styles.css
+++ b/apps/demos/Demos/TreeList/FilterModes/React/styles.css
@@ -5,7 +5,6 @@
 .options {
   margin-top: 20px;
   padding: 20px;
-  background: #f5f5f5;
 }
 
 .options .caption {
diff --git a/apps/demos/Demos/TreeList/FilterModes/ReactJs/styles.css b/apps/demos/Demos/TreeList/FilterModes/ReactJs/styles.css
index 2e3caec53ebb..a9cd0b645a1d 100644
--- a/apps/demos/Demos/TreeList/FilterModes/ReactJs/styles.css
+++ b/apps/demos/Demos/TreeList/FilterModes/ReactJs/styles.css
@@ -5,7 +5,6 @@
 .options {
   margin-top: 20px;
   padding: 20px;
-  background: #f5f5f5;
 }
 
 .options .caption {
diff --git a/apps/demos/Demos/TreeList/FilterModes/Vue/App.vue b/apps/demos/Demos/TreeList/FilterModes/Vue/App.vue
index 0dfd8ac8f855..96fb3e6408a7 100644
--- a/apps/demos/Demos/TreeList/FilterModes/Vue/App.vue
+++ b/apps/demos/Demos/TreeList/FilterModes/Vue/App.vue
@@ -72,7 +72,6 @@ const filterModes: DxTreeListTypes.TreeListFilterMode[] = ['matchOnly', 'withAnc
 .options {
   margin-top: 20px;
   padding: 20px;
-  background: #f5f5f5;
 }
 
 .options .caption {
diff --git a/apps/demos/Demos/TreeList/FilterModes/jQuery/styles.css b/apps/demos/Demos/TreeList/FilterModes/jQuery/styles.css
index 2e3caec53ebb..a9cd0b645a1d 100644
--- a/apps/demos/Demos/TreeList/FilterModes/jQuery/styles.css
+++ b/apps/demos/Demos/TreeList/FilterModes/jQuery/styles.css
@@ -5,7 +5,6 @@
 .options {
   margin-top: 20px;
   padding: 20px;
-  background: #f5f5f5;
 }
 
 .options .caption {
diff --git a/apps/demos/Demos/TreeList/StatePersistence/Angular/app/app.component.css b/apps/demos/Demos/TreeList/StatePersistence/Angular/app/app.component.css
index 50568648f16b..e6d258843795 100644
--- a/apps/demos/Demos/TreeList/StatePersistence/Angular/app/app.component.css
+++ b/apps/demos/Demos/TreeList/StatePersistence/Angular/app/app.component.css
@@ -4,7 +4,6 @@
 }
 
 ::ng-deep #descContainer a {
-  color: #f05b41;
   text-decoration: underline;
   cursor: pointer;
 }
diff --git a/apps/demos/Demos/TreeList/StatePersistence/React/styles.css b/apps/demos/Demos/TreeList/StatePersistence/React/styles.css
index 72ef92cdee35..f05f469b038e 100644
--- a/apps/demos/Demos/TreeList/StatePersistence/React/styles.css
+++ b/apps/demos/Demos/TreeList/StatePersistence/React/styles.css
@@ -4,7 +4,6 @@
 }
 
 #descContainer a {
-  color: #f05b41;
   text-decoration: underline;
   cursor: pointer;
 }
diff --git a/apps/demos/Demos/TreeList/StatePersistence/ReactJs/styles.css b/apps/demos/Demos/TreeList/StatePersistence/ReactJs/styles.css
index 72ef92cdee35..f05f469b038e 100644
--- a/apps/demos/Demos/TreeList/StatePersistence/ReactJs/styles.css
+++ b/apps/demos/Demos/TreeList/StatePersistence/ReactJs/styles.css
@@ -4,7 +4,6 @@
 }
 
 #descContainer a {
-  color: #f05b41;
   text-decoration: underline;
   cursor: pointer;
 }
diff --git a/apps/demos/Demos/TreeList/StatePersistence/Vue/App.vue b/apps/demos/Demos/TreeList/StatePersistence/Vue/App.vue
index 5f6695b6df88..910db31a3cde 100644
--- a/apps/demos/Demos/TreeList/StatePersistence/Vue/App.vue
+++ b/apps/demos/Demos/TreeList/StatePersistence/Vue/App.vue
@@ -72,7 +72,6 @@ function onStateResetClick() {
 }
 
 #descContainer a {
-  color: #f05b41;
   text-decoration: underline;
   cursor: pointer;
 }
diff --git a/apps/demos/Demos/TreeList/StatePersistence/jQuery/styles.css b/apps/demos/Demos/TreeList/StatePersistence/jQuery/styles.css
index 72ef92cdee35..f05f469b038e 100644
--- a/apps/demos/Demos/TreeList/StatePersistence/jQuery/styles.css
+++ b/apps/demos/Demos/TreeList/StatePersistence/jQuery/styles.css
@@ -4,7 +4,6 @@
 }
 
 #descContainer a {
-  color: #f05b41;
   text-decoration: underline;
   cursor: pointer;
 }
diff --git a/apps/demos/Demos/TreeView/TreeViewWithSearchBar/Angular/app/app.component.css b/apps/demos/Demos/TreeView/TreeViewWithSearchBar/Angular/app/app.component.css
index e03b5926bb21..60040a6d545f 100644
--- a/apps/demos/Demos/TreeView/TreeViewWithSearchBar/Angular/app/app.component.css
+++ b/apps/demos/Demos/TreeView/TreeViewWithSearchBar/Angular/app/app.component.css
@@ -9,7 +9,6 @@
   right: 0;
   width: 260px;
   top: 0;
-  background-color: #f5f5f5;
 }
 
 .caption {
diff --git a/apps/demos/Demos/TreeView/TreeViewWithSearchBar/React/styles.css b/apps/demos/Demos/TreeView/TreeViewWithSearchBar/React/styles.css
index fbe6b2b093db..6dc0a4493c20 100644
--- a/apps/demos/Demos/TreeView/TreeViewWithSearchBar/React/styles.css
+++ b/apps/demos/Demos/TreeView/TreeViewWithSearchBar/React/styles.css
@@ -9,7 +9,6 @@
   right: 0;
   width: 260px;
   top: 0;
-  background-color: #f5f5f5;
 }
 
 .caption {
diff --git a/apps/demos/Demos/TreeView/TreeViewWithSearchBar/ReactJs/styles.css b/apps/demos/Demos/TreeView/TreeViewWithSearchBar/ReactJs/styles.css
index fbe6b2b093db..6dc0a4493c20 100644
--- a/apps/demos/Demos/TreeView/TreeViewWithSearchBar/ReactJs/styles.css
+++ b/apps/demos/Demos/TreeView/TreeViewWithSearchBar/ReactJs/styles.css
@@ -9,7 +9,6 @@
   right: 0;
   width: 260px;
   top: 0;
-  background-color: #f5f5f5;
 }
 
 .caption {
diff --git a/apps/demos/Demos/TreeView/TreeViewWithSearchBar/Vue/App.vue b/apps/demos/Demos/TreeView/TreeViewWithSearchBar/Vue/App.vue
index 852fdd6b050a..40a6851b5bb3 100644
--- a/apps/demos/Demos/TreeView/TreeViewWithSearchBar/Vue/App.vue
+++ b/apps/demos/Demos/TreeView/TreeViewWithSearchBar/Vue/App.vue
@@ -42,7 +42,6 @@ const searchMode = ref(options[0]);
   right: 0;
   width: 260px;
   top: 0;
-  background-color: #f5f5f5;
 }
 
 .caption {
diff --git a/apps/demos/Demos/TreeView/TreeViewWithSearchBar/jQuery/styles.css b/apps/demos/Demos/TreeView/TreeViewWithSearchBar/jQuery/styles.css
index fbe6b2b093db..6dc0a4493c20 100644
--- a/apps/demos/Demos/TreeView/TreeViewWithSearchBar/jQuery/styles.css
+++ b/apps/demos/Demos/TreeView/TreeViewWithSearchBar/jQuery/styles.css
@@ -9,7 +9,6 @@
   right: 0;
   width: 260px;
   top: 0;
-  background-color: #f5f5f5;
 }
 
 .caption {
diff --git a/apps/demos/testing/accessibility-unsupported-components.js b/apps/demos/testing/accessibility-unsupported-components.js
deleted file mode 100644
index afb918a223bc..000000000000
--- a/apps/demos/testing/accessibility-unsupported-components.js
+++ /dev/null
@@ -1,10 +0,0 @@
-export const accessibilityUnsupportedComponents = [
-  'Accordion',
-  'Charts',
-  'Diagram',
-  'FileManager',
-  'Gantt',
-  'Map',
-  'Scheduler',
-  'PivotGrid',
-];
diff --git a/apps/demos/testing/common.test.ts b/apps/demos/testing/common.test.ts
index c99df5fa2510..f3e19e8c64ca 100644
--- a/apps/demos/testing/common.test.ts
+++ b/apps/demos/testing/common.test.ts
@@ -15,11 +15,13 @@ import {
   execCode,
   injectStyle,
 } from '../utils/visual-tests/matrix-test-helper';
-import { testScreenshot } from '../utils/visual-tests/helpers/theme-utils';
+import {
+  testScreenshot,
+  isMaterial,
+  isFluent,
+} from '../utils/visual-tests/helpers/theme-utils';
 import { createMdReport, createTestCafeReport } from '../utils/axe-reporter/reporter';
-import { accessibilityUnsupportedComponents } from './accessibility-unsupported-components';
 import { knownWarnings } from './known-warnings';
-import { skipJsErrorsComponents } from './skip-js-errors-components';
 import { skippedTests } from './skipped-tests';
 
 import { gitHubIgnored } from '../utils/visual-tests/github-ignored-list';
@@ -30,18 +32,84 @@ const execTestCafeCode = (t, code) => {
   return testCafeFunction(t);
 };
 
-const COMMON_SKIP_RULES = ['color-contrast'];
-const getTestSpecificSkipRules = (testName) => {
-  switch (testName) {
-    case 'Calendar-MultipleSelection':
-      return ['empty-table-header'];
-    case 'Localization-UsingGlobalize':
-      return ['label'];
-    case 'DataGrid-EditStateManagement':
-      return ['aria-required-parent'];
-    default:
-      return [];
+const getIgnoredRules = (testName) => {
+  const ignoredRules = [];
+
+  if ((isMaterial() || isFluent())
+    && [
+      // False positive: contrast rules do not apply to disabled tags
+      'Accordion-Overview',
+      'TagBox-Overview',
+      'TreeList-StatePersistence',
+      // False positive: contrast rules do not apply to custom orange color
+      'CardView-FieldTemplate',
+      // False positive: contrast rules do not apply to read-only editors on the custom option panel background
+      'VectorMap-DynamicViewport',
+    ].includes(testName)
+  ) {
+    ignoredRules.push('color-contrast');
   }
+
+  const specificRules = {
+    'Accordion-Overview': ['nested-interactive'],
+
+    'Calendar-MultipleSelection': ['empty-table-header'],
+
+    'Charts-AreaSparklines': ['empty-table-header'],
+    'Charts-BarSparklines': ['empty-table-header'],
+    'Charts-SimpleBullets': ['empty-table-header'],
+    'Charts-SimpleSparklines': ['empty-table-header'],
+    'Charts-WinlossSparklines': ['empty-table-header'],
+
+    'DataGrid-EditStateManagement': ['aria-required-parent'],
+    'DataGrid-RemoteCRUDOperations': ['scrollable-region-focusable'],
+
+    'Diagram-Adaptability': ['aria-dialog-name', 'label'],
+    'Diagram-AdvancedDataBinding': ['aria-dialog-name', 'label'],
+    'Diagram-Containers': ['aria-dialog-name', 'label'],
+    'Diagram-CustomShapesWithIcons': ['aria-dialog-name', 'label'],
+    'Diagram-CustomShapesWithTemplates': ['label'],
+    'Diagram-CustomShapesWithTemplatesWithEditing': ['aria-dialog-name', 'label'],
+    'Diagram-CustomShapesWithTexts': ['aria-dialog-name', 'label'],
+    'Diagram-ImagesInShapes': ['aria-dialog-name', 'label'],
+    'Diagram-ItemSelection': ['label'],
+    'Diagram-NodesAndEdgesArrays': ['aria-dialog-name', 'label'],
+    'Diagram-NodesArrayHierarchicalStructure': ['aria-dialog-name', 'label'],
+    'Diagram-NodesArrayPlainStructure': ['aria-dialog-name', 'label'],
+    'Diagram-OperationRestrictions': ['aria-dialog-name', 'label'],
+    'Diagram-Overview': ['aria-dialog-name', 'label'],
+    'Diagram-ReadOnly': ['label'],
+    'Diagram-SimpleView': ['label'],
+    'Diagram-UICustomization': ['aria-dialog-name', 'label'],
+    'Diagram-WebAPIService': ['aria-dialog-name', 'label'],
+
+    'FileManager-BindingToEF': ['aria-command-name', 'label'],
+    'FileManager-BindingToFileSystem': ['aria-command-name', 'empty-table-header', 'label'],
+    'FileManager-BindingToHierarchicalStructure': ['aria-command-name', 'empty-table-header', 'label'],
+    'FileManager-CustomThumbnails': ['aria-allowed-attr', 'aria-command-name', 'image-alt', 'label'],
+    'FileManager-Overview': ['aria-command-name', 'empty-table-header', 'label'],
+    'FileManager-UICustomization': ['aria-command-name', 'empty-table-header', 'label'],
+
+    'PivotGrid-SummaryDisplayModes': ['aria-allowed-attr'],
+    'PivotGrid-StatePersistence': ['aria-allowed-attr'],
+    'PivotGrid-StandaloneFieldChooser': ['aria-allowed-attr'],
+    'PivotGrid-FieldPanel': ['aria-allowed-attr'],
+    'PivotGrid-ExcelJsHeaderAndFooter': ['aria-allowed-attr'],
+
+    'Scheduler-Templates': ['image-alt'],
+
+    'Gantt-Appearance': ['aria-toggle-field-name'],
+    'Gantt-ExportToPDF': ['aria-toggle-field-name'],
+    'Gantt-StripLines': ['aria-required-parent', 'aria-valid-attr-value'],
+    'Gantt-Validation': ['aria-required-parent', 'aria-valid-attr-value'],
+
+    'Localization-UsingGlobalize': ['label'],
+  };
+
+  return [
+    ...ignoredRules,
+    ...(specificRules[testName] || []),
+  ];
 };
 
 const getClientScripts = () => {
@@ -102,10 +170,6 @@ Object.values(FRAMEWORKS).forEach((approach) => {
 
     let comparisonOptions;
     if (process.env.DISABLE_DEMO_TEST_SETTINGS !== 'all') {
-      if (process.env.STRATEGY === 'accessibility' && accessibilityUnsupportedComponents.includes(widgetName)) {
-        return;
-      }
-
       const approachLowerCase = approach.toLowerCase();
       const mergedTestSettings = (visualTestSettings && {
         ...visualTestSettings,
@@ -134,14 +198,13 @@ Object.values(FRAMEWORKS).forEach((approach) => {
       return;
     }
 
-    if (shouldSkipDemo(approach, widgetName, demoName, skippedTests)) {
+    if (shouldSkipDemo(approach, widgetName, demoName, skippedTests) && process.env.STRATEGY !== 'accessibility') {
       return;
     }
 
     runTestAtPage(
       test,
-      pageURL,
-      skipJsErrorsComponents.includes(widgetName),
+      pageURL
     )
       .clientScripts(clientScriptSource)(testName, async (t) => {
         if (visualTestStyles) {
@@ -160,10 +223,10 @@ Object.values(FRAMEWORKS).forEach((approach) => {
         }
 
         if (process.env.STRATEGY === 'accessibility') {
-          const specificSkipRules = getTestSpecificSkipRules(testName);
+          const ignoredRules = getIgnoredRules(testName);
           const options = { rules: {} };
 
-          [...COMMON_SKIP_RULES, ...specificSkipRules].forEach((ruleName) => {
+          ignoredRules.forEach((ruleName) => {
             options.rules[ruleName] = { enabled: false };
           });
 
diff --git a/apps/demos/testing/etalons/Accordion-Overview (material.blue.light).png b/apps/demos/testing/etalons/Accordion-Overview (material.blue.light).png
index 44757a1dee6d..acd55fa0dc05 100644
Binary files a/apps/demos/testing/etalons/Accordion-Overview (material.blue.light).png and b/apps/demos/testing/etalons/Accordion-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/ActionSheet-Basics (material.blue.light).png b/apps/demos/testing/etalons/ActionSheet-Basics (material.blue.light).png
index c32b4509c06f..93d8d7ab0489 100644
Binary files a/apps/demos/testing/etalons/ActionSheet-Basics (material.blue.light).png and b/apps/demos/testing/etalons/ActionSheet-Basics (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/ActionSheet-PopoverMode (material.blue.light).png b/apps/demos/testing/etalons/ActionSheet-PopoverMode (material.blue.light).png
index b907c439e273..595dcae76c7f 100644
Binary files a/apps/demos/testing/etalons/ActionSheet-PopoverMode (material.blue.light).png and b/apps/demos/testing/etalons/ActionSheet-PopoverMode (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Autocomplete-Overview (material.blue.light).png b/apps/demos/testing/etalons/Autocomplete-Overview (material.blue.light).png
index 64c4f8ebff7d..92e249627651 100644
Binary files a/apps/demos/testing/etalons/Autocomplete-Overview (material.blue.light).png and b/apps/demos/testing/etalons/Autocomplete-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Box-Overview (material.blue.light).png b/apps/demos/testing/etalons/Box-Overview (material.blue.light).png
index 0b428fef240d..7622e30ebf8f 100644
Binary files a/apps/demos/testing/etalons/Box-Overview (material.blue.light).png and b/apps/demos/testing/etalons/Box-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Button-Icons (material.blue.light).png b/apps/demos/testing/etalons/Button-Icons (material.blue.light).png
index e9b0831cd58c..f93bacf86f9e 100644
Binary files a/apps/demos/testing/etalons/Button-Icons (material.blue.light).png and b/apps/demos/testing/etalons/Button-Icons (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Button-PredefinedTypes (material.blue.light).png b/apps/demos/testing/etalons/Button-PredefinedTypes (material.blue.light).png
index ca019019ced6..b7e43cfe43c6 100644
Binary files a/apps/demos/testing/etalons/Button-PredefinedTypes (material.blue.light).png and b/apps/demos/testing/etalons/Button-PredefinedTypes (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/ButtonGroup-Overview (material.blue.light).png b/apps/demos/testing/etalons/ButtonGroup-Overview (material.blue.light).png
index 3d493f29ad6b..4d5d4e8145b2 100644
Binary files a/apps/demos/testing/etalons/ButtonGroup-Overview (material.blue.light).png and b/apps/demos/testing/etalons/ButtonGroup-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Calendar-MultipleSelection (material.blue.light).png b/apps/demos/testing/etalons/Calendar-MultipleSelection (material.blue.light).png
index d3267e5aa8e1..62a42a29c264 100644
Binary files a/apps/demos/testing/etalons/Calendar-MultipleSelection (material.blue.light).png and b/apps/demos/testing/etalons/Calendar-MultipleSelection (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Calendar-Overview (material.blue.light).png b/apps/demos/testing/etalons/Calendar-Overview (material.blue.light).png
index 183e54e6e351..badbc29f953f 100644
Binary files a/apps/demos/testing/etalons/Calendar-Overview (material.blue.light).png and b/apps/demos/testing/etalons/Calendar-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/CardView-CardTemplate (material.blue.light).png b/apps/demos/testing/etalons/CardView-CardTemplate (material.blue.light).png
index 3900225f6c8f..3f24edbca1ac 100644
Binary files a/apps/demos/testing/etalons/CardView-CardTemplate (material.blue.light).png and b/apps/demos/testing/etalons/CardView-CardTemplate (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/CardView-ColumnChooser (material.blue.light).png b/apps/demos/testing/etalons/CardView-ColumnChooser (material.blue.light).png
index 4529cefe9885..451b44a11644 100644
Binary files a/apps/demos/testing/etalons/CardView-ColumnChooser (material.blue.light).png and b/apps/demos/testing/etalons/CardView-ColumnChooser (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/CardView-ColumnHeaderFilter (material.blue.light).png b/apps/demos/testing/etalons/CardView-ColumnHeaderFilter (material.blue.light).png
index 8d1ba7d2d13f..750b7ab5fb34 100644
Binary files a/apps/demos/testing/etalons/CardView-ColumnHeaderFilter (material.blue.light).png and b/apps/demos/testing/etalons/CardView-ColumnHeaderFilter (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/CardView-ColumnReordering (material.blue.light).png b/apps/demos/testing/etalons/CardView-ColumnReordering (material.blue.light).png
index ab20aa7e741d..5e67efd23d57 100644
Binary files a/apps/demos/testing/etalons/CardView-ColumnReordering (material.blue.light).png and b/apps/demos/testing/etalons/CardView-ColumnReordering (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/CardView-DataValidation (material.blue.light).png b/apps/demos/testing/etalons/CardView-DataValidation (material.blue.light).png
index ecde0d366b62..6515183c6f62 100644
Binary files a/apps/demos/testing/etalons/CardView-DataValidation (material.blue.light).png and b/apps/demos/testing/etalons/CardView-DataValidation (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/CardView-FieldTemplate (material.blue.light).png b/apps/demos/testing/etalons/CardView-FieldTemplate (material.blue.light).png
index 96d5c2047068..ada99c8c5eb5 100644
Binary files a/apps/demos/testing/etalons/CardView-FieldTemplate (material.blue.light).png and b/apps/demos/testing/etalons/CardView-FieldTemplate (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/CardView-FilterPanel (material.blue.light).png b/apps/demos/testing/etalons/CardView-FilterPanel (material.blue.light).png
index 1bce22250c09..0157908ec8d6 100644
Binary files a/apps/demos/testing/etalons/CardView-FilterPanel (material.blue.light).png and b/apps/demos/testing/etalons/CardView-FilterPanel (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/CardView-Overview (material.blue.light).png b/apps/demos/testing/etalons/CardView-Overview (material.blue.light).png
index b8cecb012d20..bd1efc9c696b 100644
Binary files a/apps/demos/testing/etalons/CardView-Overview (material.blue.light).png and b/apps/demos/testing/etalons/CardView-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/CardView-PopupEditing (material.blue.light).png b/apps/demos/testing/etalons/CardView-PopupEditing (material.blue.light).png
index ecde0d366b62..6515183c6f62 100644
Binary files a/apps/demos/testing/etalons/CardView-PopupEditing (material.blue.light).png and b/apps/demos/testing/etalons/CardView-PopupEditing (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/CardView-SearchPanel (material.blue.light).png b/apps/demos/testing/etalons/CardView-SearchPanel (material.blue.light).png
index 80e89843dbae..3ed41478a95f 100644
Binary files a/apps/demos/testing/etalons/CardView-SearchPanel (material.blue.light).png and b/apps/demos/testing/etalons/CardView-SearchPanel (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/CardView-Selection (material.blue.light).png b/apps/demos/testing/etalons/CardView-Selection (material.blue.light).png
index 4542ebb7c2e7..d62777a7c76b 100644
Binary files a/apps/demos/testing/etalons/CardView-Selection (material.blue.light).png and b/apps/demos/testing/etalons/CardView-Selection (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/CardView-SimpleArray (material.blue.light).png b/apps/demos/testing/etalons/CardView-SimpleArray (material.blue.light).png
index 149cd825cf15..1a7a1642b492 100644
Binary files a/apps/demos/testing/etalons/CardView-SimpleArray (material.blue.light).png and b/apps/demos/testing/etalons/CardView-SimpleArray (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/CardView-Sorting (material.blue.light).png b/apps/demos/testing/etalons/CardView-Sorting (material.blue.light).png
index ce2e71b873be..63c513d7916b 100644
Binary files a/apps/demos/testing/etalons/CardView-Sorting (material.blue.light).png and b/apps/demos/testing/etalons/CardView-Sorting (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/CardView-ToolbarCustomization (material.blue.light).png b/apps/demos/testing/etalons/CardView-ToolbarCustomization (material.blue.light).png
deleted file mode 100644
index ea98693914d2..000000000000
Binary files a/apps/demos/testing/etalons/CardView-ToolbarCustomization (material.blue.light).png and /dev/null differ
diff --git a/apps/demos/testing/etalons/CardView-WebAPIService (material.blue.light).png b/apps/demos/testing/etalons/CardView-WebAPIService (material.blue.light).png
index 9284d6843622..438f57dd0314 100644
Binary files a/apps/demos/testing/etalons/CardView-WebAPIService (material.blue.light).png and b/apps/demos/testing/etalons/CardView-WebAPIService (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-AjaxRequest (material.blue.light).png b/apps/demos/testing/etalons/Charts-AjaxRequest (material.blue.light).png
index c642fac5ac34..acea9a4318e3 100644
Binary files a/apps/demos/testing/etalons/Charts-AjaxRequest (material.blue.light).png and b/apps/demos/testing/etalons/Charts-AjaxRequest (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-Annotation (material.blue.light).png b/apps/demos/testing/etalons/Charts-Annotation (material.blue.light).png
index d125ca469597..82f1c6334f9e 100644
Binary files a/apps/demos/testing/etalons/Charts-Annotation (material.blue.light).png and b/apps/demos/testing/etalons/Charts-Annotation (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-Area (material.blue.light).png b/apps/demos/testing/etalons/Charts-Area (material.blue.light).png
index 1f5a65aae063..7d93e8581f42 100644
Binary files a/apps/demos/testing/etalons/Charts-Area (material.blue.light).png and b/apps/demos/testing/etalons/Charts-Area (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-AreaSelectionZooming (material.blue.light).png b/apps/demos/testing/etalons/Charts-AreaSelectionZooming (material.blue.light).png
index 4ea3217c7fde..960877b05918 100644
Binary files a/apps/demos/testing/etalons/Charts-AreaSelectionZooming (material.blue.light).png and b/apps/demos/testing/etalons/Charts-AreaSelectionZooming (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-AreaSparklines (material.blue.light).png b/apps/demos/testing/etalons/Charts-AreaSparklines (material.blue.light).png
index 7ffa4e55ef8b..8047571b46a4 100644
Binary files a/apps/demos/testing/etalons/Charts-AreaSparklines (material.blue.light).png and b/apps/demos/testing/etalons/Charts-AreaSparklines (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-AutoCalculatedBarWidth (material.blue.light).png b/apps/demos/testing/etalons/Charts-AutoCalculatedBarWidth (material.blue.light).png
index c4510ea310f9..d3ce224ed543 100644
Binary files a/apps/demos/testing/etalons/Charts-AutoCalculatedBarWidth (material.blue.light).png and b/apps/demos/testing/etalons/Charts-AutoCalculatedBarWidth (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-AxisCustomPosition (material.blue.light).png b/apps/demos/testing/etalons/Charts-AxisCustomPosition (material.blue.light).png
index 6f0b04bf2578..b619f7aa6881 100644
Binary files a/apps/demos/testing/etalons/Charts-AxisCustomPosition (material.blue.light).png and b/apps/demos/testing/etalons/Charts-AxisCustomPosition (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-AxisLabelCustomization (material.blue.light).png b/apps/demos/testing/etalons/Charts-AxisLabelCustomization (material.blue.light).png
index 55b1da3c235a..b7a7dc84fe2b 100644
Binary files a/apps/demos/testing/etalons/Charts-AxisLabelCustomization (material.blue.light).png and b/apps/demos/testing/etalons/Charts-AxisLabelCustomization (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-BarColorCustomization (material.blue.light).png b/apps/demos/testing/etalons/Charts-BarColorCustomization (material.blue.light).png
index ffbcc7fa21f7..0428d61fb3bf 100644
Binary files a/apps/demos/testing/etalons/Charts-BarColorCustomization (material.blue.light).png and b/apps/demos/testing/etalons/Charts-BarColorCustomization (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-BarDrillDown (material.blue.light).png b/apps/demos/testing/etalons/Charts-BarDrillDown (material.blue.light).png
index 3abd8e2ec3a9..64f93aa4733e 100644
Binary files a/apps/demos/testing/etalons/Charts-BarDrillDown (material.blue.light).png and b/apps/demos/testing/etalons/Charts-BarDrillDown (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-BarSparklines (material.blue.light).png b/apps/demos/testing/etalons/Charts-BarSparklines (material.blue.light).png
index 6ece2e836e22..0d45d19dabca 100644
Binary files a/apps/demos/testing/etalons/Charts-BarSparklines (material.blue.light).png and b/apps/demos/testing/etalons/Charts-BarSparklines (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-BiDirectionalBarChart (material.blue.light).png b/apps/demos/testing/etalons/Charts-BiDirectionalBarChart (material.blue.light).png
index 60d5db945289..e955ccaa5340 100644
Binary files a/apps/demos/testing/etalons/Charts-BiDirectionalBarChart (material.blue.light).png and b/apps/demos/testing/etalons/Charts-BiDirectionalBarChart (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-Bubble (material.blue.light).png b/apps/demos/testing/etalons/Charts-Bubble (material.blue.light).png
index d4569530f5cf..044ba67d2870 100644
Binary files a/apps/demos/testing/etalons/Charts-Bubble (material.blue.light).png and b/apps/demos/testing/etalons/Charts-Bubble (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-Candlestick (material.blue.light).png b/apps/demos/testing/etalons/Charts-Candlestick (material.blue.light).png
index 99f5a7f41882..0b0887c6c210 100644
Binary files a/apps/demos/testing/etalons/Charts-Candlestick (material.blue.light).png and b/apps/demos/testing/etalons/Charts-Candlestick (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-CenterLabelCustomization (material.blue.light).png b/apps/demos/testing/etalons/Charts-CenterLabelCustomization (material.blue.light).png
index 48b2f0c91fbd..bdad0b494c12 100644
Binary files a/apps/demos/testing/etalons/Charts-CenterLabelCustomization (material.blue.light).png and b/apps/demos/testing/etalons/Charts-CenterLabelCustomization (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-ClientSideDataProcessing (material.blue.light).png b/apps/demos/testing/etalons/Charts-ClientSideDataProcessing (material.blue.light).png
index 8e6212cec1e6..6b370b753b22 100644
Binary files a/apps/demos/testing/etalons/Charts-ClientSideDataProcessing (material.blue.light).png and b/apps/demos/testing/etalons/Charts-ClientSideDataProcessing (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-Colorization (material.blue.light).png b/apps/demos/testing/etalons/Charts-Colorization (material.blue.light).png
index 3478eacbc19d..c34610b2ddfa 100644
Binary files a/apps/demos/testing/etalons/Charts-Colorization (material.blue.light).png and b/apps/demos/testing/etalons/Charts-Colorization (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-ContinuousData (material.blue.light).png b/apps/demos/testing/etalons/Charts-ContinuousData (material.blue.light).png
index 3dd50ba2c587..2e92e5b8dedf 100644
Binary files a/apps/demos/testing/etalons/Charts-ContinuousData (material.blue.light).png and b/apps/demos/testing/etalons/Charts-ContinuousData (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-Crosshair (material.blue.light).png b/apps/demos/testing/etalons/Charts-Crosshair (material.blue.light).png
index b04d291fe1dd..559645778f50 100644
Binary files a/apps/demos/testing/etalons/Charts-Crosshair (material.blue.light).png and b/apps/demos/testing/etalons/Charts-Crosshair (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-CustomAnnotations (material.blue.light).png b/apps/demos/testing/etalons/Charts-CustomAnnotations (material.blue.light).png
index b764fc950135..402b42b5f40b 100644
Binary files a/apps/demos/testing/etalons/Charts-CustomAnnotations (material.blue.light).png and b/apps/demos/testing/etalons/Charts-CustomAnnotations (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-CustomBarWidth (material.blue.light).png b/apps/demos/testing/etalons/Charts-CustomBarWidth (material.blue.light).png
index 898685cefe6c..19714ab4478c 100644
Binary files a/apps/demos/testing/etalons/Charts-CustomBarWidth (material.blue.light).png and b/apps/demos/testing/etalons/Charts-CustomBarWidth (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-CustomFillStyles (material.blue.light).png b/apps/demos/testing/etalons/Charts-CustomFillStyles (material.blue.light).png
index 181c9a27cb71..e4ee6d2f7d3f 100644
Binary files a/apps/demos/testing/etalons/Charts-CustomFillStyles (material.blue.light).png and b/apps/demos/testing/etalons/Charts-CustomFillStyles (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-CustomizePointsAndLabels (material.blue.light).png b/apps/demos/testing/etalons/Charts-CustomizePointsAndLabels (material.blue.light).png
index 5d8c57b55db5..3f75ad182138 100644
Binary files a/apps/demos/testing/etalons/Charts-CustomizePointsAndLabels (material.blue.light).png and b/apps/demos/testing/etalons/Charts-CustomizePointsAndLabels (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-DiscreteAxisZoomingAndScrolling (material.blue.light).png b/apps/demos/testing/etalons/Charts-DiscreteAxisZoomingAndScrolling (material.blue.light).png
index 9c01950def3f..f7b40cbee0b1 100644
Binary files a/apps/demos/testing/etalons/Charts-DiscreteAxisZoomingAndScrolling (material.blue.light).png and b/apps/demos/testing/etalons/Charts-DiscreteAxisZoomingAndScrolling (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-DiscreteData (material.blue.light).png b/apps/demos/testing/etalons/Charts-DiscreteData (material.blue.light).png
index 2b7ac6f1b6fe..c6e6b1f86b8b 100644
Binary files a/apps/demos/testing/etalons/Charts-DiscreteData (material.blue.light).png and b/apps/demos/testing/etalons/Charts-DiscreteData (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-DiscretePointsAggregation (material.blue.light).png b/apps/demos/testing/etalons/Charts-DiscretePointsAggregation (material.blue.light).png
index 5dfcc755eadf..5752e64e9c27 100644
Binary files a/apps/demos/testing/etalons/Charts-DiscretePointsAggregation (material.blue.light).png and b/apps/demos/testing/etalons/Charts-DiscretePointsAggregation (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-Doughnut (material.blue.light).png b/apps/demos/testing/etalons/Charts-Doughnut (material.blue.light).png
index 8bb75a8df1c3..4e6ee50b3cc9 100644
Binary files a/apps/demos/testing/etalons/Charts-Doughnut (material.blue.light).png and b/apps/demos/testing/etalons/Charts-Doughnut (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-DoughnutSelection (material.blue.light).png b/apps/demos/testing/etalons/Charts-DoughnutSelection (material.blue.light).png
index e50a577aebd6..503a604a80ed 100644
Binary files a/apps/demos/testing/etalons/Charts-DoughnutSelection (material.blue.light).png and b/apps/demos/testing/etalons/Charts-DoughnutSelection (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-DoughnutWithTopNSeries (material.blue.light).png b/apps/demos/testing/etalons/Charts-DoughnutWithTopNSeries (material.blue.light).png
index cab450942535..4f40f98eeb55 100644
Binary files a/apps/demos/testing/etalons/Charts-DoughnutWithTopNSeries (material.blue.light).png and b/apps/demos/testing/etalons/Charts-DoughnutWithTopNSeries (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-DrillDown (material.blue.light).png b/apps/demos/testing/etalons/Charts-DrillDown (material.blue.light).png
index 7a64b686d8a9..3e5432cb1492 100644
Binary files a/apps/demos/testing/etalons/Charts-DrillDown (material.blue.light).png and b/apps/demos/testing/etalons/Charts-DrillDown (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-DynamicSeries (material.blue.light).png b/apps/demos/testing/etalons/Charts-DynamicSeries (material.blue.light).png
index 4551916a8904..d95787571b17 100644
Binary files a/apps/demos/testing/etalons/Charts-DynamicSeries (material.blue.light).png and b/apps/demos/testing/etalons/Charts-DynamicSeries (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-EqualSizePies (material.blue.light).png b/apps/demos/testing/etalons/Charts-EqualSizePies (material.blue.light).png
index 7466d86fd9de..e9473f644ec6 100644
Binary files a/apps/demos/testing/etalons/Charts-EqualSizePies (material.blue.light).png and b/apps/demos/testing/etalons/Charts-EqualSizePies (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-ErrorBars (material.blue.light).png b/apps/demos/testing/etalons/Charts-ErrorBars (material.blue.light).png
index 295179d6bc28..68db7f32eec2 100644
Binary files a/apps/demos/testing/etalons/Charts-ErrorBars (material.blue.light).png and b/apps/demos/testing/etalons/Charts-ErrorBars (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-ExportAndPrintingAPI (material.blue.light).png b/apps/demos/testing/etalons/Charts-ExportAndPrintingAPI (material.blue.light).png
index d863be1f9229..72042c94540b 100644
Binary files a/apps/demos/testing/etalons/Charts-ExportAndPrintingAPI (material.blue.light).png and b/apps/demos/testing/etalons/Charts-ExportAndPrintingAPI (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-ExportCustomMarkup (material.blue.light).png b/apps/demos/testing/etalons/Charts-ExportCustomMarkup (material.blue.light).png
index 60c83b114229..c12e634e0cb1 100644
Binary files a/apps/demos/testing/etalons/Charts-ExportCustomMarkup (material.blue.light).png and b/apps/demos/testing/etalons/Charts-ExportCustomMarkup (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-ExportSeveralCharts (material.blue.light).png b/apps/demos/testing/etalons/Charts-ExportSeveralCharts (material.blue.light).png
index 3215640a9aac..bc4ce27d38c7 100644
Binary files a/apps/demos/testing/etalons/Charts-ExportSeveralCharts (material.blue.light).png and b/apps/demos/testing/etalons/Charts-ExportSeveralCharts (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-FlatDataStructure (material.blue.light).png b/apps/demos/testing/etalons/Charts-FlatDataStructure (material.blue.light).png
index 8aa45a18f5d9..fe3b1c2544ef 100644
Binary files a/apps/demos/testing/etalons/Charts-FlatDataStructure (material.blue.light).png and b/apps/demos/testing/etalons/Charts-FlatDataStructure (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-FullStackedBar (material.blue.light).png b/apps/demos/testing/etalons/Charts-FullStackedBar (material.blue.light).png
index 73ac572bfc6b..22462685274f 100644
Binary files a/apps/demos/testing/etalons/Charts-FullStackedBar (material.blue.light).png and b/apps/demos/testing/etalons/Charts-FullStackedBar (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-FunnelChart (material.blue.light).png b/apps/demos/testing/etalons/Charts-FunnelChart (material.blue.light).png
index 8decbcc65c59..c788ce4c9508 100644
Binary files a/apps/demos/testing/etalons/Charts-FunnelChart (material.blue.light).png and b/apps/demos/testing/etalons/Charts-FunnelChart (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-HierarchicalDataStructure (material.blue.light).png b/apps/demos/testing/etalons/Charts-HierarchicalDataStructure (material.blue.light).png
index 8aa45a18f5d9..fe3b1c2544ef 100644
Binary files a/apps/demos/testing/etalons/Charts-HierarchicalDataStructure (material.blue.light).png and b/apps/demos/testing/etalons/Charts-HierarchicalDataStructure (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-HoverMode (material.blue.light).png b/apps/demos/testing/etalons/Charts-HoverMode (material.blue.light).png
index a8045f1b3351..269db5b3730a 100644
Binary files a/apps/demos/testing/etalons/Charts-HoverMode (material.blue.light).png and b/apps/demos/testing/etalons/Charts-HoverMode (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-InvertedChart (material.blue.light).png b/apps/demos/testing/etalons/Charts-InvertedChart (material.blue.light).png
index c163585d36c0..863fef8be59c 100644
Binary files a/apps/demos/testing/etalons/Charts-InvertedChart (material.blue.light).png and b/apps/demos/testing/etalons/Charts-InvertedChart (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-LabelCustomization (material.blue.light).png b/apps/demos/testing/etalons/Charts-LabelCustomization (material.blue.light).png
index e2dae3bbc2ea..7637ef307724 100644
Binary files a/apps/demos/testing/etalons/Charts-LabelCustomization (material.blue.light).png and b/apps/demos/testing/etalons/Charts-LabelCustomization (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-LegendMarkersCustomization (material.blue.light).png b/apps/demos/testing/etalons/Charts-LegendMarkersCustomization (material.blue.light).png
index 3702cc38bd5f..f32266e04c2c 100644
Binary files a/apps/demos/testing/etalons/Charts-LegendMarkersCustomization (material.blue.light).png and b/apps/demos/testing/etalons/Charts-LegendMarkersCustomization (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-Line (material.blue.light).png b/apps/demos/testing/etalons/Charts-Line (material.blue.light).png
index 9d09edc96f99..48c303556251 100644
Binary files a/apps/demos/testing/etalons/Charts-Line (material.blue.light).png and b/apps/demos/testing/etalons/Charts-Line (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-LoadDataOnDemand (material.blue.light).png b/apps/demos/testing/etalons/Charts-LoadDataOnDemand (material.blue.light).png
index b752e29ebfff..1a4cfd613a3e 100644
Binary files a/apps/demos/testing/etalons/Charts-LoadDataOnDemand (material.blue.light).png and b/apps/demos/testing/etalons/Charts-LoadDataOnDemand (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-LogarithmicAxis (material.blue.light).png b/apps/demos/testing/etalons/Charts-LogarithmicAxis (material.blue.light).png
index 7f77509a2c19..c4f5ac0ad8d1 100644
Binary files a/apps/demos/testing/etalons/Charts-LogarithmicAxis (material.blue.light).png and b/apps/demos/testing/etalons/Charts-LogarithmicAxis (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-LogarithmicVsLinearAxes (material.blue.light).png b/apps/demos/testing/etalons/Charts-LogarithmicVsLinearAxes (material.blue.light).png
index 11da73b388f4..8d85364dde88 100644
Binary files a/apps/demos/testing/etalons/Charts-LogarithmicVsLinearAxes (material.blue.light).png and b/apps/demos/testing/etalons/Charts-LogarithmicVsLinearAxes (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-MultipleAxes (material.blue.light).png b/apps/demos/testing/etalons/Charts-MultipleAxes (material.blue.light).png
index 498059d3f25e..6d14fd165092 100644
Binary files a/apps/demos/testing/etalons/Charts-MultipleAxes (material.blue.light).png and b/apps/demos/testing/etalons/Charts-MultipleAxes (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-MultiplePanes (material.blue.light).png b/apps/demos/testing/etalons/Charts-MultiplePanes (material.blue.light).png
index af7029936a26..30500c00531d 100644
Binary files a/apps/demos/testing/etalons/Charts-MultiplePanes (material.blue.light).png and b/apps/demos/testing/etalons/Charts-MultiplePanes (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-MultiplePointSelection (material.blue.light).png b/apps/demos/testing/etalons/Charts-MultiplePointSelection (material.blue.light).png
index 8b46aa0414a9..475142e2a104 100644
Binary files a/apps/demos/testing/etalons/Charts-MultiplePointSelection (material.blue.light).png and b/apps/demos/testing/etalons/Charts-MultiplePointSelection (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-MultipleSeriesSelection (material.blue.light).png b/apps/demos/testing/etalons/Charts-MultipleSeriesSelection (material.blue.light).png
index 1cb53ba46199..cc465fafa9b4 100644
Binary files a/apps/demos/testing/etalons/Charts-MultipleSeriesSelection (material.blue.light).png and b/apps/demos/testing/etalons/Charts-MultipleSeriesSelection (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-NullPointSupport (material.blue.light).png b/apps/demos/testing/etalons/Charts-NullPointSupport (material.blue.light).png
index 5c99ef752a68..ae61af7021a3 100644
Binary files a/apps/demos/testing/etalons/Charts-NullPointSupport (material.blue.light).png and b/apps/demos/testing/etalons/Charts-NullPointSupport (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-Overview (material.blue.light).png b/apps/demos/testing/etalons/Charts-Overview (material.blue.light).png
index 5a370f5f2a1a..3fb72a1c955f 100644
Binary files a/apps/demos/testing/etalons/Charts-Overview (material.blue.light).png and b/apps/demos/testing/etalons/Charts-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-Palette (material.blue.light).png b/apps/demos/testing/etalons/Charts-Palette (material.blue.light).png
index 97c4997dd23e..c909b797fcd4 100644
Binary files a/apps/demos/testing/etalons/Charts-Palette (material.blue.light).png and b/apps/demos/testing/etalons/Charts-Palette (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-ParetoChart (material.blue.light).png b/apps/demos/testing/etalons/Charts-ParetoChart (material.blue.light).png
index 5a370f5f2a1a..3fb72a1c955f 100644
Binary files a/apps/demos/testing/etalons/Charts-ParetoChart (material.blue.light).png and b/apps/demos/testing/etalons/Charts-ParetoChart (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-PeriodicData (material.blue.light).png b/apps/demos/testing/etalons/Charts-PeriodicData (material.blue.light).png
index 7aef540380c5..37308fbc9e72 100644
Binary files a/apps/demos/testing/etalons/Charts-PeriodicData (material.blue.light).png and b/apps/demos/testing/etalons/Charts-PeriodicData (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-Pie (material.blue.light).png b/apps/demos/testing/etalons/Charts-Pie (material.blue.light).png
index fc6bb0d667b6..297938b575d9 100644
Binary files a/apps/demos/testing/etalons/Charts-Pie (material.blue.light).png and b/apps/demos/testing/etalons/Charts-Pie (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-PieAnnotations (material.blue.light).png b/apps/demos/testing/etalons/Charts-PieAnnotations (material.blue.light).png
index 3f46eb4435c4..f6ef932cc507 100644
Binary files a/apps/demos/testing/etalons/Charts-PieAnnotations (material.blue.light).png and b/apps/demos/testing/etalons/Charts-PieAnnotations (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-PieResolveLabelOverlap (material.blue.light).png b/apps/demos/testing/etalons/Charts-PieResolveLabelOverlap (material.blue.light).png
index 0a9729a6f15c..97abbbb10c63 100644
Binary files a/apps/demos/testing/etalons/Charts-PieResolveLabelOverlap (material.blue.light).png and b/apps/demos/testing/etalons/Charts-PieResolveLabelOverlap (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-PieWithMultipleSeries (material.blue.light).png b/apps/demos/testing/etalons/Charts-PieWithMultipleSeries (material.blue.light).png
index e8351a668ad3..b65f7e2b6cf8 100644
Binary files a/apps/demos/testing/etalons/Charts-PieWithMultipleSeries (material.blue.light).png and b/apps/demos/testing/etalons/Charts-PieWithMultipleSeries (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-PointImage (material.blue.light).png b/apps/demos/testing/etalons/Charts-PointImage (material.blue.light).png
index e37e84a4faf2..19ab0e563565 100644
Binary files a/apps/demos/testing/etalons/Charts-PointImage (material.blue.light).png and b/apps/demos/testing/etalons/Charts-PointImage (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-PointSelectionAPI (material.blue.light).png b/apps/demos/testing/etalons/Charts-PointSelectionAPI (material.blue.light).png
index 7e3ac930841a..f87785f69ca8 100644
Binary files a/apps/demos/testing/etalons/Charts-PointSelectionAPI (material.blue.light).png and b/apps/demos/testing/etalons/Charts-PointSelectionAPI (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-PointsAggregation (material.blue.light).png b/apps/demos/testing/etalons/Charts-PointsAggregation (material.blue.light).png
index 7d504f0f4b15..b5f3dbfe491d 100644
Binary files a/apps/demos/testing/etalons/Charts-PointsAggregation (material.blue.light).png and b/apps/demos/testing/etalons/Charts-PointsAggregation (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-PointsAggregationFinancialChart (material.blue.light).png b/apps/demos/testing/etalons/Charts-PointsAggregationFinancialChart (material.blue.light).png
index ec16e461c78b..26d17583cb81 100644
Binary files a/apps/demos/testing/etalons/Charts-PointsAggregationFinancialChart (material.blue.light).png and b/apps/demos/testing/etalons/Charts-PointsAggregationFinancialChart (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-PolarChartAnnotations (material.blue.light).png b/apps/demos/testing/etalons/Charts-PolarChartAnnotations (material.blue.light).png
index 8ca2904229f6..7ab99b442934 100644
Binary files a/apps/demos/testing/etalons/Charts-PolarChartAnnotations (material.blue.light).png and b/apps/demos/testing/etalons/Charts-PolarChartAnnotations (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-PolarChartZoomingAndScrollingAPI (material.blue.light).png b/apps/demos/testing/etalons/Charts-PolarChartZoomingAndScrollingAPI (material.blue.light).png
index d26783892cee..8d18f2c1b255 100644
Binary files a/apps/demos/testing/etalons/Charts-PolarChartZoomingAndScrollingAPI (material.blue.light).png and b/apps/demos/testing/etalons/Charts-PolarChartZoomingAndScrollingAPI (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-PyramidChart (material.blue.light).png b/apps/demos/testing/etalons/Charts-PyramidChart (material.blue.light).png
index dd3b3a00b458..85babc228e9e 100644
Binary files a/apps/demos/testing/etalons/Charts-PyramidChart (material.blue.light).png and b/apps/demos/testing/etalons/Charts-PyramidChart (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-RangeArea (material.blue.light).png b/apps/demos/testing/etalons/Charts-RangeArea (material.blue.light).png
index f56dc7461c56..aea72efafb15 100644
Binary files a/apps/demos/testing/etalons/Charts-RangeArea (material.blue.light).png and b/apps/demos/testing/etalons/Charts-RangeArea (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-RangeBar (material.blue.light).png b/apps/demos/testing/etalons/Charts-RangeBar (material.blue.light).png
index e255717d3dfc..94af7ed422e3 100644
Binary files a/apps/demos/testing/etalons/Charts-RangeBar (material.blue.light).png and b/apps/demos/testing/etalons/Charts-RangeBar (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-ResolveLabelOverlap (material.blue.light).png b/apps/demos/testing/etalons/Charts-ResolveLabelOverlap (material.blue.light).png
index 10b55634d1f5..9d1024b9b47d 100644
Binary files a/apps/demos/testing/etalons/Charts-ResolveLabelOverlap (material.blue.light).png and b/apps/demos/testing/etalons/Charts-ResolveLabelOverlap (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-SankeyChart (material.blue.light).png b/apps/demos/testing/etalons/Charts-SankeyChart (material.blue.light).png
index 55be92bdebab..5652e8810fc1 100644
Binary files a/apps/demos/testing/etalons/Charts-SankeyChart (material.blue.light).png and b/apps/demos/testing/etalons/Charts-SankeyChart (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-ScaleBreaks (material.blue.light).png b/apps/demos/testing/etalons/Charts-ScaleBreaks (material.blue.light).png
index 0549617a91bf..a0cd0f1c2474 100644
Binary files a/apps/demos/testing/etalons/Charts-ScaleBreaks (material.blue.light).png and b/apps/demos/testing/etalons/Charts-ScaleBreaks (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-Scatter (material.blue.light).png b/apps/demos/testing/etalons/Charts-Scatter (material.blue.light).png
index 3d45213fb9cc..47faf13a8123 100644
Binary files a/apps/demos/testing/etalons/Charts-Scatter (material.blue.light).png and b/apps/demos/testing/etalons/Charts-Scatter (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-Selection (material.blue.light).png b/apps/demos/testing/etalons/Charts-Selection (material.blue.light).png
index 3ecce209863b..ac5c3c13e9e5 100644
Binary files a/apps/demos/testing/etalons/Charts-Selection (material.blue.light).png and b/apps/demos/testing/etalons/Charts-Selection (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-ServerSideDataProcessing (material.blue.light).png b/apps/demos/testing/etalons/Charts-ServerSideDataProcessing (material.blue.light).png
index 7c93e5f9652e..ab003f4c129e 100644
Binary files a/apps/demos/testing/etalons/Charts-ServerSideDataProcessing (material.blue.light).png and b/apps/demos/testing/etalons/Charts-ServerSideDataProcessing (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-SideBySideBar (material.blue.light).png b/apps/demos/testing/etalons/Charts-SideBySideBar (material.blue.light).png
index 00c50d725e5a..c2d35b0e9ca4 100644
Binary files a/apps/demos/testing/etalons/Charts-SideBySideBar (material.blue.light).png and b/apps/demos/testing/etalons/Charts-SideBySideBar (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-SideBySideFullStackedBar (material.blue.light).png b/apps/demos/testing/etalons/Charts-SideBySideFullStackedBar (material.blue.light).png
index f107277dc908..dec285d934ce 100644
Binary files a/apps/demos/testing/etalons/Charts-SideBySideFullStackedBar (material.blue.light).png and b/apps/demos/testing/etalons/Charts-SideBySideFullStackedBar (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-SideBySideStackedBar (material.blue.light).png b/apps/demos/testing/etalons/Charts-SideBySideStackedBar (material.blue.light).png
index 754fa2667db1..1298bfc59486 100644
Binary files a/apps/demos/testing/etalons/Charts-SideBySideStackedBar (material.blue.light).png and b/apps/demos/testing/etalons/Charts-SideBySideStackedBar (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-SignalRService (material.blue.light).png b/apps/demos/testing/etalons/Charts-SignalRService (material.blue.light).png
index 1899a1f3f0d3..d9f134d4b90d 100644
Binary files a/apps/demos/testing/etalons/Charts-SignalRService (material.blue.light).png and b/apps/demos/testing/etalons/Charts-SignalRService (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-SimpleArray (material.blue.light).png b/apps/demos/testing/etalons/Charts-SimpleArray (material.blue.light).png
index d94195f7b7ee..61b675e2ec17 100644
Binary files a/apps/demos/testing/etalons/Charts-SimpleArray (material.blue.light).png and b/apps/demos/testing/etalons/Charts-SimpleArray (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-SimpleBullets (material.blue.light).png b/apps/demos/testing/etalons/Charts-SimpleBullets (material.blue.light).png
index 001d60bfc622..86fa4b42303a 100644
Binary files a/apps/demos/testing/etalons/Charts-SimpleBullets (material.blue.light).png and b/apps/demos/testing/etalons/Charts-SimpleBullets (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-SimpleSparklines (material.blue.light).png b/apps/demos/testing/etalons/Charts-SimpleSparklines (material.blue.light).png
index ececca2865c5..495b36fd59a6 100644
Binary files a/apps/demos/testing/etalons/Charts-SimpleSparklines (material.blue.light).png and b/apps/demos/testing/etalons/Charts-SimpleSparklines (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-SmallValueGroups (material.blue.light).png b/apps/demos/testing/etalons/Charts-SmallValueGroups (material.blue.light).png
index 0f9c35225bb3..7deb7b1e2d86 100644
Binary files a/apps/demos/testing/etalons/Charts-SmallValueGroups (material.blue.light).png and b/apps/demos/testing/etalons/Charts-SmallValueGroups (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-SpiderWeb (material.blue.light).png b/apps/demos/testing/etalons/Charts-SpiderWeb (material.blue.light).png
index c2037e8b9315..98126a4d4b14 100644
Binary files a/apps/demos/testing/etalons/Charts-SpiderWeb (material.blue.light).png and b/apps/demos/testing/etalons/Charts-SpiderWeb (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-Spline (material.blue.light).png b/apps/demos/testing/etalons/Charts-Spline (material.blue.light).png
index 103b9490de86..3a8da109ba50 100644
Binary files a/apps/demos/testing/etalons/Charts-Spline (material.blue.light).png and b/apps/demos/testing/etalons/Charts-Spline (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-SplineArea (material.blue.light).png b/apps/demos/testing/etalons/Charts-SplineArea (material.blue.light).png
index da56d6cde09e..5b226be27baf 100644
Binary files a/apps/demos/testing/etalons/Charts-SplineArea (material.blue.light).png and b/apps/demos/testing/etalons/Charts-SplineArea (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-StackedBar (material.blue.light).png b/apps/demos/testing/etalons/Charts-StackedBar (material.blue.light).png
index 71998542493e..d495e41740d0 100644
Binary files a/apps/demos/testing/etalons/Charts-StackedBar (material.blue.light).png and b/apps/demos/testing/etalons/Charts-StackedBar (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-StandardBar (material.blue.light).png b/apps/demos/testing/etalons/Charts-StandardBar (material.blue.light).png
index bae2f13f73ed..7dfa2df21227 100644
Binary files a/apps/demos/testing/etalons/Charts-StandardBar (material.blue.light).png and b/apps/demos/testing/etalons/Charts-StandardBar (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-StepArea (material.blue.light).png b/apps/demos/testing/etalons/Charts-StepArea (material.blue.light).png
index 6565a5bea60f..54b7a038cb50 100644
Binary files a/apps/demos/testing/etalons/Charts-StepArea (material.blue.light).png and b/apps/demos/testing/etalons/Charts-StepArea (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-StepLine (material.blue.light).png b/apps/demos/testing/etalons/Charts-StepLine (material.blue.light).png
index 46d16fca3609..917e2a55cb42 100644
Binary files a/apps/demos/testing/etalons/Charts-StepLine (material.blue.light).png and b/apps/demos/testing/etalons/Charts-StepLine (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-Stock (material.blue.light).png b/apps/demos/testing/etalons/Charts-Stock (material.blue.light).png
index 5abf2cc00d65..94c83f45d2e8 100644
Binary files a/apps/demos/testing/etalons/Charts-Stock (material.blue.light).png and b/apps/demos/testing/etalons/Charts-Stock (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-Strips (material.blue.light).png b/apps/demos/testing/etalons/Charts-Strips (material.blue.light).png
index 02edf8947130..fa2188c4f971 100644
Binary files a/apps/demos/testing/etalons/Charts-Strips (material.blue.light).png and b/apps/demos/testing/etalons/Charts-Strips (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-TilingAlgorithms (material.blue.light).png b/apps/demos/testing/etalons/Charts-TilingAlgorithms (material.blue.light).png
index 4eba1ff722e2..cfcc1d85547e 100644
Binary files a/apps/demos/testing/etalons/Charts-TilingAlgorithms (material.blue.light).png and b/apps/demos/testing/etalons/Charts-TilingAlgorithms (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-Timeline (material.blue.light).png b/apps/demos/testing/etalons/Charts-Timeline (material.blue.light).png
index 71a24c9411ef..4fab0b143e43 100644
Binary files a/apps/demos/testing/etalons/Charts-Timeline (material.blue.light).png and b/apps/demos/testing/etalons/Charts-Timeline (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-TooltipAPI (material.blue.light).png b/apps/demos/testing/etalons/Charts-TooltipAPI (material.blue.light).png
index 062e70873819..e7d499c4a674 100644
Binary files a/apps/demos/testing/etalons/Charts-TooltipAPI (material.blue.light).png and b/apps/demos/testing/etalons/Charts-TooltipAPI (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-TooltipCustomization (material.blue.light).png b/apps/demos/testing/etalons/Charts-TooltipCustomization (material.blue.light).png
index 15c28751fc81..267aa5bdc975 100644
Binary files a/apps/demos/testing/etalons/Charts-TooltipCustomization (material.blue.light).png and b/apps/demos/testing/etalons/Charts-TooltipCustomization (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-WindRose (material.blue.light).png b/apps/demos/testing/etalons/Charts-WindRose (material.blue.light).png
index 4eb758fba773..ade83a4af95c 100644
Binary files a/apps/demos/testing/etalons/Charts-WindRose (material.blue.light).png and b/apps/demos/testing/etalons/Charts-WindRose (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-WinlossSparklines (material.blue.light).png b/apps/demos/testing/etalons/Charts-WinlossSparklines (material.blue.light).png
index 254023bb3f45..32fa80a477f1 100644
Binary files a/apps/demos/testing/etalons/Charts-WinlossSparklines (material.blue.light).png and b/apps/demos/testing/etalons/Charts-WinlossSparklines (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-ZoomingAndScrolling (material.blue.light).png b/apps/demos/testing/etalons/Charts-ZoomingAndScrolling (material.blue.light).png
index b86b7308b52b..1ff28ce89c02 100644
Binary files a/apps/demos/testing/etalons/Charts-ZoomingAndScrolling (material.blue.light).png and b/apps/demos/testing/etalons/Charts-ZoomingAndScrolling (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Charts-ZoomingAndScrollingAPI (material.blue.light).png b/apps/demos/testing/etalons/Charts-ZoomingAndScrollingAPI (material.blue.light).png
index da731becfa90..66f068f5e167 100644
Binary files a/apps/demos/testing/etalons/Charts-ZoomingAndScrollingAPI (material.blue.light).png and b/apps/demos/testing/etalons/Charts-ZoomingAndScrollingAPI (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Chat-AIAndChatbotIntegration (material.blue.light).png b/apps/demos/testing/etalons/Chat-AIAndChatbotIntegration (material.blue.light).png
index e6a6c9a7968f..af360ea9d8ef 100644
Binary files a/apps/demos/testing/etalons/Chat-AIAndChatbotIntegration (material.blue.light).png and b/apps/demos/testing/etalons/Chat-AIAndChatbotIntegration (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Chat-Customization (material.blue.light).png b/apps/demos/testing/etalons/Chat-Customization (material.blue.light).png
index 06b22009b951..4c33536bbfa7 100644
Binary files a/apps/demos/testing/etalons/Chat-Customization (material.blue.light).png and b/apps/demos/testing/etalons/Chat-Customization (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Chat-FileAttachments (material.blue.light).png b/apps/demos/testing/etalons/Chat-FileAttachments (material.blue.light).png
index 0331a1e5c250..6e302aa20208 100644
Binary files a/apps/demos/testing/etalons/Chat-FileAttachments (material.blue.light).png and b/apps/demos/testing/etalons/Chat-FileAttachments (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Chat-MessageEditing (material.blue.light).png b/apps/demos/testing/etalons/Chat-MessageEditing (material.blue.light).png
index d374f48dadb3..b99e24d53c57 100644
Binary files a/apps/demos/testing/etalons/Chat-MessageEditing (material.blue.light).png and b/apps/demos/testing/etalons/Chat-MessageEditing (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Chat-Overview (material.blue.light).png b/apps/demos/testing/etalons/Chat-Overview (material.blue.light).png
index bdb50021972f..78bf8066c8e6 100644
Binary files a/apps/demos/testing/etalons/Chat-Overview (material.blue.light).png and b/apps/demos/testing/etalons/Chat-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/CheckBox-Overview (material.blue.light).png b/apps/demos/testing/etalons/CheckBox-Overview (material.blue.light).png
index 624c89878e22..c994bc92b7d2 100644
Binary files a/apps/demos/testing/etalons/CheckBox-Overview (material.blue.light).png and b/apps/demos/testing/etalons/CheckBox-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/ColorBox-Overview (material.blue.light).png b/apps/demos/testing/etalons/ColorBox-Overview (material.blue.light).png
index 4859546e79bb..e07addb11b30 100644
Binary files a/apps/demos/testing/etalons/ColorBox-Overview (material.blue.light).png and b/apps/demos/testing/etalons/ColorBox-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Common-CustomTextEditorButtons (material.blue.light).png b/apps/demos/testing/etalons/Common-CustomTextEditorButtons (material.blue.light).png
index 40e0c2d2230d..90902add6f76 100644
Binary files a/apps/demos/testing/etalons/Common-CustomTextEditorButtons (material.blue.light).png and b/apps/demos/testing/etalons/Common-CustomTextEditorButtons (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Common-EditorAppearanceVariants (material.blue.light).png b/apps/demos/testing/etalons/Common-EditorAppearanceVariants (material.blue.light).png
index 42bfae8765dd..2bd6224da61b 100644
Binary files a/apps/demos/testing/etalons/Common-EditorAppearanceVariants (material.blue.light).png and b/apps/demos/testing/etalons/Common-EditorAppearanceVariants (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Common-EditorsOverview (material.blue.light).png b/apps/demos/testing/etalons/Common-EditorsOverview (material.blue.light).png
index 1f62b696a3f3..ff28f0a9ee94 100644
Binary files a/apps/demos/testing/etalons/Common-EditorsOverview (material.blue.light).png and b/apps/demos/testing/etalons/Common-EditorsOverview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Common-EditorsRightToLeftSupport (material.blue.light).png b/apps/demos/testing/etalons/Common-EditorsRightToLeftSupport (material.blue.light).png
index 197f504a500a..8eef509221cb 100644
Binary files a/apps/demos/testing/etalons/Common-EditorsRightToLeftSupport (material.blue.light).png and b/apps/demos/testing/etalons/Common-EditorsRightToLeftSupport (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Common-FormsOverview (material.blue.light).png b/apps/demos/testing/etalons/Common-FormsOverview (material.blue.light).png
index d8813842d62c..c34a52f4dc59 100644
Binary files a/apps/demos/testing/etalons/Common-FormsOverview (material.blue.light).png and b/apps/demos/testing/etalons/Common-FormsOverview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Common-ListsOverview (material.blue.light).png b/apps/demos/testing/etalons/Common-ListsOverview (material.blue.light).png
index e1b0393ce675..bbadb3197310 100644
Binary files a/apps/demos/testing/etalons/Common-ListsOverview (material.blue.light).png and b/apps/demos/testing/etalons/Common-ListsOverview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Common-NavigationOverview (material.blue.light).png b/apps/demos/testing/etalons/Common-NavigationOverview (material.blue.light).png
index 84c20f0718ac..6b4ea73e2442 100644
Binary files a/apps/demos/testing/etalons/Common-NavigationOverview (material.blue.light).png and b/apps/demos/testing/etalons/Common-NavigationOverview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Common-NavigationRightToLeftSupport (material.blue.light).png b/apps/demos/testing/etalons/Common-NavigationRightToLeftSupport (material.blue.light).png
index 33def7d9c4d0..821407079c84 100644
Binary files a/apps/demos/testing/etalons/Common-NavigationRightToLeftSupport (material.blue.light).png and b/apps/demos/testing/etalons/Common-NavigationRightToLeftSupport (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Common-PopupAndNotificationsOverview (material.blue.light).png b/apps/demos/testing/etalons/Common-PopupAndNotificationsOverview (material.blue.light).png
index aefce8523271..1041f0b72726 100644
Binary files a/apps/demos/testing/etalons/Common-PopupAndNotificationsOverview (material.blue.light).png and b/apps/demos/testing/etalons/Common-PopupAndNotificationsOverview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/ContextMenu-Basics (material.blue.light).png b/apps/demos/testing/etalons/ContextMenu-Basics (material.blue.light).png
index 46b74ccca996..36b7fe85edeb 100644
Binary files a/apps/demos/testing/etalons/ContextMenu-Basics (material.blue.light).png and b/apps/demos/testing/etalons/ContextMenu-Basics (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/ContextMenu-Scrolling (material.blue.light).png b/apps/demos/testing/etalons/ContextMenu-Scrolling (material.blue.light).png
index 6e757395e932..96195f7aaa81 100644
Binary files a/apps/demos/testing/etalons/ContextMenu-Scrolling (material.blue.light).png and b/apps/demos/testing/etalons/ContextMenu-Scrolling (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/ContextMenu-Templates (material.blue.light).png b/apps/demos/testing/etalons/ContextMenu-Templates (material.blue.light).png
index 4c45191ee5c5..ffd52ce9fede 100644
Binary files a/apps/demos/testing/etalons/ContextMenu-Templates (material.blue.light).png and b/apps/demos/testing/etalons/ContextMenu-Templates (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-AIColumns (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-AIColumns (material.blue.light).png
index 7881da787f15..3080ce8f1fb7 100644
Binary files a/apps/demos/testing/etalons/DataGrid-AIColumns (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-AIColumns (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-AdvancedMasterDetailView (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-AdvancedMasterDetailView (material.blue.light).png
index e3e3b5d93aeb..c3c229d47400 100644
Binary files a/apps/demos/testing/etalons/DataGrid-AdvancedMasterDetailView (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-AdvancedMasterDetailView (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-AjaxRequest (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-AjaxRequest (material.blue.light).png
index 1c77bdc82d2f..caa4a5c6e1c4 100644
Binary files a/apps/demos/testing/etalons/DataGrid-AjaxRequest (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-AjaxRequest (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-Appearance (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-Appearance (material.blue.light).png
index cd1eaa688253..c82b337958e9 100644
Binary files a/apps/demos/testing/etalons/DataGrid-Appearance (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-Appearance (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-AutoPopulatedColumns (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-AutoPopulatedColumns (material.blue.light).png
index 50b49cd1095a..13323f57dae8 100644
Binary files a/apps/demos/testing/etalons/DataGrid-AutoPopulatedColumns (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-AutoPopulatedColumns (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-BatchEditing (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-BatchEditing (material.blue.light).png
index fb60e8d8c2ef..67c1641f886a 100644
Binary files a/apps/demos/testing/etalons/DataGrid-BatchEditing (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-BatchEditing (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-BatchUpdateRequest (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-BatchUpdateRequest (material.blue.light).png
index 83900b26ef38..d3c619550acd 100644
Binary files a/apps/demos/testing/etalons/DataGrid-BatchUpdateRequest (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-BatchUpdateRequest (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-CascadingLookups (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-CascadingLookups (material.blue.light).png
index 4df0a710e168..996ec9904846 100644
Binary files a/apps/demos/testing/etalons/DataGrid-CascadingLookups (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-CascadingLookups (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-Cell (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-Cell (material.blue.light).png
index 0a0540d704c8..392defdb8cc2 100644
Binary files a/apps/demos/testing/etalons/DataGrid-Cell (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-Cell (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-CellEditing (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-CellEditing (material.blue.light).png
index ec4255137f45..4cbe47599bdf 100644
Binary files a/apps/demos/testing/etalons/DataGrid-CellEditing (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-CellEditing (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-CollaborativeEditing (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-CollaborativeEditing (material.blue.light).png
index 5fe8d7a03f91..d586d298f04c 100644
Binary files a/apps/demos/testing/etalons/DataGrid-CollaborativeEditing (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-CollaborativeEditing (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-Column (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-Column (material.blue.light).png
index dccbb5abd8b8..865ca97a842a 100644
Binary files a/apps/demos/testing/etalons/DataGrid-Column (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-Column (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-Column3RdPartyEngineTemplate (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-Column3RdPartyEngineTemplate (material.blue.light).png
index dccbb5abd8b8..865ca97a842a 100644
Binary files a/apps/demos/testing/etalons/DataGrid-Column3RdPartyEngineTemplate (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-Column3RdPartyEngineTemplate (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-ColumnChooser (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-ColumnChooser (material.blue.light).png
index ef5798d50b93..6e93a999ebcc 100644
Binary files a/apps/demos/testing/etalons/DataGrid-ColumnChooser (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-ColumnChooser (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-ColumnHeaderFilter (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-ColumnHeaderFilter (material.blue.light).png
index 8b649c2820cc..98c3951e3c56 100644
Binary files a/apps/demos/testing/etalons/DataGrid-ColumnHeaderFilter (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-ColumnHeaderFilter (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-ColumnReordering (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-ColumnReordering (material.blue.light).png
index 552359481fd7..5ad0b23808e2 100644
Binary files a/apps/demos/testing/etalons/DataGrid-ColumnReordering (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-ColumnReordering (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-ColumnResizing (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-ColumnResizing (material.blue.light).png
index c31545c68ea1..ea452cec72b8 100644
Binary files a/apps/demos/testing/etalons/DataGrid-ColumnResizing (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-ColumnResizing (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-ColumnsHidingPriority (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-ColumnsHidingPriority (material.blue.light).png
index 358911620558..ae437fcb0f9a 100644
Binary files a/apps/demos/testing/etalons/DataGrid-ColumnsHidingPriority (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-ColumnsHidingPriority (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-CommandColumnConfiguration (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-CommandColumnConfiguration (material.blue.light).png
index 7d9736df5894..a5056c47ff2a 100644
Binary files a/apps/demos/testing/etalons/DataGrid-CommandColumnConfiguration (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-CommandColumnConfiguration (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-CustomDataSource (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-CustomDataSource (material.blue.light).png
index 12b71f5c52b0..6a6a8b4a9073 100644
Binary files a/apps/demos/testing/etalons/DataGrid-CustomDataSource (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-CustomDataSource (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-CustomEditors (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-CustomEditors (material.blue.light).png
index 64b5a71c5b62..eccb7a9e3be7 100644
Binary files a/apps/demos/testing/etalons/DataGrid-CustomEditors (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-CustomEditors (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-CustomSummaries (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-CustomSummaries (material.blue.light).png
index 0d798d1839b5..1b84ff0af190 100644
Binary files a/apps/demos/testing/etalons/DataGrid-CustomSummaries (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-CustomSummaries (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-CustomizeKeyboardNavigation (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-CustomizeKeyboardNavigation (material.blue.light).png
index 79f9031d7751..4d0f55806d01 100644
Binary files a/apps/demos/testing/etalons/DataGrid-CustomizeKeyboardNavigation (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-CustomizeKeyboardNavigation (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-DataValidation (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-DataValidation (material.blue.light).png
index 5072f1c45b97..b71512a0d16a 100644
Binary files a/apps/demos/testing/etalons/DataGrid-DataValidation (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-DataValidation (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-DeferredSelection (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-DeferredSelection (material.blue.light).png
index 542d2c433b58..0116cee4a8ab 100644
Binary files a/apps/demos/testing/etalons/DataGrid-DeferredSelection (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-DeferredSelection (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-DnDBetweenGrids (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-DnDBetweenGrids (material.blue.light).png
index 8bd272909f58..b86260b07fcd 100644
Binary files a/apps/demos/testing/etalons/DataGrid-DnDBetweenGrids (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-DnDBetweenGrids (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-EditStateManagement (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-EditStateManagement (material.blue.light).png
index bd8f548d8437..5154bfd6639d 100644
Binary files a/apps/demos/testing/etalons/DataGrid-EditStateManagement (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-EditStateManagement (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-ExcelJSCellCustomization (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-ExcelJSCellCustomization (material.blue.light).png
index 96a32bfb0472..6411ab367a6b 100644
Binary files a/apps/demos/testing/etalons/DataGrid-ExcelJSCellCustomization (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-ExcelJSCellCustomization (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-ExcelJSExportImages (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-ExcelJSExportImages (material.blue.light).png
index 5b1b76abf256..58d21fcdfecf 100644
Binary files a/apps/demos/testing/etalons/DataGrid-ExcelJSExportImages (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-ExcelJSExportImages (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-ExcelJSExportMultipleGrids (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-ExcelJSExportMultipleGrids (material.blue.light).png
index 3e1622c0dcac..9ae55a0cc9e1 100644
Binary files a/apps/demos/testing/etalons/DataGrid-ExcelJSExportMultipleGrids (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-ExcelJSExportMultipleGrids (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-ExcelJSHeaderAndFooter (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-ExcelJSHeaderAndFooter (material.blue.light).png
index ecd1cfe2603e..5332939cbb64 100644
Binary files a/apps/demos/testing/etalons/DataGrid-ExcelJSHeaderAndFooter (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-ExcelJSHeaderAndFooter (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-ExcelJSOverview (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-ExcelJSOverview (material.blue.light).png
index 472b93546a2d..d7ef13c9bb42 100644
Binary files a/apps/demos/testing/etalons/DataGrid-ExcelJSOverview (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-ExcelJSOverview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-FilterPanel (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-FilterPanel (material.blue.light).png
index ac4e6b4cca1f..222b91419b45 100644
Binary files a/apps/demos/testing/etalons/DataGrid-FilterPanel (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-FilterPanel (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-Filtering (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-Filtering (material.blue.light).png
index 9333d9ace06c..6cedaea314dc 100644
Binary files a/apps/demos/testing/etalons/DataGrid-Filtering (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-Filtering (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-FilteringAPI (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-FilteringAPI (material.blue.light).png
index ae6fede1d14f..db7f5ea8cb71 100644
Binary files a/apps/demos/testing/etalons/DataGrid-FilteringAPI (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-FilteringAPI (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-FixedAndStickyColumns (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-FixedAndStickyColumns (material.blue.light).png
index aa89219069ec..cc366ec26946 100644
Binary files a/apps/demos/testing/etalons/DataGrid-FixedAndStickyColumns (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-FixedAndStickyColumns (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-FocusedRow (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-FocusedRow (material.blue.light).png
index c87a866e8f56..24f8d9b2c207 100644
Binary files a/apps/demos/testing/etalons/DataGrid-FocusedRow (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-FocusedRow (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-FormEditing (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-FormEditing (material.blue.light).png
index 2b88e259883c..32cb18956d4b 100644
Binary files a/apps/demos/testing/etalons/DataGrid-FormEditing (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-FormEditing (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-GridAdaptabilityOverview (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-GridAdaptabilityOverview (material.blue.light).png
index 2a6396e02519..6c30f063f509 100644
Binary files a/apps/demos/testing/etalons/DataGrid-GridAdaptabilityOverview (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-GridAdaptabilityOverview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-GridSummaries (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-GridSummaries (material.blue.light).png
index 8ef3d44cea0b..57e4eb6b0d70 100644
Binary files a/apps/demos/testing/etalons/DataGrid-GridSummaries (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-GridSummaries (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-GroupSummaries (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-GroupSummaries (material.blue.light).png
index 3deae81fc2f0..19951ae97998 100644
Binary files a/apps/demos/testing/etalons/DataGrid-GroupSummaries (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-GroupSummaries (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-HorizontalVirtualScrolling (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-HorizontalVirtualScrolling (material.blue.light).png
index fae6240575c7..42d402a856a5 100644
Binary files a/apps/demos/testing/etalons/DataGrid-HorizontalVirtualScrolling (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-HorizontalVirtualScrolling (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-InfiniteScrolling (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-InfiniteScrolling (material.blue.light).png
index acd8805c6e0c..111e73952186 100644
Binary files a/apps/demos/testing/etalons/DataGrid-InfiniteScrolling (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-InfiniteScrolling (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-KeyboardNavigation (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-KeyboardNavigation (material.blue.light).png
index c2b41d65510a..3e67828d1dfe 100644
Binary files a/apps/demos/testing/etalons/DataGrid-KeyboardNavigation (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-KeyboardNavigation (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-LocalReordering (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-LocalReordering (material.blue.light).png
index 135774f3e45d..9a06a66d4ef5 100644
Binary files a/apps/demos/testing/etalons/DataGrid-LocalReordering (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-LocalReordering (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-MasterDetailAPI (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-MasterDetailAPI (material.blue.light).png
index bc5700067c2d..209d925e9cb1 100644
Binary files a/apps/demos/testing/etalons/DataGrid-MasterDetailAPI (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-MasterDetailAPI (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-MasterDetailView (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-MasterDetailView (material.blue.light).png
index 2b8cfc34d9d4..12469dbf67fd 100644
Binary files a/apps/demos/testing/etalons/DataGrid-MasterDetailView (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-MasterDetailView (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-MultiRowHeadersBands (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-MultiRowHeadersBands (material.blue.light).png
index 09ed185845cc..b87401f23de8 100644
Binary files a/apps/demos/testing/etalons/DataGrid-MultiRowHeadersBands (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-MultiRowHeadersBands (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-MultipleRecordSelectionAPI (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-MultipleRecordSelectionAPI (material.blue.light).png
index af0c0f220690..ad3dbefdeef0 100644
Binary files a/apps/demos/testing/etalons/DataGrid-MultipleRecordSelectionAPI (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-MultipleRecordSelectionAPI (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-MultipleRecordSelectionModes (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-MultipleRecordSelectionModes (material.blue.light).png
index cd3a84dcf953..584e9feca582 100644
Binary files a/apps/demos/testing/etalons/DataGrid-MultipleRecordSelectionModes (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-MultipleRecordSelectionModes (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-MultipleSorting (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-MultipleSorting (material.blue.light).png
index c0f4bff987a8..c04f9914ac9b 100644
Binary files a/apps/demos/testing/etalons/DataGrid-MultipleSorting (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-MultipleSorting (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-NewRecordPosition (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-NewRecordPosition (material.blue.light).png
index e3475d8e27cc..88ad670d3b18 100644
Binary files a/apps/demos/testing/etalons/DataGrid-NewRecordPosition (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-NewRecordPosition (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-Overview (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-Overview (material.blue.light).png
index f01ec1ba125b..e2cc246a462a 100644
Binary files a/apps/demos/testing/etalons/DataGrid-Overview (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-PDFCellCustomization (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-PDFCellCustomization (material.blue.light).png
index 4c9f2a93c202..458a4a96611a 100644
Binary files a/apps/demos/testing/etalons/DataGrid-PDFCellCustomization (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-PDFCellCustomization (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-PDFExportImages (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-PDFExportImages (material.blue.light).png
index 065dc2a11c70..c08427d46053 100644
Binary files a/apps/demos/testing/etalons/DataGrid-PDFExportImages (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-PDFExportImages (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-PDFExportMultipleGrids (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-PDFExportMultipleGrids (material.blue.light).png
index 24d4743d1540..9d240051f929 100644
Binary files a/apps/demos/testing/etalons/DataGrid-PDFExportMultipleGrids (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-PDFExportMultipleGrids (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-PDFHeaderAndFooter (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-PDFHeaderAndFooter (material.blue.light).png
index 7848d08be983..203f56c33030 100644
Binary files a/apps/demos/testing/etalons/DataGrid-PDFHeaderAndFooter (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-PDFHeaderAndFooter (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-PDFOverview (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-PDFOverview (material.blue.light).png
index ca1a49195685..b3ed606b8941 100644
Binary files a/apps/demos/testing/etalons/DataGrid-PDFOverview (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-PDFOverview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-PopupEditing (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-PopupEditing (material.blue.light).png
index 7967764ecf8a..75eb44be25e6 100644
Binary files a/apps/demos/testing/etalons/DataGrid-PopupEditing (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-PopupEditing (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-RealTimeUpdates (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-RealTimeUpdates (material.blue.light).png
index f908b9e7b1ea..fa1ae9f304d9 100644
Binary files a/apps/demos/testing/etalons/DataGrid-RealTimeUpdates (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-RealTimeUpdates (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-RecalculateWhileEditing (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-RecalculateWhileEditing (material.blue.light).png
index a3d3adb32857..049e563bebd5 100644
Binary files a/apps/demos/testing/etalons/DataGrid-RecalculateWhileEditing (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-RecalculateWhileEditing (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-RecordGrouping (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-RecordGrouping (material.blue.light).png
index dc73e250f16d..e8a47111b948 100644
Binary files a/apps/demos/testing/etalons/DataGrid-RecordGrouping (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-RecordGrouping (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-RecordPaging (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-RecordPaging (material.blue.light).png
index e69e915fbe40..21865a321d79 100644
Binary files a/apps/demos/testing/etalons/DataGrid-RecordPaging (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-RecordPaging (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-RemoteCRUDOperations (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-RemoteCRUDOperations (material.blue.light).png
index 5a4b4db536df..e47b6ac9a3a1 100644
Binary files a/apps/demos/testing/etalons/DataGrid-RemoteCRUDOperations (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-RemoteCRUDOperations (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-RemoteGrouping (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-RemoteGrouping (material.blue.light).png
index 97cc51d3e880..4ff278c112fa 100644
Binary files a/apps/demos/testing/etalons/DataGrid-RemoteGrouping (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-RemoteGrouping (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-RemoteReordering (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-RemoteReordering (material.blue.light).png
index c4c8a44f0e21..6385ed532916 100644
Binary files a/apps/demos/testing/etalons/DataGrid-RemoteReordering (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-RemoteReordering (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-RemoteVirtualScrolling (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-RemoteVirtualScrolling (material.blue.light).png
index 94e48f16f891..d885c46d2e98 100644
Binary files a/apps/demos/testing/etalons/DataGrid-RemoteVirtualScrolling (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-RemoteVirtualScrolling (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-RightToLeftSupport (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-RightToLeftSupport (material.blue.light).png
index ebede35376a6..946970dec9e0 100644
Binary files a/apps/demos/testing/etalons/DataGrid-RightToLeftSupport (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-RightToLeftSupport (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-Row (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-Row (material.blue.light).png
index 405c2f7a18e5..0fe903c4c099 100644
Binary files a/apps/demos/testing/etalons/DataGrid-Row (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-Row (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-Row3RdPartyEngineTemplate (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-Row3RdPartyEngineTemplate (material.blue.light).png
index e15454ab93ef..c7570f383366 100644
Binary files a/apps/demos/testing/etalons/DataGrid-Row3RdPartyEngineTemplate (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-Row3RdPartyEngineTemplate (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-RowEditing (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-RowEditing (material.blue.light).png
index a5d11d6e1d90..2c3cc1695672 100644
Binary files a/apps/demos/testing/etalons/DataGrid-RowEditing (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-RowEditing (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-RowSelection (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-RowSelection (material.blue.light).png
index 0a4dbfdae288..913299bc1817 100644
Binary files a/apps/demos/testing/etalons/DataGrid-RowSelection (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-RowSelection (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-SignalRService (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-SignalRService (material.blue.light).png
index ed1df5b9d7dc..3fd265858864 100644
Binary files a/apps/demos/testing/etalons/DataGrid-SignalRService (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-SignalRService (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-SimpleArray (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-SimpleArray (material.blue.light).png
index 73de12133a36..13058a7df488 100644
Binary files a/apps/demos/testing/etalons/DataGrid-SimpleArray (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-SimpleArray (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-StatePersistence (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-StatePersistence (material.blue.light).png
index 82f25abd714c..d0820afeae83 100644
Binary files a/apps/demos/testing/etalons/DataGrid-StatePersistence (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-StatePersistence (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-Toolbar (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-Toolbar (material.blue.light).png
index 48b9418b8e70..f392ba399a18 100644
Binary files a/apps/demos/testing/etalons/DataGrid-Toolbar (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-Toolbar (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-VirtualScrolling (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-VirtualScrolling (material.blue.light).png
index acd8805c6e0c..111e73952186 100644
Binary files a/apps/demos/testing/etalons/DataGrid-VirtualScrolling (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-VirtualScrolling (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DataGrid-WebAPIService (material.blue.light).png b/apps/demos/testing/etalons/DataGrid-WebAPIService (material.blue.light).png
index 4335572041d6..8c5872b722f2 100644
Binary files a/apps/demos/testing/etalons/DataGrid-WebAPIService (material.blue.light).png and b/apps/demos/testing/etalons/DataGrid-WebAPIService (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DateBox-Formatting (material.blue.light).png b/apps/demos/testing/etalons/DateBox-Formatting (material.blue.light).png
index 3d768d058eb0..1f9405071b9a 100644
Binary files a/apps/demos/testing/etalons/DateBox-Formatting (material.blue.light).png and b/apps/demos/testing/etalons/DateBox-Formatting (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DateBox-Overview (material.blue.light).png b/apps/demos/testing/etalons/DateBox-Overview (material.blue.light).png
index a1c7d054854a..ff2341548e63 100644
Binary files a/apps/demos/testing/etalons/DateBox-Overview (material.blue.light).png and b/apps/demos/testing/etalons/DateBox-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DateRangeBox-Formatting (material.blue.light).png b/apps/demos/testing/etalons/DateRangeBox-Formatting (material.blue.light).png
index 62da91a81a42..740e11b8a606 100644
Binary files a/apps/demos/testing/etalons/DateRangeBox-Formatting (material.blue.light).png and b/apps/demos/testing/etalons/DateRangeBox-Formatting (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DateRangeBox-Overview (material.blue.light).png b/apps/demos/testing/etalons/DateRangeBox-Overview (material.blue.light).png
index 9cef683172ef..271d52d6861a 100644
Binary files a/apps/demos/testing/etalons/DateRangeBox-Overview (material.blue.light).png and b/apps/demos/testing/etalons/DateRangeBox-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Diagram-Adaptability (material.blue.light).png b/apps/demos/testing/etalons/Diagram-Adaptability (material.blue.light).png
index 7d9faec86799..0692e7d1d597 100644
Binary files a/apps/demos/testing/etalons/Diagram-Adaptability (material.blue.light).png and b/apps/demos/testing/etalons/Diagram-Adaptability (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Diagram-AdvancedDataBinding (material.blue.light).png b/apps/demos/testing/etalons/Diagram-AdvancedDataBinding (material.blue.light).png
index 96da94fa37e9..2d16cbcd27dc 100644
Binary files a/apps/demos/testing/etalons/Diagram-AdvancedDataBinding (material.blue.light).png and b/apps/demos/testing/etalons/Diagram-AdvancedDataBinding (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Diagram-Containers (material.blue.light).png b/apps/demos/testing/etalons/Diagram-Containers (material.blue.light).png
index 3df72f9eda36..a85e5cf44518 100644
Binary files a/apps/demos/testing/etalons/Diagram-Containers (material.blue.light).png and b/apps/demos/testing/etalons/Diagram-Containers (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Diagram-CustomShapesWithIcons (material.blue.light).png b/apps/demos/testing/etalons/Diagram-CustomShapesWithIcons (material.blue.light).png
index 5906d086e035..d9686bbbf417 100644
Binary files a/apps/demos/testing/etalons/Diagram-CustomShapesWithIcons (material.blue.light).png and b/apps/demos/testing/etalons/Diagram-CustomShapesWithIcons (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Diagram-CustomShapesWithTemplates (material.blue.light).png b/apps/demos/testing/etalons/Diagram-CustomShapesWithTemplates (material.blue.light).png
index 53e634564ab4..a58602565c83 100644
Binary files a/apps/demos/testing/etalons/Diagram-CustomShapesWithTemplates (material.blue.light).png and b/apps/demos/testing/etalons/Diagram-CustomShapesWithTemplates (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Diagram-CustomShapesWithTemplatesWithEditing (material.blue.light).png b/apps/demos/testing/etalons/Diagram-CustomShapesWithTemplatesWithEditing (material.blue.light).png
index 47b55ffaa42d..14c223f88eca 100644
Binary files a/apps/demos/testing/etalons/Diagram-CustomShapesWithTemplatesWithEditing (material.blue.light).png and b/apps/demos/testing/etalons/Diagram-CustomShapesWithTemplatesWithEditing (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Diagram-CustomShapesWithTexts (material.blue.light).png b/apps/demos/testing/etalons/Diagram-CustomShapesWithTexts (material.blue.light).png
index 461623af7dbf..792370a812b2 100644
Binary files a/apps/demos/testing/etalons/Diagram-CustomShapesWithTexts (material.blue.light).png and b/apps/demos/testing/etalons/Diagram-CustomShapesWithTexts (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Diagram-ImagesInShapes (material.blue.light).png b/apps/demos/testing/etalons/Diagram-ImagesInShapes (material.blue.light).png
index b8b517491b65..4bc8c6c6cbde 100644
Binary files a/apps/demos/testing/etalons/Diagram-ImagesInShapes (material.blue.light).png and b/apps/demos/testing/etalons/Diagram-ImagesInShapes (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Diagram-ItemSelection (material.blue.light).png b/apps/demos/testing/etalons/Diagram-ItemSelection (material.blue.light).png
index d8349ac2e413..0a9869eb2273 100644
Binary files a/apps/demos/testing/etalons/Diagram-ItemSelection (material.blue.light).png and b/apps/demos/testing/etalons/Diagram-ItemSelection (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Diagram-NodesAndEdgesArrays (material.blue.light).png b/apps/demos/testing/etalons/Diagram-NodesAndEdgesArrays (material.blue.light).png
index f2efa264c485..d62583b2701b 100644
Binary files a/apps/demos/testing/etalons/Diagram-NodesAndEdgesArrays (material.blue.light).png and b/apps/demos/testing/etalons/Diagram-NodesAndEdgesArrays (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Diagram-NodesArrayHierarchicalStructure (material.blue.light).png b/apps/demos/testing/etalons/Diagram-NodesArrayHierarchicalStructure (material.blue.light).png
index a6d5f5927264..7e9f076eea22 100644
Binary files a/apps/demos/testing/etalons/Diagram-NodesArrayHierarchicalStructure (material.blue.light).png and b/apps/demos/testing/etalons/Diagram-NodesArrayHierarchicalStructure (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Diagram-NodesArrayPlainStructure (material.blue.light).png b/apps/demos/testing/etalons/Diagram-NodesArrayPlainStructure (material.blue.light).png
index 13547af0b58e..7e9f076eea22 100644
Binary files a/apps/demos/testing/etalons/Diagram-NodesArrayPlainStructure (material.blue.light).png and b/apps/demos/testing/etalons/Diagram-NodesArrayPlainStructure (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Diagram-OperationRestrictions (material.blue.light).png b/apps/demos/testing/etalons/Diagram-OperationRestrictions (material.blue.light).png
index 41b5ed24ad1b..fa63a0fcfecb 100644
Binary files a/apps/demos/testing/etalons/Diagram-OperationRestrictions (material.blue.light).png and b/apps/demos/testing/etalons/Diagram-OperationRestrictions (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Diagram-Overview (material.blue.light).png b/apps/demos/testing/etalons/Diagram-Overview (material.blue.light).png
index d6089bca556a..a64b3dccaa11 100644
Binary files a/apps/demos/testing/etalons/Diagram-Overview (material.blue.light).png and b/apps/demos/testing/etalons/Diagram-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Diagram-ReadOnly (material.blue.light).png b/apps/demos/testing/etalons/Diagram-ReadOnly (material.blue.light).png
index 6bead4076a22..07e015a157a9 100644
Binary files a/apps/demos/testing/etalons/Diagram-ReadOnly (material.blue.light).png and b/apps/demos/testing/etalons/Diagram-ReadOnly (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Diagram-SimpleView (material.blue.light).png b/apps/demos/testing/etalons/Diagram-SimpleView (material.blue.light).png
index a9016a2765ac..e3468189c100 100644
Binary files a/apps/demos/testing/etalons/Diagram-SimpleView (material.blue.light).png and b/apps/demos/testing/etalons/Diagram-SimpleView (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Diagram-UICustomization (material.blue.light).png b/apps/demos/testing/etalons/Diagram-UICustomization (material.blue.light).png
index a4ea3f07b32c..2ea4e65c87a6 100644
Binary files a/apps/demos/testing/etalons/Diagram-UICustomization (material.blue.light).png and b/apps/demos/testing/etalons/Diagram-UICustomization (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Diagram-WebAPIService (material.blue.light).png b/apps/demos/testing/etalons/Diagram-WebAPIService (material.blue.light).png
index e12689a5bda3..d386f4b3b35d 100644
Binary files a/apps/demos/testing/etalons/Diagram-WebAPIService (material.blue.light).png and b/apps/demos/testing/etalons/Diagram-WebAPIService (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Drawer-LeftOrRightPosition (material.blue.light).png b/apps/demos/testing/etalons/Drawer-LeftOrRightPosition (material.blue.light).png
index 3d6b84a450f3..7370731ec338 100644
Binary files a/apps/demos/testing/etalons/Drawer-LeftOrRightPosition (material.blue.light).png and b/apps/demos/testing/etalons/Drawer-LeftOrRightPosition (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Drawer-TopOrBottomPosition (material.blue.light).png b/apps/demos/testing/etalons/Drawer-TopOrBottomPosition (material.blue.light).png
index 4102873c4e50..076ba8825e8f 100644
Binary files a/apps/demos/testing/etalons/Drawer-TopOrBottomPosition (material.blue.light).png and b/apps/demos/testing/etalons/Drawer-TopOrBottomPosition (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DropDownBox-MultipleSelection (material.blue.light).png b/apps/demos/testing/etalons/DropDownBox-MultipleSelection (material.blue.light).png
index 8042b11360bd..6ae21b778bbd 100644
Binary files a/apps/demos/testing/etalons/DropDownBox-MultipleSelection (material.blue.light).png and b/apps/demos/testing/etalons/DropDownBox-MultipleSelection (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DropDownBox-SingleSelection (material.blue.light).png b/apps/demos/testing/etalons/DropDownBox-SingleSelection (material.blue.light).png
index 5849aba41206..184d85452fd6 100644
Binary files a/apps/demos/testing/etalons/DropDownBox-SingleSelection (material.blue.light).png and b/apps/demos/testing/etalons/DropDownBox-SingleSelection (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DropDownButton-Overview (material.blue.light).png b/apps/demos/testing/etalons/DropDownButton-Overview (material.blue.light).png
index c0ae191c464a..c9e17b6d57fc 100644
Binary files a/apps/demos/testing/etalons/DropDownButton-Overview (material.blue.light).png and b/apps/demos/testing/etalons/DropDownButton-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/FieldSet-Overview (material.blue.light).png b/apps/demos/testing/etalons/FieldSet-Overview (material.blue.light).png
index f229ae8ba78d..14e04f09258a 100644
Binary files a/apps/demos/testing/etalons/FieldSet-Overview (material.blue.light).png and b/apps/demos/testing/etalons/FieldSet-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/FileManager-BindingToEF (material.blue.light).png b/apps/demos/testing/etalons/FileManager-BindingToEF (material.blue.light).png
index 9d86557df812..ecfe550f7a20 100644
Binary files a/apps/demos/testing/etalons/FileManager-BindingToEF (material.blue.light).png and b/apps/demos/testing/etalons/FileManager-BindingToEF (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/FileManager-BindingToFileSystem (material.blue.light).png b/apps/demos/testing/etalons/FileManager-BindingToFileSystem (material.blue.light).png
index 0f3c9e503fb1..78f2c39b5f34 100644
Binary files a/apps/demos/testing/etalons/FileManager-BindingToFileSystem (material.blue.light).png and b/apps/demos/testing/etalons/FileManager-BindingToFileSystem (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/FileManager-BindingToHierarchicalStructure (material.blue.light).png b/apps/demos/testing/etalons/FileManager-BindingToHierarchicalStructure (material.blue.light).png
index aa9e0536a9d5..9809f6c69b14 100644
Binary files a/apps/demos/testing/etalons/FileManager-BindingToHierarchicalStructure (material.blue.light).png and b/apps/demos/testing/etalons/FileManager-BindingToHierarchicalStructure (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/FileManager-CustomThumbnails (material.blue.light).png b/apps/demos/testing/etalons/FileManager-CustomThumbnails (material.blue.light).png
index 7b72ea4643f7..80e24bcd210c 100644
Binary files a/apps/demos/testing/etalons/FileManager-CustomThumbnails (material.blue.light).png and b/apps/demos/testing/etalons/FileManager-CustomThumbnails (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/FileManager-Overview (material.blue.light).png b/apps/demos/testing/etalons/FileManager-Overview (material.blue.light).png
index 291b5f7d1f96..2709f2e44415 100644
Binary files a/apps/demos/testing/etalons/FileManager-Overview (material.blue.light).png and b/apps/demos/testing/etalons/FileManager-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/FileManager-UICustomization (material.blue.light).png b/apps/demos/testing/etalons/FileManager-UICustomization (material.blue.light).png
index 4142f7cb16b1..63f7133d2dd2 100644
Binary files a/apps/demos/testing/etalons/FileManager-UICustomization (material.blue.light).png and b/apps/demos/testing/etalons/FileManager-UICustomization (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/FileUploader-ChunkUpload (material.blue.light).png b/apps/demos/testing/etalons/FileUploader-ChunkUpload (material.blue.light).png
index 173cf16952f2..c29a4965dafc 100644
Binary files a/apps/demos/testing/etalons/FileUploader-ChunkUpload (material.blue.light).png and b/apps/demos/testing/etalons/FileUploader-ChunkUpload (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/FileUploader-CustomDropzone (fluent.blue.light).png b/apps/demos/testing/etalons/FileUploader-CustomDropzone (fluent.blue.light).png
index 9c5e0b425d02..16738edebf41 100644
Binary files a/apps/demos/testing/etalons/FileUploader-CustomDropzone (fluent.blue.light).png and b/apps/demos/testing/etalons/FileUploader-CustomDropzone (fluent.blue.light).png differ
diff --git a/apps/demos/testing/etalons/FileUploader-CustomDropzone (material.blue.light).png b/apps/demos/testing/etalons/FileUploader-CustomDropzone (material.blue.light).png
index 1e7828f79a48..4cd682a03b3f 100644
Binary files a/apps/demos/testing/etalons/FileUploader-CustomDropzone (material.blue.light).png and b/apps/demos/testing/etalons/FileUploader-CustomDropzone (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/FileUploader-FileSelection (material.blue.light).png b/apps/demos/testing/etalons/FileUploader-FileSelection (material.blue.light).png
index e4b54e9fe328..ec0486645b54 100644
Binary files a/apps/demos/testing/etalons/FileUploader-FileSelection (material.blue.light).png and b/apps/demos/testing/etalons/FileUploader-FileSelection (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/FileUploader-FileUploading (material.blue.light).png b/apps/demos/testing/etalons/FileUploader-FileUploading (material.blue.light).png
index 948fc1c7699c..ae7e4bbdac28 100644
Binary files a/apps/demos/testing/etalons/FileUploader-FileUploading (material.blue.light).png and b/apps/demos/testing/etalons/FileUploader-FileUploading (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/FileUploader-Validation (material.blue.light).png b/apps/demos/testing/etalons/FileUploader-Validation (material.blue.light).png
index b236a2d19783..250df0e6dfcc 100644
Binary files a/apps/demos/testing/etalons/FileUploader-Validation (material.blue.light).png and b/apps/demos/testing/etalons/FileUploader-Validation (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/FilterBuilder-Customization (material.blue.light).png b/apps/demos/testing/etalons/FilterBuilder-Customization (material.blue.light).png
index 37a4d5a13f4c..571a21c672bf 100644
Binary files a/apps/demos/testing/etalons/FilterBuilder-Customization (material.blue.light).png and b/apps/demos/testing/etalons/FilterBuilder-Customization (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/FilterBuilder-WithDataGrid (material.blue.light).png b/apps/demos/testing/etalons/FilterBuilder-WithDataGrid (material.blue.light).png
index c451767c78ba..80451fadf7e9 100644
Binary files a/apps/demos/testing/etalons/FilterBuilder-WithDataGrid (material.blue.light).png and b/apps/demos/testing/etalons/FilterBuilder-WithDataGrid (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/FilterBuilder-WithList (material.blue.light).png b/apps/demos/testing/etalons/FilterBuilder-WithList (material.blue.light).png
index ccb2042d47d8..a59689677cd7 100644
Binary files a/apps/demos/testing/etalons/FilterBuilder-WithList (material.blue.light).png and b/apps/demos/testing/etalons/FilterBuilder-WithList (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/FloatingActionButton-Overview (material.blue.light).png b/apps/demos/testing/etalons/FloatingActionButton-Overview (material.blue.light).png
index dc03d231aec9..c3dfa1b51821 100644
Binary files a/apps/demos/testing/etalons/FloatingActionButton-Overview (material.blue.light).png and b/apps/demos/testing/etalons/FloatingActionButton-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Form-Adaptability (material.blue.light).png b/apps/demos/testing/etalons/Form-Adaptability (material.blue.light).png
index abe13d8e0f7b..19eb703b9886 100644
Binary files a/apps/demos/testing/etalons/Form-Adaptability (material.blue.light).png and b/apps/demos/testing/etalons/Form-Adaptability (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Form-Grouping (material.blue.light).png b/apps/demos/testing/etalons/Form-Grouping (material.blue.light).png
index e85d031c6f3e..598a8ecab384 100644
Binary files a/apps/demos/testing/etalons/Form-Grouping (material.blue.light).png and b/apps/demos/testing/etalons/Form-Grouping (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Form-ItemCustomization (material.blue.light).png b/apps/demos/testing/etalons/Form-ItemCustomization (material.blue.light).png
index 3438e12473c2..74b7fadc7756 100644
Binary files a/apps/demos/testing/etalons/Form-ItemCustomization (material.blue.light).png and b/apps/demos/testing/etalons/Form-ItemCustomization (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Form-Overview (material.blue.light).png b/apps/demos/testing/etalons/Form-Overview (material.blue.light).png
index f444cb24475e..3c5b95d9fb80 100644
Binary files a/apps/demos/testing/etalons/Form-Overview (material.blue.light).png and b/apps/demos/testing/etalons/Form-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Form-SmartPaste (material.blue.light).png b/apps/demos/testing/etalons/Form-SmartPaste (material.blue.light).png
index 829eca49fdd0..97835aa9f247 100644
Binary files a/apps/demos/testing/etalons/Form-SmartPaste (material.blue.light).png and b/apps/demos/testing/etalons/Form-SmartPaste (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Form-UpdateItemsDynamically (material.blue.light).png b/apps/demos/testing/etalons/Form-UpdateItemsDynamically (material.blue.light).png
index b69781dfee52..f9d8c07bfe98 100644
Binary files a/apps/demos/testing/etalons/Form-UpdateItemsDynamically (material.blue.light).png and b/apps/demos/testing/etalons/Form-UpdateItemsDynamically (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Form-Validation (material.blue.light).png b/apps/demos/testing/etalons/Form-Validation (material.blue.light).png
index 05bafb47ee4f..516922d60ae1 100644
Binary files a/apps/demos/testing/etalons/Form-Validation (material.blue.light).png and b/apps/demos/testing/etalons/Form-Validation (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gallery-Item3RdPartyEngineTemplate (material.blue.light).png b/apps/demos/testing/etalons/Gallery-Item3RdPartyEngineTemplate (material.blue.light).png
index c20c295df778..6e387e616261 100644
Binary files a/apps/demos/testing/etalons/Gallery-Item3RdPartyEngineTemplate (material.blue.light).png and b/apps/demos/testing/etalons/Gallery-Item3RdPartyEngineTemplate (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gallery-ItemTemplate (material.blue.light).png b/apps/demos/testing/etalons/Gallery-ItemTemplate (material.blue.light).png
index 5d89df4c12ac..878f7eb60d6e 100644
Binary files a/apps/demos/testing/etalons/Gallery-ItemTemplate (material.blue.light).png and b/apps/demos/testing/etalons/Gallery-ItemTemplate (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gallery-Overview (material.blue.light).png b/apps/demos/testing/etalons/Gallery-Overview (material.blue.light).png
index a1880abc01fb..c0e3491a0fbb 100644
Binary files a/apps/demos/testing/etalons/Gallery-Overview (material.blue.light).png and b/apps/demos/testing/etalons/Gallery-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gantt-Appearance (material.blue.light).png b/apps/demos/testing/etalons/Gantt-Appearance (material.blue.light).png
index 5879b526f814..02d0b58c2467 100644
Binary files a/apps/demos/testing/etalons/Gantt-Appearance (material.blue.light).png and b/apps/demos/testing/etalons/Gantt-Appearance (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gantt-ContextMenu (material.blue.light).png b/apps/demos/testing/etalons/Gantt-ContextMenu (material.blue.light).png
index fbad2e14e6dc..57bb288eb6ab 100644
Binary files a/apps/demos/testing/etalons/Gantt-ContextMenu (material.blue.light).png and b/apps/demos/testing/etalons/Gantt-ContextMenu (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gantt-DataBinding (material.blue.light).png b/apps/demos/testing/etalons/Gantt-DataBinding (material.blue.light).png
index b22337dbe535..fb174b2144a8 100644
Binary files a/apps/demos/testing/etalons/Gantt-DataBinding (material.blue.light).png and b/apps/demos/testing/etalons/Gantt-DataBinding (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gantt-ExportToPDF (material.blue.light).png b/apps/demos/testing/etalons/Gantt-ExportToPDF (material.blue.light).png
index 72324ee90076..32275b16398b 100644
Binary files a/apps/demos/testing/etalons/Gantt-ExportToPDF (material.blue.light).png and b/apps/demos/testing/etalons/Gantt-ExportToPDF (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gantt-FilterRow (material.blue.light).png b/apps/demos/testing/etalons/Gantt-FilterRow (material.blue.light).png
index 644a3463ae08..e415c7af2630 100644
Binary files a/apps/demos/testing/etalons/Gantt-FilterRow (material.blue.light).png and b/apps/demos/testing/etalons/Gantt-FilterRow (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gantt-HeaderFilter (material.blue.light).png b/apps/demos/testing/etalons/Gantt-HeaderFilter (material.blue.light).png
index ce5bec8dab8d..bfa936174d93 100644
Binary files a/apps/demos/testing/etalons/Gantt-HeaderFilter (material.blue.light).png and b/apps/demos/testing/etalons/Gantt-HeaderFilter (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gantt-Overview (fluent.blue.light).png b/apps/demos/testing/etalons/Gantt-Overview (fluent.blue.light).png
index 21377c426c44..147c30144752 100644
Binary files a/apps/demos/testing/etalons/Gantt-Overview (fluent.blue.light).png and b/apps/demos/testing/etalons/Gantt-Overview (fluent.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gantt-Overview (material.blue.light).png b/apps/demos/testing/etalons/Gantt-Overview (material.blue.light).png
index eef417270181..3da633fdbaf0 100644
Binary files a/apps/demos/testing/etalons/Gantt-Overview (material.blue.light).png and b/apps/demos/testing/etalons/Gantt-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gantt-Sorting (material.blue.light).png b/apps/demos/testing/etalons/Gantt-Sorting (material.blue.light).png
index 81cbfe584c15..7981aea850d7 100644
Binary files a/apps/demos/testing/etalons/Gantt-Sorting (material.blue.light).png and b/apps/demos/testing/etalons/Gantt-Sorting (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gantt-StripLines (fluent.blue.light).png b/apps/demos/testing/etalons/Gantt-StripLines (fluent.blue.light).png
index 08b3b3b520a2..5255063fc3e5 100644
Binary files a/apps/demos/testing/etalons/Gantt-StripLines (fluent.blue.light).png and b/apps/demos/testing/etalons/Gantt-StripLines (fluent.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gantt-StripLines (material.blue.light).png b/apps/demos/testing/etalons/Gantt-StripLines (material.blue.light).png
index e441abeabf74..05618636e806 100644
Binary files a/apps/demos/testing/etalons/Gantt-StripLines (material.blue.light).png and b/apps/demos/testing/etalons/Gantt-StripLines (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gantt-TaskTemplate (material.blue.light).png b/apps/demos/testing/etalons/Gantt-TaskTemplate (material.blue.light).png
index 0c316013aff8..3fe997e8c650 100644
Binary files a/apps/demos/testing/etalons/Gantt-TaskTemplate (material.blue.light).png and b/apps/demos/testing/etalons/Gantt-TaskTemplate (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gantt-Toolbar (material.blue.light).png b/apps/demos/testing/etalons/Gantt-Toolbar (material.blue.light).png
index a12947adbd93..766e35345e86 100644
Binary files a/apps/demos/testing/etalons/Gantt-Toolbar (material.blue.light).png and b/apps/demos/testing/etalons/Gantt-Toolbar (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gantt-Validation (fluent.blue.light).png b/apps/demos/testing/etalons/Gantt-Validation (fluent.blue.light).png
index eb23de8dec3d..aeeda4948a86 100644
Binary files a/apps/demos/testing/etalons/Gantt-Validation (fluent.blue.light).png and b/apps/demos/testing/etalons/Gantt-Validation (fluent.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gantt-Validation (material.blue.light).png b/apps/demos/testing/etalons/Gantt-Validation (material.blue.light).png
index 7a2ea6986403..e1351fe692a7 100644
Binary files a/apps/demos/testing/etalons/Gantt-Validation (material.blue.light).png and b/apps/demos/testing/etalons/Gantt-Validation (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gauges-AnglesCustomization (material.blue.light).png b/apps/demos/testing/etalons/Gauges-AnglesCustomization (material.blue.light).png
index 4d4c85579991..585c6ecdab40 100644
Binary files a/apps/demos/testing/etalons/Gauges-AnglesCustomization (material.blue.light).png and b/apps/demos/testing/etalons/Gauges-AnglesCustomization (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gauges-BarGauge (material.blue.light).png b/apps/demos/testing/etalons/Gauges-BarGauge (material.blue.light).png
index abf00ceaa3c5..123a8d9bc3c0 100644
Binary files a/apps/demos/testing/etalons/Gauges-BarGauge (material.blue.light).png and b/apps/demos/testing/etalons/Gauges-BarGauge (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gauges-CircularGauge (material.blue.light).png b/apps/demos/testing/etalons/Gauges-CircularGauge (material.blue.light).png
index c18901e5ea95..d7cd58777f65 100644
Binary files a/apps/demos/testing/etalons/Gauges-CircularGauge (material.blue.light).png and b/apps/demos/testing/etalons/Gauges-CircularGauge (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gauges-CustomLayout (material.blue.light).png b/apps/demos/testing/etalons/Gauges-CustomLayout (material.blue.light).png
index a2125d517f98..3f4f022bfb11 100644
Binary files a/apps/demos/testing/etalons/Gauges-CustomLayout (material.blue.light).png and b/apps/demos/testing/etalons/Gauges-CustomLayout (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gauges-CustomLayoutLinearGauge (material.blue.light).png b/apps/demos/testing/etalons/Gauges-CustomLayoutLinearGauge (material.blue.light).png
index d8a1f1744003..9d7b2ae6ce17 100644
Binary files a/apps/demos/testing/etalons/Gauges-CustomLayoutLinearGauge (material.blue.light).png and b/apps/demos/testing/etalons/Gauges-CustomLayoutLinearGauge (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gauges-DifferentSubvalueIndicatorTypes (material.blue.light).png b/apps/demos/testing/etalons/Gauges-DifferentSubvalueIndicatorTypes (material.blue.light).png
index 9a3257566dcc..0fa7f6adccb0 100644
Binary files a/apps/demos/testing/etalons/Gauges-DifferentSubvalueIndicatorTypes (material.blue.light).png and b/apps/demos/testing/etalons/Gauges-DifferentSubvalueIndicatorTypes (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gauges-DifferentSubvalueIndicatorTypesLinearGauge (material.blue.light).png b/apps/demos/testing/etalons/Gauges-DifferentSubvalueIndicatorTypesLinearGauge (material.blue.light).png
index 49f04a241c64..ad04bdf7ac11 100644
Binary files a/apps/demos/testing/etalons/Gauges-DifferentSubvalueIndicatorTypesLinearGauge (material.blue.light).png and b/apps/demos/testing/etalons/Gauges-DifferentSubvalueIndicatorTypesLinearGauge (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gauges-DifferentValueIndicatorTypes (material.blue.light).png b/apps/demos/testing/etalons/Gauges-DifferentValueIndicatorTypes (material.blue.light).png
index 4973a83803d5..c69c171af23d 100644
Binary files a/apps/demos/testing/etalons/Gauges-DifferentValueIndicatorTypes (material.blue.light).png and b/apps/demos/testing/etalons/Gauges-DifferentValueIndicatorTypes (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gauges-DifferentValueIndicatorTypesLinearGauge (material.blue.light).png b/apps/demos/testing/etalons/Gauges-DifferentValueIndicatorTypesLinearGauge (material.blue.light).png
index 36b5fb3286d6..553cebcbd00c 100644
Binary files a/apps/demos/testing/etalons/Gauges-DifferentValueIndicatorTypesLinearGauge (material.blue.light).png and b/apps/demos/testing/etalons/Gauges-DifferentValueIndicatorTypesLinearGauge (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gauges-GaugeTitleCustomized (material.blue.light).png b/apps/demos/testing/etalons/Gauges-GaugeTitleCustomized (material.blue.light).png
index 5c365a0707ea..f49e3dea5eda 100644
Binary files a/apps/demos/testing/etalons/Gauges-GaugeTitleCustomized (material.blue.light).png and b/apps/demos/testing/etalons/Gauges-GaugeTitleCustomized (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gauges-GaugeTooltip (material.blue.light).png b/apps/demos/testing/etalons/Gauges-GaugeTooltip (material.blue.light).png
index 2f8fbb00f111..5c027978fe9e 100644
Binary files a/apps/demos/testing/etalons/Gauges-GaugeTooltip (material.blue.light).png and b/apps/demos/testing/etalons/Gauges-GaugeTooltip (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gauges-LabelsCustomization (material.blue.light).png b/apps/demos/testing/etalons/Gauges-LabelsCustomization (material.blue.light).png
index be9930c5983f..82605ee6fc33 100644
Binary files a/apps/demos/testing/etalons/Gauges-LabelsCustomization (material.blue.light).png and b/apps/demos/testing/etalons/Gauges-LabelsCustomization (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gauges-LinearGauge (material.blue.light).png b/apps/demos/testing/etalons/Gauges-LinearGauge (material.blue.light).png
index 93368478e2dc..e311f8103533 100644
Binary files a/apps/demos/testing/etalons/Gauges-LinearGauge (material.blue.light).png and b/apps/demos/testing/etalons/Gauges-LinearGauge (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gauges-Overview (material.blue.light).png b/apps/demos/testing/etalons/Gauges-Overview (material.blue.light).png
index c332b54ef352..904a2bf95bd0 100644
Binary files a/apps/demos/testing/etalons/Gauges-Overview (material.blue.light).png and b/apps/demos/testing/etalons/Gauges-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gauges-Palette (material.blue.light).png b/apps/demos/testing/etalons/Gauges-Palette (material.blue.light).png
index 015eebe63074..6432bfd03ba3 100644
Binary files a/apps/demos/testing/etalons/Gauges-Palette (material.blue.light).png and b/apps/demos/testing/etalons/Gauges-Palette (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gauges-PaletteForRanges (material.blue.light).png b/apps/demos/testing/etalons/Gauges-PaletteForRanges (material.blue.light).png
index 2a11396aff99..5ec472632760 100644
Binary files a/apps/demos/testing/etalons/Gauges-PaletteForRanges (material.blue.light).png and b/apps/demos/testing/etalons/Gauges-PaletteForRanges (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gauges-RangeBarBaseValue (material.blue.light).png b/apps/demos/testing/etalons/Gauges-RangeBarBaseValue (material.blue.light).png
index bfbff635c59b..c7ccd563a213 100644
Binary files a/apps/demos/testing/etalons/Gauges-RangeBarBaseValue (material.blue.light).png and b/apps/demos/testing/etalons/Gauges-RangeBarBaseValue (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gauges-ScaleCustomTickInterval (material.blue.light).png b/apps/demos/testing/etalons/Gauges-ScaleCustomTickInterval (material.blue.light).png
index 342d14922765..f06b8f25ffe3 100644
Binary files a/apps/demos/testing/etalons/Gauges-ScaleCustomTickInterval (material.blue.light).png and b/apps/demos/testing/etalons/Gauges-ScaleCustomTickInterval (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gauges-ScaleCustomTickValues (material.blue.light).png b/apps/demos/testing/etalons/Gauges-ScaleCustomTickValues (material.blue.light).png
index 06010ce7326e..0619ff695bf0 100644
Binary files a/apps/demos/testing/etalons/Gauges-ScaleCustomTickValues (material.blue.light).png and b/apps/demos/testing/etalons/Gauges-ScaleCustomTickValues (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gauges-ScaleLabelFormatting (material.blue.light).png b/apps/demos/testing/etalons/Gauges-ScaleLabelFormatting (material.blue.light).png
index 62a3afc23017..ec7044424bd7 100644
Binary files a/apps/demos/testing/etalons/Gauges-ScaleLabelFormatting (material.blue.light).png and b/apps/demos/testing/etalons/Gauges-ScaleLabelFormatting (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gauges-ScaleMinorTicks (material.blue.light).png b/apps/demos/testing/etalons/Gauges-ScaleMinorTicks (material.blue.light).png
index c4f7a3e47c70..274bf77bb910 100644
Binary files a/apps/demos/testing/etalons/Gauges-ScaleMinorTicks (material.blue.light).png and b/apps/demos/testing/etalons/Gauges-ScaleMinorTicks (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gauges-SubvalueIndicatorTextFormatting (material.blue.light).png b/apps/demos/testing/etalons/Gauges-SubvalueIndicatorTextFormatting (material.blue.light).png
index 41ab2f386e7d..903c283cd2dd 100644
Binary files a/apps/demos/testing/etalons/Gauges-SubvalueIndicatorTextFormatting (material.blue.light).png and b/apps/demos/testing/etalons/Gauges-SubvalueIndicatorTextFormatting (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gauges-SubvalueIndicatorsRuntimeCustomization (material.blue.light).png b/apps/demos/testing/etalons/Gauges-SubvalueIndicatorsRuntimeCustomization (material.blue.light).png
index 518ee1f83cde..9fb6e74090e9 100644
Binary files a/apps/demos/testing/etalons/Gauges-SubvalueIndicatorsRuntimeCustomization (material.blue.light).png and b/apps/demos/testing/etalons/Gauges-SubvalueIndicatorsRuntimeCustomization (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gauges-Tooltip (material.blue.light).png b/apps/demos/testing/etalons/Gauges-Tooltip (material.blue.light).png
index 4ae764134ff8..48449d68e377 100644
Binary files a/apps/demos/testing/etalons/Gauges-Tooltip (material.blue.light).png and b/apps/demos/testing/etalons/Gauges-Tooltip (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gauges-ValueIndicatorsAPI (material.blue.light).png b/apps/demos/testing/etalons/Gauges-ValueIndicatorsAPI (material.blue.light).png
index 22f4adf28449..3bda784f8102 100644
Binary files a/apps/demos/testing/etalons/Gauges-ValueIndicatorsAPI (material.blue.light).png and b/apps/demos/testing/etalons/Gauges-ValueIndicatorsAPI (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Gauges-VariableNumberOfBars (material.blue.light).png b/apps/demos/testing/etalons/Gauges-VariableNumberOfBars (material.blue.light).png
index f2331077a9e7..a9e0dd7188fc 100644
Binary files a/apps/demos/testing/etalons/Gauges-VariableNumberOfBars (material.blue.light).png and b/apps/demos/testing/etalons/Gauges-VariableNumberOfBars (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/HtmlEditor-AITextEditing (material.blue.light).png b/apps/demos/testing/etalons/HtmlEditor-AITextEditing (material.blue.light).png
index 424d0168eccb..d63fec3d03a6 100644
Binary files a/apps/demos/testing/etalons/HtmlEditor-AITextEditing (material.blue.light).png and b/apps/demos/testing/etalons/HtmlEditor-AITextEditing (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/HtmlEditor-MarkdownSupport (material.blue.light).png b/apps/demos/testing/etalons/HtmlEditor-MarkdownSupport (material.blue.light).png
index 3aee7f3be2b9..9d8cd546a571 100644
Binary files a/apps/demos/testing/etalons/HtmlEditor-MarkdownSupport (material.blue.light).png and b/apps/demos/testing/etalons/HtmlEditor-MarkdownSupport (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/HtmlEditor-Mentions (material.blue.light).png b/apps/demos/testing/etalons/HtmlEditor-Mentions (material.blue.light).png
index 2f4d83b5d4bb..bf99018ad1a0 100644
Binary files a/apps/demos/testing/etalons/HtmlEditor-Mentions (material.blue.light).png and b/apps/demos/testing/etalons/HtmlEditor-Mentions (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/HtmlEditor-Overview (material.blue.light).png b/apps/demos/testing/etalons/HtmlEditor-Overview (material.blue.light).png
index 74ca4bfcc290..12d39875cc6f 100644
Binary files a/apps/demos/testing/etalons/HtmlEditor-Overview (material.blue.light).png and b/apps/demos/testing/etalons/HtmlEditor-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/HtmlEditor-Tables (material.blue.light).png b/apps/demos/testing/etalons/HtmlEditor-Tables (material.blue.light).png
index b74505913a5e..97ca79e29508 100644
Binary files a/apps/demos/testing/etalons/HtmlEditor-Tables (material.blue.light).png and b/apps/demos/testing/etalons/HtmlEditor-Tables (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/HtmlEditor-ToolbarCustomization (material.blue.light).png b/apps/demos/testing/etalons/HtmlEditor-ToolbarCustomization (material.blue.light).png
index 3507594bda7e..46396ecc17bd 100644
Binary files a/apps/demos/testing/etalons/HtmlEditor-ToolbarCustomization (material.blue.light).png and b/apps/demos/testing/etalons/HtmlEditor-ToolbarCustomization (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/List-DragAndDrop (material.blue.light).png b/apps/demos/testing/etalons/List-DragAndDrop (material.blue.light).png
index 148361590d59..ddd6a9696506 100644
Binary files a/apps/demos/testing/etalons/List-DragAndDrop (material.blue.light).png and b/apps/demos/testing/etalons/List-DragAndDrop (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/List-Grouping (material.blue.light).png b/apps/demos/testing/etalons/List-Grouping (material.blue.light).png
index 0bcb624dab09..f8d7515c065c 100644
Binary files a/apps/demos/testing/etalons/List-Grouping (material.blue.light).png and b/apps/demos/testing/etalons/List-Grouping (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/List-Item3RdPartyEngineTemplate (material.blue.light).png b/apps/demos/testing/etalons/List-Item3RdPartyEngineTemplate (material.blue.light).png
index d2f203b7c34c..804ba7d9dfe4 100644
Binary files a/apps/demos/testing/etalons/List-Item3RdPartyEngineTemplate (material.blue.light).png and b/apps/demos/testing/etalons/List-Item3RdPartyEngineTemplate (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/List-ItemDeletion (material.blue.light).png b/apps/demos/testing/etalons/List-ItemDeletion (material.blue.light).png
index f1a66e1d024a..86877c55e867 100644
Binary files a/apps/demos/testing/etalons/List-ItemDeletion (material.blue.light).png and b/apps/demos/testing/etalons/List-ItemDeletion (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/List-ItemTemplate (material.blue.light).png b/apps/demos/testing/etalons/List-ItemTemplate (material.blue.light).png
index 665f8097d217..e9b414c2a362 100644
Binary files a/apps/demos/testing/etalons/List-ItemTemplate (material.blue.light).png and b/apps/demos/testing/etalons/List-ItemTemplate (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/List-Search (material.blue.light).png b/apps/demos/testing/etalons/List-Search (material.blue.light).png
index 01610b7c091c..40779afc4b7f 100644
Binary files a/apps/demos/testing/etalons/List-Search (material.blue.light).png and b/apps/demos/testing/etalons/List-Search (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/List-Selection (material.blue.light).png b/apps/demos/testing/etalons/List-Selection (material.blue.light).png
index 0e1107385311..d2a65237d44f 100644
Binary files a/apps/demos/testing/etalons/List-Selection (material.blue.light).png and b/apps/demos/testing/etalons/List-Selection (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/List-WebAPI (material.blue.light).png b/apps/demos/testing/etalons/List-WebAPI (material.blue.light).png
index c222ba75a2d0..e0be08c94146 100644
Binary files a/apps/demos/testing/etalons/List-WebAPI (material.blue.light).png and b/apps/demos/testing/etalons/List-WebAPI (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/LoadIndicator-Overview (material.blue.light).png b/apps/demos/testing/etalons/LoadIndicator-Overview (material.blue.light).png
index 2b9e30211813..8e6b7eea045e 100644
Binary files a/apps/demos/testing/etalons/LoadIndicator-Overview (material.blue.light).png and b/apps/demos/testing/etalons/LoadIndicator-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/LoadPanel-Overview (material.blue.light).png b/apps/demos/testing/etalons/LoadPanel-Overview (material.blue.light).png
index d094a824ab3b..2ebf9d004faa 100644
Binary files a/apps/demos/testing/etalons/LoadPanel-Overview (material.blue.light).png and b/apps/demos/testing/etalons/LoadPanel-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Localization-UsingGlobalize (material.blue.light).png b/apps/demos/testing/etalons/Localization-UsingGlobalize (material.blue.light).png
index d1a4b6cad2e3..03223d9eecc0 100644
Binary files a/apps/demos/testing/etalons/Localization-UsingGlobalize (material.blue.light).png and b/apps/demos/testing/etalons/Localization-UsingGlobalize (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Localization-UsingIntl (material.blue.light).png b/apps/demos/testing/etalons/Localization-UsingIntl (material.blue.light).png
index d1a4b6cad2e3..03223d9eecc0 100644
Binary files a/apps/demos/testing/etalons/Localization-UsingIntl (material.blue.light).png and b/apps/demos/testing/etalons/Localization-UsingIntl (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Lookup-Basics (material.blue.light).png b/apps/demos/testing/etalons/Lookup-Basics (material.blue.light).png
index 358138c8c4db..6658d4a6a8f9 100644
Binary files a/apps/demos/testing/etalons/Lookup-Basics (material.blue.light).png and b/apps/demos/testing/etalons/Lookup-Basics (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Lookup-EventHandling (material.blue.light).png b/apps/demos/testing/etalons/Lookup-EventHandling (material.blue.light).png
index 3a76aa2712b1..cad180f0663b 100644
Binary files a/apps/demos/testing/etalons/Lookup-EventHandling (material.blue.light).png and b/apps/demos/testing/etalons/Lookup-EventHandling (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Lookup-Templates (material.blue.light).png b/apps/demos/testing/etalons/Lookup-Templates (material.blue.light).png
index 1edecfc96d70..9ea696cf4c2b 100644
Binary files a/apps/demos/testing/etalons/Lookup-Templates (material.blue.light).png and b/apps/demos/testing/etalons/Lookup-Templates (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Map-Markers (material.blue.light).png b/apps/demos/testing/etalons/Map-Markers (material.blue.light).png
deleted file mode 100644
index 20f0c4d060a7..000000000000
Binary files a/apps/demos/testing/etalons/Map-Markers (material.blue.light).png and /dev/null differ
diff --git a/apps/demos/testing/etalons/Map-ProvidersAndTypes (material.blue.light).png b/apps/demos/testing/etalons/Map-ProvidersAndTypes (material.blue.light).png
deleted file mode 100644
index 3a0a644297f8..000000000000
Binary files a/apps/demos/testing/etalons/Map-ProvidersAndTypes (material.blue.light).png and /dev/null differ
diff --git a/apps/demos/testing/etalons/Map-Routes (material.blue.light).png b/apps/demos/testing/etalons/Map-Routes (material.blue.light).png
deleted file mode 100644
index 6ca936d4d178..000000000000
Binary files a/apps/demos/testing/etalons/Map-Routes (material.blue.light).png and /dev/null differ
diff --git a/apps/demos/testing/etalons/Menu-Overview (material.blue.light).png b/apps/demos/testing/etalons/Menu-Overview (material.blue.light).png
index 34dfad507561..32cb41d01507 100644
Binary files a/apps/demos/testing/etalons/Menu-Overview (material.blue.light).png and b/apps/demos/testing/etalons/Menu-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Menu-Scrolling (material.blue.light).png b/apps/demos/testing/etalons/Menu-Scrolling (material.blue.light).png
index c373bdce0f8b..61f67fe4feb6 100644
Binary files a/apps/demos/testing/etalons/Menu-Scrolling (material.blue.light).png and b/apps/demos/testing/etalons/Menu-Scrolling (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/MultiView-Overview (material.blue.light).png b/apps/demos/testing/etalons/MultiView-Overview (material.blue.light).png
index 2c3690c61b25..970112e595f5 100644
Binary files a/apps/demos/testing/etalons/MultiView-Overview (material.blue.light).png and b/apps/demos/testing/etalons/MultiView-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/NumberBox-Formatting (material.blue.light).png b/apps/demos/testing/etalons/NumberBox-Formatting (material.blue.light).png
index 382d00c37fd7..27f93b42ea79 100644
Binary files a/apps/demos/testing/etalons/NumberBox-Formatting (material.blue.light).png and b/apps/demos/testing/etalons/NumberBox-Formatting (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/NumberBox-Overview (material.blue.light).png b/apps/demos/testing/etalons/NumberBox-Overview (material.blue.light).png
index 2f698b5abbbd..c292fa4f5fd6 100644
Binary files a/apps/demos/testing/etalons/NumberBox-Overview (material.blue.light).png and b/apps/demos/testing/etalons/NumberBox-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Pagination-Overview (material.blue.light).png b/apps/demos/testing/etalons/Pagination-Overview (material.blue.light).png
index 75d6b08e3cff..b0bdca4eb367 100644
Binary files a/apps/demos/testing/etalons/Pagination-Overview (material.blue.light).png and b/apps/demos/testing/etalons/Pagination-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/PivotGrid-ChartIntegration (material.blue.light).png b/apps/demos/testing/etalons/PivotGrid-ChartIntegration (material.blue.light).png
index d3310be250b8..2e276d451881 100644
Binary files a/apps/demos/testing/etalons/PivotGrid-ChartIntegration (material.blue.light).png and b/apps/demos/testing/etalons/PivotGrid-ChartIntegration (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/PivotGrid-Customization (material.blue.light).png b/apps/demos/testing/etalons/PivotGrid-Customization (material.blue.light).png
index fad49f520d9a..448da2473a74 100644
Binary files a/apps/demos/testing/etalons/PivotGrid-Customization (material.blue.light).png and b/apps/demos/testing/etalons/PivotGrid-Customization (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/PivotGrid-DrillDown (material.blue.light).png b/apps/demos/testing/etalons/PivotGrid-DrillDown (material.blue.light).png
index 55d2ec8fb099..4777637b0323 100644
Binary files a/apps/demos/testing/etalons/PivotGrid-DrillDown (material.blue.light).png and b/apps/demos/testing/etalons/PivotGrid-DrillDown (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/PivotGrid-ExcelJSCellCustomization (material.blue.light).png b/apps/demos/testing/etalons/PivotGrid-ExcelJSCellCustomization (material.blue.light).png
index 89384ffc7936..3c97762f71c6 100644
Binary files a/apps/demos/testing/etalons/PivotGrid-ExcelJSCellCustomization (material.blue.light).png and b/apps/demos/testing/etalons/PivotGrid-ExcelJSCellCustomization (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/PivotGrid-ExcelJSOverview (material.blue.light).png b/apps/demos/testing/etalons/PivotGrid-ExcelJSOverview (material.blue.light).png
index a16f538c2052..91d255f1b0e3 100644
Binary files a/apps/demos/testing/etalons/PivotGrid-ExcelJSOverview (material.blue.light).png and b/apps/demos/testing/etalons/PivotGrid-ExcelJSOverview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/PivotGrid-ExcelJsHeaderAndFooter (material.blue.light).png b/apps/demos/testing/etalons/PivotGrid-ExcelJsHeaderAndFooter (material.blue.light).png
index e15e5d515003..5862aabc33dc 100644
Binary files a/apps/demos/testing/etalons/PivotGrid-ExcelJsHeaderAndFooter (material.blue.light).png and b/apps/demos/testing/etalons/PivotGrid-ExcelJsHeaderAndFooter (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/PivotGrid-FieldPanel (material.blue.light).png b/apps/demos/testing/etalons/PivotGrid-FieldPanel (material.blue.light).png
index a64a39fd2ffd..0d0ad1344363 100644
Binary files a/apps/demos/testing/etalons/PivotGrid-FieldPanel (material.blue.light).png and b/apps/demos/testing/etalons/PivotGrid-FieldPanel (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/PivotGrid-Filtering (material.blue.light).png b/apps/demos/testing/etalons/PivotGrid-Filtering (material.blue.light).png
index 0ca67ac911e6..b9703eab38d7 100644
Binary files a/apps/demos/testing/etalons/PivotGrid-Filtering (material.blue.light).png and b/apps/demos/testing/etalons/PivotGrid-Filtering (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/PivotGrid-IntegratedFieldChooser (material.blue.light).png b/apps/demos/testing/etalons/PivotGrid-IntegratedFieldChooser (material.blue.light).png
index bfab6ed4dbec..d3bbec98fd61 100644
Binary files a/apps/demos/testing/etalons/PivotGrid-IntegratedFieldChooser (material.blue.light).png and b/apps/demos/testing/etalons/PivotGrid-IntegratedFieldChooser (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/PivotGrid-OLAPDataSource (material.blue.light).png b/apps/demos/testing/etalons/PivotGrid-OLAPDataSource (material.blue.light).png
index 3a55b58e5ca0..c8b35c1d4a15 100644
Binary files a/apps/demos/testing/etalons/PivotGrid-OLAPDataSource (material.blue.light).png and b/apps/demos/testing/etalons/PivotGrid-OLAPDataSource (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/PivotGrid-Overview (material.blue.light).png b/apps/demos/testing/etalons/PivotGrid-Overview (material.blue.light).png
index 56340d6a273d..d806b3296acf 100644
Binary files a/apps/demos/testing/etalons/PivotGrid-Overview (material.blue.light).png and b/apps/demos/testing/etalons/PivotGrid-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/PivotGrid-RemoteVirtualScrolling (material.blue.light).png b/apps/demos/testing/etalons/PivotGrid-RemoteVirtualScrolling (material.blue.light).png
index 87f2b627c785..6c5693b9fca6 100644
Binary files a/apps/demos/testing/etalons/PivotGrid-RemoteVirtualScrolling (material.blue.light).png and b/apps/demos/testing/etalons/PivotGrid-RemoteVirtualScrolling (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/PivotGrid-RunningTotals (material.blue.light).png b/apps/demos/testing/etalons/PivotGrid-RunningTotals (material.blue.light).png
index ef3c60d8ef04..bd006fa8059c 100644
Binary files a/apps/demos/testing/etalons/PivotGrid-RunningTotals (material.blue.light).png and b/apps/demos/testing/etalons/PivotGrid-RunningTotals (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/PivotGrid-SimpleArray (material.blue.light).png b/apps/demos/testing/etalons/PivotGrid-SimpleArray (material.blue.light).png
index 07f6136503fe..37c25ac9be1c 100644
Binary files a/apps/demos/testing/etalons/PivotGrid-SimpleArray (material.blue.light).png and b/apps/demos/testing/etalons/PivotGrid-SimpleArray (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/PivotGrid-StandaloneFieldChooser (material.blue.light).png b/apps/demos/testing/etalons/PivotGrid-StandaloneFieldChooser (material.blue.light).png
index fdfb7fc65e0b..febc28e97e9f 100644
Binary files a/apps/demos/testing/etalons/PivotGrid-StandaloneFieldChooser (material.blue.light).png and b/apps/demos/testing/etalons/PivotGrid-StandaloneFieldChooser (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/PivotGrid-StatePersistence (material.blue.light).png b/apps/demos/testing/etalons/PivotGrid-StatePersistence (material.blue.light).png
index 8a02e10d60fc..b9420e3eb590 100644
Binary files a/apps/demos/testing/etalons/PivotGrid-StatePersistence (material.blue.light).png and b/apps/demos/testing/etalons/PivotGrid-StatePersistence (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/PivotGrid-SummaryDisplayModes (material.blue.light).png b/apps/demos/testing/etalons/PivotGrid-SummaryDisplayModes (material.blue.light).png
index 8fcc3cf02a76..3d9f60eb579e 100644
Binary files a/apps/demos/testing/etalons/PivotGrid-SummaryDisplayModes (material.blue.light).png and b/apps/demos/testing/etalons/PivotGrid-SummaryDisplayModes (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/PivotGrid-VirtualScrolling (material.blue.light).png b/apps/demos/testing/etalons/PivotGrid-VirtualScrolling (material.blue.light).png
index 647465ff1af4..6f9668aead67 100644
Binary files a/apps/demos/testing/etalons/PivotGrid-VirtualScrolling (material.blue.light).png and b/apps/demos/testing/etalons/PivotGrid-VirtualScrolling (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/PivotGrid-WebAPIService (material.blue.light).png b/apps/demos/testing/etalons/PivotGrid-WebAPIService (material.blue.light).png
index 8fb303be1a60..832ec0d25d35 100644
Binary files a/apps/demos/testing/etalons/PivotGrid-WebAPIService (material.blue.light).png and b/apps/demos/testing/etalons/PivotGrid-WebAPIService (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Popover-Overview (material.blue.light).png b/apps/demos/testing/etalons/Popover-Overview (material.blue.light).png
index e1d3133660a1..5b569ca50645 100644
Binary files a/apps/demos/testing/etalons/Popover-Overview (material.blue.light).png and b/apps/demos/testing/etalons/Popover-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Popup-Overview (material.blue.light).png b/apps/demos/testing/etalons/Popup-Overview (material.blue.light).png
index 1344a45fcf0b..0f0047dac64c 100644
Binary files a/apps/demos/testing/etalons/Popup-Overview (material.blue.light).png and b/apps/demos/testing/etalons/Popup-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Popup-Scrolling (material.blue.light).png b/apps/demos/testing/etalons/Popup-Scrolling (material.blue.light).png
index c63f75444118..362762a944e4 100644
Binary files a/apps/demos/testing/etalons/Popup-Scrolling (material.blue.light).png and b/apps/demos/testing/etalons/Popup-Scrolling (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/ProgressBar-Overview (material.blue.light).png b/apps/demos/testing/etalons/ProgressBar-Overview (material.blue.light).png
index 7eb0df1eb67b..6e7dac326692 100644
Binary files a/apps/demos/testing/etalons/ProgressBar-Overview (material.blue.light).png and b/apps/demos/testing/etalons/ProgressBar-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/RadioGroup-Overview (material.blue.light).png b/apps/demos/testing/etalons/RadioGroup-Overview (material.blue.light).png
index e825ae9c8645..11936e80211b 100644
Binary files a/apps/demos/testing/etalons/RadioGroup-Overview (material.blue.light).png and b/apps/demos/testing/etalons/RadioGroup-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/RangeSelector-BackgroundImage (material.blue.light).png b/apps/demos/testing/etalons/RangeSelector-BackgroundImage (material.blue.light).png
index a0fe94c590bc..8b180175b0fc 100644
Binary files a/apps/demos/testing/etalons/RangeSelector-BackgroundImage (material.blue.light).png and b/apps/demos/testing/etalons/RangeSelector-BackgroundImage (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/RangeSelector-Calculation (material.blue.light).png b/apps/demos/testing/etalons/RangeSelector-Calculation (material.blue.light).png
index 1e72edcd1a9d..4ef3d2dc7156 100644
Binary files a/apps/demos/testing/etalons/RangeSelector-Calculation (material.blue.light).png and b/apps/demos/testing/etalons/RangeSelector-Calculation (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/RangeSelector-CustomFormatting (material.blue.light).png b/apps/demos/testing/etalons/RangeSelector-CustomFormatting (material.blue.light).png
index 3adc3b69f497..0aabdf83e3ae 100644
Binary files a/apps/demos/testing/etalons/RangeSelector-CustomFormatting (material.blue.light).png and b/apps/demos/testing/etalons/RangeSelector-CustomFormatting (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/RangeSelector-DateTimeScale (material.blue.light).png b/apps/demos/testing/etalons/RangeSelector-DateTimeScale (material.blue.light).png
index b27eeaae46f6..2f7db1ace6e6 100644
Binary files a/apps/demos/testing/etalons/RangeSelector-DateTimeScale (material.blue.light).png and b/apps/demos/testing/etalons/RangeSelector-DateTimeScale (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/RangeSelector-DateTimeScaleLightweight (material.blue.light).png b/apps/demos/testing/etalons/RangeSelector-DateTimeScaleLightweight (material.blue.light).png
index ad1aff7cd0b5..debea6afc39a 100644
Binary files a/apps/demos/testing/etalons/RangeSelector-DateTimeScaleLightweight (material.blue.light).png and b/apps/demos/testing/etalons/RangeSelector-DateTimeScaleLightweight (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/RangeSelector-DiscreteScale (material.blue.light).png b/apps/demos/testing/etalons/RangeSelector-DiscreteScale (material.blue.light).png
index a4e5235542c8..e933c0de7115 100644
Binary files a/apps/demos/testing/etalons/RangeSelector-DiscreteScale (material.blue.light).png and b/apps/demos/testing/etalons/RangeSelector-DiscreteScale (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/RangeSelector-EmbeddedChart (material.blue.light).png b/apps/demos/testing/etalons/RangeSelector-EmbeddedChart (material.blue.light).png
index 110915e49ca0..a778d263871c 100644
Binary files a/apps/demos/testing/etalons/RangeSelector-EmbeddedChart (material.blue.light).png and b/apps/demos/testing/etalons/RangeSelector-EmbeddedChart (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/RangeSelector-EmbeddedChartCustomized (material.blue.light).png b/apps/demos/testing/etalons/RangeSelector-EmbeddedChartCustomized (material.blue.light).png
index 126bf278a02a..0825fff36167 100644
Binary files a/apps/demos/testing/etalons/RangeSelector-EmbeddedChartCustomized (material.blue.light).png and b/apps/demos/testing/etalons/RangeSelector-EmbeddedChartCustomized (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/RangeSelector-EmbeddedChartSeriesTemplate (material.blue.light).png b/apps/demos/testing/etalons/RangeSelector-EmbeddedChartSeriesTemplate (material.blue.light).png
index fbc256b8a6e2..21aa67482ebd 100644
Binary files a/apps/demos/testing/etalons/RangeSelector-EmbeddedChartSeriesTemplate (material.blue.light).png and b/apps/demos/testing/etalons/RangeSelector-EmbeddedChartSeriesTemplate (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/RangeSelector-Filter (material.blue.light).png b/apps/demos/testing/etalons/RangeSelector-Filter (material.blue.light).png
index e6bb5f688963..038af423e61d 100644
Binary files a/apps/demos/testing/etalons/RangeSelector-Filter (material.blue.light).png and b/apps/demos/testing/etalons/RangeSelector-Filter (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/RangeSelector-LogarithmicScale (material.blue.light).png b/apps/demos/testing/etalons/RangeSelector-LogarithmicScale (material.blue.light).png
index 7a3d2226e09e..cd29f77005be 100644
Binary files a/apps/demos/testing/etalons/RangeSelector-LogarithmicScale (material.blue.light).png and b/apps/demos/testing/etalons/RangeSelector-LogarithmicScale (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/RangeSelector-NumericScale (material.blue.light).png b/apps/demos/testing/etalons/RangeSelector-NumericScale (material.blue.light).png
index 7bbc175ff2c5..42130261c96b 100644
Binary files a/apps/demos/testing/etalons/RangeSelector-NumericScale (material.blue.light).png and b/apps/demos/testing/etalons/RangeSelector-NumericScale (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/RangeSelector-NumericScaleLightweight (material.blue.light).png b/apps/demos/testing/etalons/RangeSelector-NumericScaleLightweight (material.blue.light).png
index b45f32b60ce5..d40907d54501 100644
Binary files a/apps/demos/testing/etalons/RangeSelector-NumericScaleLightweight (material.blue.light).png and b/apps/demos/testing/etalons/RangeSelector-NumericScaleLightweight (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/RangeSlider-Overview (material.blue.light).png b/apps/demos/testing/etalons/RangeSlider-Overview (material.blue.light).png
index 2f1e54b7e099..0cbdc05a2f62 100644
Binary files a/apps/demos/testing/etalons/RangeSlider-Overview (material.blue.light).png and b/apps/demos/testing/etalons/RangeSlider-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Resizable-Overview (material.blue.light).png b/apps/demos/testing/etalons/Resizable-Overview (material.blue.light).png
index 216a57991542..5fbe0b138003 100644
Binary files a/apps/demos/testing/etalons/Resizable-Overview (material.blue.light).png and b/apps/demos/testing/etalons/Resizable-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/ResponsiveBox-Overview (fluent.blue.light).png b/apps/demos/testing/etalons/ResponsiveBox-Overview (fluent.blue.light).png
index cf2104fe4ed5..1d50453eb425 100644
Binary files a/apps/demos/testing/etalons/ResponsiveBox-Overview (fluent.blue.light).png and b/apps/demos/testing/etalons/ResponsiveBox-Overview (fluent.blue.light).png differ
diff --git a/apps/demos/testing/etalons/ResponsiveBox-Overview (material.blue.light).png b/apps/demos/testing/etalons/ResponsiveBox-Overview (material.blue.light).png
index 13830126afa4..ed9d98137282 100644
Binary files a/apps/demos/testing/etalons/ResponsiveBox-Overview (material.blue.light).png and b/apps/demos/testing/etalons/ResponsiveBox-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Scheduler-Adaptability (fluent.blue.light).png b/apps/demos/testing/etalons/Scheduler-Adaptability (fluent.blue.light).png
index f6f829ab988d..eab0f871b7cb 100644
Binary files a/apps/demos/testing/etalons/Scheduler-Adaptability (fluent.blue.light).png and b/apps/demos/testing/etalons/Scheduler-Adaptability (fluent.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Scheduler-Adaptability (material.blue.light).png b/apps/demos/testing/etalons/Scheduler-Adaptability (material.blue.light).png
index dbe8c3ebf495..888048ec7f06 100644
Binary files a/apps/demos/testing/etalons/Scheduler-Adaptability (material.blue.light).png and b/apps/demos/testing/etalons/Scheduler-Adaptability (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Scheduler-Agenda (material.blue.light).png b/apps/demos/testing/etalons/Scheduler-Agenda (material.blue.light).png
index db75ffb2e729..6aa14dde4451 100644
Binary files a/apps/demos/testing/etalons/Scheduler-Agenda (material.blue.light).png and b/apps/demos/testing/etalons/Scheduler-Agenda (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Scheduler-AllDayPanelMode (material.blue.light).png b/apps/demos/testing/etalons/Scheduler-AllDayPanelMode (material.blue.light).png
index 448a976a883a..62c72b4413e5 100644
Binary files a/apps/demos/testing/etalons/Scheduler-AllDayPanelMode (material.blue.light).png and b/apps/demos/testing/etalons/Scheduler-AllDayPanelMode (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Scheduler-AppointmentCountPerCell (material.blue.light).png b/apps/demos/testing/etalons/Scheduler-AppointmentCountPerCell (material.blue.light).png
index 0802df89d162..3f3402b25e27 100644
Binary files a/apps/demos/testing/etalons/Scheduler-AppointmentCountPerCell (material.blue.light).png and b/apps/demos/testing/etalons/Scheduler-AppointmentCountPerCell (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Scheduler-BasicViews (material.blue.light).png b/apps/demos/testing/etalons/Scheduler-BasicViews (material.blue.light).png
index ee57ebdf9293..38a23d598a2d 100644
Binary files a/apps/demos/testing/etalons/Scheduler-BasicViews (material.blue.light).png and b/apps/demos/testing/etalons/Scheduler-BasicViews (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Scheduler-CellTemplates (fluent.blue.light).png b/apps/demos/testing/etalons/Scheduler-CellTemplates (fluent.blue.light).png
index 20e6990baa82..b21f52a28982 100644
Binary files a/apps/demos/testing/etalons/Scheduler-CellTemplates (fluent.blue.light).png and b/apps/demos/testing/etalons/Scheduler-CellTemplates (fluent.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Scheduler-CellTemplates (material.blue.light).png b/apps/demos/testing/etalons/Scheduler-CellTemplates (material.blue.light).png
index 9435e12e0d7e..65ffca0b76e4 100644
Binary files a/apps/demos/testing/etalons/Scheduler-CellTemplates (material.blue.light).png and b/apps/demos/testing/etalons/Scheduler-CellTemplates (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Scheduler-ContextMenu (material.blue.light).png b/apps/demos/testing/etalons/Scheduler-ContextMenu (material.blue.light).png
index 9a39b23a4d8a..67bfe5828e98 100644
Binary files a/apps/demos/testing/etalons/Scheduler-ContextMenu (material.blue.light).png and b/apps/demos/testing/etalons/Scheduler-ContextMenu (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Scheduler-CurrentTimeIndicator (material.blue.light).png b/apps/demos/testing/etalons/Scheduler-CurrentTimeIndicator (material.blue.light).png
index 99d1c17fb3ce..fa02ccf0a735 100644
Binary files a/apps/demos/testing/etalons/Scheduler-CurrentTimeIndicator (material.blue.light).png and b/apps/demos/testing/etalons/Scheduler-CurrentTimeIndicator (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Scheduler-CustomViewDuration (material.blue.light).png b/apps/demos/testing/etalons/Scheduler-CustomViewDuration (material.blue.light).png
index b722aaf5709f..610b9d77d40a 100644
Binary files a/apps/demos/testing/etalons/Scheduler-CustomViewDuration (material.blue.light).png and b/apps/demos/testing/etalons/Scheduler-CustomViewDuration (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Scheduler-DragAndDrop (material.blue.light).png b/apps/demos/testing/etalons/Scheduler-DragAndDrop (material.blue.light).png
index 2f63fbd8a7be..4e1ab2be6c3c 100644
Binary files a/apps/demos/testing/etalons/Scheduler-DragAndDrop (material.blue.light).png and b/apps/demos/testing/etalons/Scheduler-DragAndDrop (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Scheduler-Editing (material.blue.light).png b/apps/demos/testing/etalons/Scheduler-Editing (material.blue.light).png
index 330ec5cc8379..3437e9c068c3 100644
Binary files a/apps/demos/testing/etalons/Scheduler-Editing (material.blue.light).png and b/apps/demos/testing/etalons/Scheduler-Editing (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Scheduler-GoogleCalendarIntegration (material.blue.light).png b/apps/demos/testing/etalons/Scheduler-GoogleCalendarIntegration (material.blue.light).png
index 291bcefbeb30..d29b497edbb2 100644
Binary files a/apps/demos/testing/etalons/Scheduler-GoogleCalendarIntegration (material.blue.light).png and b/apps/demos/testing/etalons/Scheduler-GoogleCalendarIntegration (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Scheduler-GroupByDate (material.blue.light).png b/apps/demos/testing/etalons/Scheduler-GroupByDate (material.blue.light).png
index 26c1bfbc7ba5..526171f79eab 100644
Binary files a/apps/demos/testing/etalons/Scheduler-GroupByDate (material.blue.light).png and b/apps/demos/testing/etalons/Scheduler-GroupByDate (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Scheduler-GroupingByResources (material.blue.light).png b/apps/demos/testing/etalons/Scheduler-GroupingByResources (material.blue.light).png
index 785b9dc23cc1..cfb8d6c50e7b 100644
Binary files a/apps/demos/testing/etalons/Scheduler-GroupingByResources (material.blue.light).png and b/apps/demos/testing/etalons/Scheduler-GroupingByResources (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Scheduler-IndividualViewsCustomization (material.blue.light).png b/apps/demos/testing/etalons/Scheduler-IndividualViewsCustomization (material.blue.light).png
index 4fde241ce544..cb258242a774 100644
Binary files a/apps/demos/testing/etalons/Scheduler-IndividualViewsCustomization (material.blue.light).png and b/apps/demos/testing/etalons/Scheduler-IndividualViewsCustomization (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Scheduler-Overview (material.blue.light).png b/apps/demos/testing/etalons/Scheduler-Overview (material.blue.light).png
index 907d2f1c4f64..8869d317fe97 100644
Binary files a/apps/demos/testing/etalons/Scheduler-Overview (material.blue.light).png and b/apps/demos/testing/etalons/Scheduler-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Scheduler-RecurringAppointments (material.blue.light).png b/apps/demos/testing/etalons/Scheduler-RecurringAppointments (material.blue.light).png
index 9a39b23a4d8a..67bfe5828e98 100644
Binary files a/apps/demos/testing/etalons/Scheduler-RecurringAppointments (material.blue.light).png and b/apps/demos/testing/etalons/Scheduler-RecurringAppointments (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Scheduler-Resources (material.blue.light).png b/apps/demos/testing/etalons/Scheduler-Resources (material.blue.light).png
index f296c40e4cf1..115c64443a74 100644
Binary files a/apps/demos/testing/etalons/Scheduler-Resources (material.blue.light).png and b/apps/demos/testing/etalons/Scheduler-Resources (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Scheduler-SignalRService (material.blue.light).png b/apps/demos/testing/etalons/Scheduler-SignalRService (material.blue.light).png
index 6fb55d2cbed0..9d2790945d76 100644
Binary files a/apps/demos/testing/etalons/Scheduler-SignalRService (material.blue.light).png and b/apps/demos/testing/etalons/Scheduler-SignalRService (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Scheduler-SimpleArray (material.blue.light).png b/apps/demos/testing/etalons/Scheduler-SimpleArray (material.blue.light).png
index b27d6e62fc86..0466246029fb 100644
Binary files a/apps/demos/testing/etalons/Scheduler-SimpleArray (material.blue.light).png and b/apps/demos/testing/etalons/Scheduler-SimpleArray (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Scheduler-Templates (material.blue.light).png b/apps/demos/testing/etalons/Scheduler-Templates (material.blue.light).png
index 34993b1da0bf..ba2afb7ad3cc 100644
Binary files a/apps/demos/testing/etalons/Scheduler-Templates (material.blue.light).png and b/apps/demos/testing/etalons/Scheduler-Templates (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Scheduler-TimeZonesSupport (material.blue.light).png b/apps/demos/testing/etalons/Scheduler-TimeZonesSupport (material.blue.light).png
index db289c1ec0d6..92919fcf9ba4 100644
Binary files a/apps/demos/testing/etalons/Scheduler-TimeZonesSupport (material.blue.light).png and b/apps/demos/testing/etalons/Scheduler-TimeZonesSupport (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Scheduler-Timelines (material.blue.light).png b/apps/demos/testing/etalons/Scheduler-Timelines (material.blue.light).png
index 560e1bf7e594..2ef64a0eb706 100644
Binary files a/apps/demos/testing/etalons/Scheduler-Timelines (material.blue.light).png and b/apps/demos/testing/etalons/Scheduler-Timelines (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Scheduler-Toolbar (material.blue.light).png b/apps/demos/testing/etalons/Scheduler-Toolbar (material.blue.light).png
index 25c0a0192b14..5c289e355281 100644
Binary files a/apps/demos/testing/etalons/Scheduler-Toolbar (material.blue.light).png and b/apps/demos/testing/etalons/Scheduler-Toolbar (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Scheduler-VirtualScrolling (material.blue.light).png b/apps/demos/testing/etalons/Scheduler-VirtualScrolling (material.blue.light).png
index a4cdd4c9740c..648d0931bd6f 100644
Binary files a/apps/demos/testing/etalons/Scheduler-VirtualScrolling (material.blue.light).png and b/apps/demos/testing/etalons/Scheduler-VirtualScrolling (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Scheduler-WebAPIService (material.blue.light).png b/apps/demos/testing/etalons/Scheduler-WebAPIService (material.blue.light).png
index 213b02f56349..6afeadf5e04d 100644
Binary files a/apps/demos/testing/etalons/Scheduler-WebAPIService (material.blue.light).png and b/apps/demos/testing/etalons/Scheduler-WebAPIService (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Scheduler-WorkShifts (material.blue.light).png b/apps/demos/testing/etalons/Scheduler-WorkShifts (material.blue.light).png
index 93ff372a9883..165d0e6ac5eb 100644
Binary files a/apps/demos/testing/etalons/Scheduler-WorkShifts (material.blue.light).png and b/apps/demos/testing/etalons/Scheduler-WorkShifts (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/ScrollView-Overview (material.blue.light).png b/apps/demos/testing/etalons/ScrollView-Overview (material.blue.light).png
index ec2bdd1ac01e..ef6a82710d37 100644
Binary files a/apps/demos/testing/etalons/ScrollView-Overview (material.blue.light).png and b/apps/demos/testing/etalons/ScrollView-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/SelectBox-CustomizeDropDownButton (material.blue.light).png b/apps/demos/testing/etalons/SelectBox-CustomizeDropDownButton (material.blue.light).png
index 98e5c3e98df5..3270114afc73 100644
Binary files a/apps/demos/testing/etalons/SelectBox-CustomizeDropDownButton (material.blue.light).png and b/apps/demos/testing/etalons/SelectBox-CustomizeDropDownButton (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/SelectBox-Grouping (material.blue.light).png b/apps/demos/testing/etalons/SelectBox-Grouping (material.blue.light).png
index 2c98b7047a7f..90bb14e9c1c5 100644
Binary files a/apps/demos/testing/etalons/SelectBox-Grouping (material.blue.light).png and b/apps/demos/testing/etalons/SelectBox-Grouping (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/SelectBox-Overview (material.blue.light).png b/apps/demos/testing/etalons/SelectBox-Overview (material.blue.light).png
index d05eecdc79da..26532170bb9b 100644
Binary files a/apps/demos/testing/etalons/SelectBox-Overview (material.blue.light).png and b/apps/demos/testing/etalons/SelectBox-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/SelectBox-SearchAndEditing (material.blue.light).png b/apps/demos/testing/etalons/SelectBox-SearchAndEditing (material.blue.light).png
index 7ea64250403a..40aeecb5032d 100644
Binary files a/apps/demos/testing/etalons/SelectBox-SearchAndEditing (material.blue.light).png and b/apps/demos/testing/etalons/SelectBox-SearchAndEditing (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Slider-Overview (material.blue.light).png b/apps/demos/testing/etalons/Slider-Overview (material.blue.light).png
index 587bb37ebf3b..308de6fcf77d 100644
Binary files a/apps/demos/testing/etalons/Slider-Overview (material.blue.light).png and b/apps/demos/testing/etalons/Slider-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Sortable-Customization (material.blue.light).png b/apps/demos/testing/etalons/Sortable-Customization (material.blue.light).png
index 3b6debfaa561..b2fdda3e41f6 100644
Binary files a/apps/demos/testing/etalons/Sortable-Customization (material.blue.light).png and b/apps/demos/testing/etalons/Sortable-Customization (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Sortable-Kanban (material.blue.light).png b/apps/demos/testing/etalons/Sortable-Kanban (material.blue.light).png
index 0c0c9e824a2c..2161acc6ab03 100644
Binary files a/apps/demos/testing/etalons/Sortable-Kanban (material.blue.light).png and b/apps/demos/testing/etalons/Sortable-Kanban (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/SpeechToText-Overview (material.blue.light).png b/apps/demos/testing/etalons/SpeechToText-Overview (material.blue.light).png
index 441da5df661d..9f8dd5a8b08c 100644
Binary files a/apps/demos/testing/etalons/SpeechToText-Overview (material.blue.light).png and b/apps/demos/testing/etalons/SpeechToText-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Splitter-Overview (material.blue.light).png b/apps/demos/testing/etalons/Splitter-Overview (material.blue.light).png
index 7264b0de1388..fc0e12b41dbe 100644
Binary files a/apps/demos/testing/etalons/Splitter-Overview (material.blue.light).png and b/apps/demos/testing/etalons/Splitter-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Stepper-FormIntegration (material.blue.light).png b/apps/demos/testing/etalons/Stepper-FormIntegration (material.blue.light).png
index 1337e355728a..8de9de75300a 100644
Binary files a/apps/demos/testing/etalons/Stepper-FormIntegration (material.blue.light).png and b/apps/demos/testing/etalons/Stepper-FormIntegration (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Stepper-Overview (material.blue.light).png b/apps/demos/testing/etalons/Stepper-Overview (material.blue.light).png
index 5320bfd78276..0990c26197e0 100644
Binary files a/apps/demos/testing/etalons/Stepper-Overview (material.blue.light).png and b/apps/demos/testing/etalons/Stepper-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Stepper-StepTemplate (material.blue.light).png b/apps/demos/testing/etalons/Stepper-StepTemplate (material.blue.light).png
index 639ad2f8383b..44338a1201ae 100644
Binary files a/apps/demos/testing/etalons/Stepper-StepTemplate (material.blue.light).png and b/apps/demos/testing/etalons/Stepper-StepTemplate (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Switch-Overview (material.blue.light).png b/apps/demos/testing/etalons/Switch-Overview (material.blue.light).png
index d739a21f999a..b28f532803e6 100644
Binary files a/apps/demos/testing/etalons/Switch-Overview (material.blue.light).png and b/apps/demos/testing/etalons/Switch-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TabPanel-DragAndDrop (material.blue.light).png b/apps/demos/testing/etalons/TabPanel-DragAndDrop (material.blue.light).png
index 543ac4794dbb..93d966a83a29 100644
Binary files a/apps/demos/testing/etalons/TabPanel-DragAndDrop (material.blue.light).png and b/apps/demos/testing/etalons/TabPanel-DragAndDrop (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TabPanel-Overview (material.blue.light).png b/apps/demos/testing/etalons/TabPanel-Overview (material.blue.light).png
index ddadc1d024ce..2bc6c21f59ae 100644
Binary files a/apps/demos/testing/etalons/TabPanel-Overview (material.blue.light).png and b/apps/demos/testing/etalons/TabPanel-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TabPanel-Templates (material.blue.light).png b/apps/demos/testing/etalons/TabPanel-Templates (material.blue.light).png
index a19c5e3421fb..fe071f510d4d 100644
Binary files a/apps/demos/testing/etalons/TabPanel-Templates (material.blue.light).png and b/apps/demos/testing/etalons/TabPanel-Templates (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Tabs-Overview (material.blue.light).png b/apps/demos/testing/etalons/Tabs-Overview (material.blue.light).png
index aee981777398..54e503f91ec3 100644
Binary files a/apps/demos/testing/etalons/Tabs-Overview (material.blue.light).png and b/apps/demos/testing/etalons/Tabs-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Tabs-Selection (material.blue.light).png b/apps/demos/testing/etalons/Tabs-Selection (material.blue.light).png
index b85175352a1e..4df0de9d4082 100644
Binary files a/apps/demos/testing/etalons/Tabs-Selection (material.blue.light).png and b/apps/demos/testing/etalons/Tabs-Selection (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TagBox-Grouping (material.blue.light).png b/apps/demos/testing/etalons/TagBox-Grouping (material.blue.light).png
index afd0956ec024..c47caa602fee 100644
Binary files a/apps/demos/testing/etalons/TagBox-Grouping (material.blue.light).png and b/apps/demos/testing/etalons/TagBox-Grouping (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TagBox-Overview (material.blue.light).png b/apps/demos/testing/etalons/TagBox-Overview (material.blue.light).png
index e6c4b3e5ac41..c7d7cefc9bad 100644
Binary files a/apps/demos/testing/etalons/TagBox-Overview (material.blue.light).png and b/apps/demos/testing/etalons/TagBox-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TagBox-TagCountLimitation (material.blue.light).png b/apps/demos/testing/etalons/TagBox-TagCountLimitation (material.blue.light).png
index 8c3c2417d74f..f6427f57f14e 100644
Binary files a/apps/demos/testing/etalons/TagBox-TagCountLimitation (material.blue.light).png and b/apps/demos/testing/etalons/TagBox-TagCountLimitation (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TextArea-Overview (material.blue.light).png b/apps/demos/testing/etalons/TextArea-Overview (material.blue.light).png
index 9253401cfbaf..4e70465d8fb8 100644
Binary files a/apps/demos/testing/etalons/TextArea-Overview (material.blue.light).png and b/apps/demos/testing/etalons/TextArea-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TextBox-Overview (material.blue.light).png b/apps/demos/testing/etalons/TextBox-Overview (material.blue.light).png
index f0dfbe98cc66..58765be62f59 100644
Binary files a/apps/demos/testing/etalons/TextBox-Overview (material.blue.light).png and b/apps/demos/testing/etalons/TextBox-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TileView-Directions (material.blue.light).png b/apps/demos/testing/etalons/TileView-Directions (material.blue.light).png
index e745653b518b..8b300778e376 100644
Binary files a/apps/demos/testing/etalons/TileView-Directions (material.blue.light).png and b/apps/demos/testing/etalons/TileView-Directions (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TileView-Item3RdPartyEngineTemplate (material.blue.light).png b/apps/demos/testing/etalons/TileView-Item3RdPartyEngineTemplate (material.blue.light).png
index c45b0c2449d2..69c23f3d9ff7 100644
Binary files a/apps/demos/testing/etalons/TileView-Item3RdPartyEngineTemplate (material.blue.light).png and b/apps/demos/testing/etalons/TileView-Item3RdPartyEngineTemplate (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TileView-ItemTemplate (material.blue.light).png b/apps/demos/testing/etalons/TileView-ItemTemplate (material.blue.light).png
index de62e5a71de4..7d0429392fbe 100644
Binary files a/apps/demos/testing/etalons/TileView-ItemTemplate (material.blue.light).png and b/apps/demos/testing/etalons/TileView-ItemTemplate (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Toast-Overview (material.blue.light).png b/apps/demos/testing/etalons/Toast-Overview (material.blue.light).png
index add250a8fc5b..4090efec76d3 100644
Binary files a/apps/demos/testing/etalons/Toast-Overview (material.blue.light).png and b/apps/demos/testing/etalons/Toast-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Toast-Stack (material.blue.light).png b/apps/demos/testing/etalons/Toast-Stack (material.blue.light).png
index fc79c5ec6efa..8e8bb639d3f6 100644
Binary files a/apps/demos/testing/etalons/Toast-Stack (material.blue.light).png and b/apps/demos/testing/etalons/Toast-Stack (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Toolbar-Adaptability (material.blue.light).png b/apps/demos/testing/etalons/Toolbar-Adaptability (material.blue.light).png
index 435f2ebba767..22d92f944061 100644
Binary files a/apps/demos/testing/etalons/Toolbar-Adaptability (material.blue.light).png and b/apps/demos/testing/etalons/Toolbar-Adaptability (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Toolbar-Overview (material.blue.light).png b/apps/demos/testing/etalons/Toolbar-Overview (material.blue.light).png
index 42da4fa5b116..ab01c0d12918 100644
Binary files a/apps/demos/testing/etalons/Toolbar-Overview (material.blue.light).png and b/apps/demos/testing/etalons/Toolbar-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Tooltip-Overview (material.blue.light).png b/apps/demos/testing/etalons/Tooltip-Overview (material.blue.light).png
index 954c647abc7f..3fcdcf28af41 100644
Binary files a/apps/demos/testing/etalons/Tooltip-Overview (material.blue.light).png and b/apps/demos/testing/etalons/Tooltip-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TreeList-AIColumns (material.blue.light).png b/apps/demos/testing/etalons/TreeList-AIColumns (material.blue.light).png
index 6ae2381791b9..fa3478cd3a27 100644
Binary files a/apps/demos/testing/etalons/TreeList-AIColumns (material.blue.light).png and b/apps/demos/testing/etalons/TreeList-AIColumns (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TreeList-Adaptability (material.blue.light).png b/apps/demos/testing/etalons/TreeList-Adaptability (material.blue.light).png
index 5ed76926ac81..03055458dea0 100644
Binary files a/apps/demos/testing/etalons/TreeList-Adaptability (material.blue.light).png and b/apps/demos/testing/etalons/TreeList-Adaptability (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TreeList-BatchEditing (material.blue.light).png b/apps/demos/testing/etalons/TreeList-BatchEditing (material.blue.light).png
index 6c529b60c5e4..fd9b46a54b06 100644
Binary files a/apps/demos/testing/etalons/TreeList-BatchEditing (material.blue.light).png and b/apps/demos/testing/etalons/TreeList-BatchEditing (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TreeList-CellEditing (material.blue.light).png b/apps/demos/testing/etalons/TreeList-CellEditing (material.blue.light).png
index 593532e57add..9d0004463e62 100644
Binary files a/apps/demos/testing/etalons/TreeList-CellEditing (material.blue.light).png and b/apps/demos/testing/etalons/TreeList-CellEditing (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TreeList-ColumnChooser (material.blue.light).png b/apps/demos/testing/etalons/TreeList-ColumnChooser (material.blue.light).png
index 9143fdb8c9cb..87a2a3e3bf1d 100644
Binary files a/apps/demos/testing/etalons/TreeList-ColumnChooser (material.blue.light).png and b/apps/demos/testing/etalons/TreeList-ColumnChooser (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TreeList-ColumnHeaderFilter (material.blue.light).png b/apps/demos/testing/etalons/TreeList-ColumnHeaderFilter (material.blue.light).png
index f2c319c86a82..f550f0d3393e 100644
Binary files a/apps/demos/testing/etalons/TreeList-ColumnHeaderFilter (material.blue.light).png and b/apps/demos/testing/etalons/TreeList-ColumnHeaderFilter (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TreeList-CustomizeKeyboardNavigation (material.blue.light).png b/apps/demos/testing/etalons/TreeList-CustomizeKeyboardNavigation (material.blue.light).png
index a59ad9b34693..810e5558db48 100644
Binary files a/apps/demos/testing/etalons/TreeList-CustomizeKeyboardNavigation (material.blue.light).png and b/apps/demos/testing/etalons/TreeList-CustomizeKeyboardNavigation (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TreeList-FilterModes (material.blue.light).png b/apps/demos/testing/etalons/TreeList-FilterModes (material.blue.light).png
index 5defdd1eba63..8b87cbbc0118 100644
Binary files a/apps/demos/testing/etalons/TreeList-FilterModes (material.blue.light).png and b/apps/demos/testing/etalons/TreeList-FilterModes (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TreeList-FilterPanel (material.blue.light).png b/apps/demos/testing/etalons/TreeList-FilterPanel (material.blue.light).png
index 29af98f0e8e0..78a4aeaafc1c 100644
Binary files a/apps/demos/testing/etalons/TreeList-FilterPanel (material.blue.light).png and b/apps/demos/testing/etalons/TreeList-FilterPanel (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TreeList-FilterRow (material.blue.light).png b/apps/demos/testing/etalons/TreeList-FilterRow (material.blue.light).png
index 23875f217d4b..22eb0cba82da 100644
Binary files a/apps/demos/testing/etalons/TreeList-FilterRow (material.blue.light).png and b/apps/demos/testing/etalons/TreeList-FilterRow (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TreeList-FixedAndStickyColumns (material.blue.light).png b/apps/demos/testing/etalons/TreeList-FixedAndStickyColumns (material.blue.light).png
index d2c8e70675cb..916d97449389 100644
Binary files a/apps/demos/testing/etalons/TreeList-FixedAndStickyColumns (material.blue.light).png and b/apps/demos/testing/etalons/TreeList-FixedAndStickyColumns (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TreeList-FocusedRow (material.blue.light).png b/apps/demos/testing/etalons/TreeList-FocusedRow (material.blue.light).png
index ba520217ad53..7c070a1849b4 100644
Binary files a/apps/demos/testing/etalons/TreeList-FocusedRow (material.blue.light).png and b/apps/demos/testing/etalons/TreeList-FocusedRow (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TreeList-FormEditing (material.blue.light).png b/apps/demos/testing/etalons/TreeList-FormEditing (material.blue.light).png
index df37a7ef740c..35376525a60e 100644
Binary files a/apps/demos/testing/etalons/TreeList-FormEditing (material.blue.light).png and b/apps/demos/testing/etalons/TreeList-FormEditing (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TreeList-KeyboardNavigation (material.blue.light).png b/apps/demos/testing/etalons/TreeList-KeyboardNavigation (material.blue.light).png
index 078abcf08aee..48b928b3e3c0 100644
Binary files a/apps/demos/testing/etalons/TreeList-KeyboardNavigation (material.blue.light).png and b/apps/demos/testing/etalons/TreeList-KeyboardNavigation (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TreeList-LoadDataOnDemand (material.blue.light).png b/apps/demos/testing/etalons/TreeList-LoadDataOnDemand (material.blue.light).png
index 29947d54795a..a05033405539 100644
Binary files a/apps/demos/testing/etalons/TreeList-LoadDataOnDemand (material.blue.light).png and b/apps/demos/testing/etalons/TreeList-LoadDataOnDemand (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TreeList-LocalReordering (material.blue.light).png b/apps/demos/testing/etalons/TreeList-LocalReordering (material.blue.light).png
index 7de3c21f6c0a..6e3df4de6051 100644
Binary files a/apps/demos/testing/etalons/TreeList-LocalReordering (material.blue.light).png and b/apps/demos/testing/etalons/TreeList-LocalReordering (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TreeList-MultipleRowSelection (material.blue.light).png b/apps/demos/testing/etalons/TreeList-MultipleRowSelection (material.blue.light).png
index f54d08437de9..68cc56bc2ba6 100644
Binary files a/apps/demos/testing/etalons/TreeList-MultipleRowSelection (material.blue.light).png and b/apps/demos/testing/etalons/TreeList-MultipleRowSelection (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TreeList-MultipleSorting (material.blue.light).png b/apps/demos/testing/etalons/TreeList-MultipleSorting (material.blue.light).png
index 33d6ac14ca41..877de86a32c1 100644
Binary files a/apps/demos/testing/etalons/TreeList-MultipleSorting (material.blue.light).png and b/apps/demos/testing/etalons/TreeList-MultipleSorting (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TreeList-Overview (material.blue.light).png b/apps/demos/testing/etalons/TreeList-Overview (material.blue.light).png
index 4428dd7ed44c..976de075dbe0 100644
Binary files a/apps/demos/testing/etalons/TreeList-Overview (material.blue.light).png and b/apps/demos/testing/etalons/TreeList-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TreeList-Paging (material.blue.light).png b/apps/demos/testing/etalons/TreeList-Paging (material.blue.light).png
index f9d885c94182..1957c6de4788 100644
Binary files a/apps/demos/testing/etalons/TreeList-Paging (material.blue.light).png and b/apps/demos/testing/etalons/TreeList-Paging (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TreeList-PopupEditing (material.blue.light).png b/apps/demos/testing/etalons/TreeList-PopupEditing (material.blue.light).png
index 2df758e2316c..de436c195379 100644
Binary files a/apps/demos/testing/etalons/TreeList-PopupEditing (material.blue.light).png and b/apps/demos/testing/etalons/TreeList-PopupEditing (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TreeList-Reordering (material.blue.light).png b/apps/demos/testing/etalons/TreeList-Reordering (material.blue.light).png
index 8b1d3a665d01..a82a5b90448f 100644
Binary files a/apps/demos/testing/etalons/TreeList-Reordering (material.blue.light).png and b/apps/demos/testing/etalons/TreeList-Reordering (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TreeList-Resizing (material.blue.light).png b/apps/demos/testing/etalons/TreeList-Resizing (material.blue.light).png
index 03f25b6f280c..542c6190f5dc 100644
Binary files a/apps/demos/testing/etalons/TreeList-Resizing (material.blue.light).png and b/apps/demos/testing/etalons/TreeList-Resizing (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TreeList-RowEditing (material.blue.light).png b/apps/demos/testing/etalons/TreeList-RowEditing (material.blue.light).png
index 23f83f3004ad..82126a78486d 100644
Binary files a/apps/demos/testing/etalons/TreeList-RowEditing (material.blue.light).png and b/apps/demos/testing/etalons/TreeList-RowEditing (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TreeList-SearchPanel (material.blue.light).png b/apps/demos/testing/etalons/TreeList-SearchPanel (material.blue.light).png
index 39324e85edcf..846e12ae1471 100644
Binary files a/apps/demos/testing/etalons/TreeList-SearchPanel (material.blue.light).png and b/apps/demos/testing/etalons/TreeList-SearchPanel (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TreeList-SimpleArrayHierarchicalStructure (material.blue.light).png b/apps/demos/testing/etalons/TreeList-SimpleArrayHierarchicalStructure (material.blue.light).png
index 8d9a08ce456f..1f7492ade62b 100644
Binary files a/apps/demos/testing/etalons/TreeList-SimpleArrayHierarchicalStructure (material.blue.light).png and b/apps/demos/testing/etalons/TreeList-SimpleArrayHierarchicalStructure (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TreeList-SimpleArrayPlainStructure (material.blue.light).png b/apps/demos/testing/etalons/TreeList-SimpleArrayPlainStructure (material.blue.light).png
index 8d9a08ce456f..1f7492ade62b 100644
Binary files a/apps/demos/testing/etalons/TreeList-SimpleArrayPlainStructure (material.blue.light).png and b/apps/demos/testing/etalons/TreeList-SimpleArrayPlainStructure (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TreeList-SingleRowSelection (material.blue.light).png b/apps/demos/testing/etalons/TreeList-SingleRowSelection (material.blue.light).png
index cd876a45af3d..600661ba0f06 100644
Binary files a/apps/demos/testing/etalons/TreeList-SingleRowSelection (material.blue.light).png and b/apps/demos/testing/etalons/TreeList-SingleRowSelection (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TreeList-StatePersistence (material.blue.light).png b/apps/demos/testing/etalons/TreeList-StatePersistence (material.blue.light).png
index 8081ffa156dd..1d3d5fa90b25 100644
Binary files a/apps/demos/testing/etalons/TreeList-StatePersistence (material.blue.light).png and b/apps/demos/testing/etalons/TreeList-StatePersistence (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TreeList-WebAPIService (material.blue.light).png b/apps/demos/testing/etalons/TreeList-WebAPIService (material.blue.light).png
index 679e50102dde..cb98ae0f05f4 100644
Binary files a/apps/demos/testing/etalons/TreeList-WebAPIService (material.blue.light).png and b/apps/demos/testing/etalons/TreeList-WebAPIService (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TreeView-ContextMenuIntegration (material.blue.light).png b/apps/demos/testing/etalons/TreeView-ContextMenuIntegration (material.blue.light).png
index 22ea8a7cce60..ae24c083f9e6 100644
Binary files a/apps/demos/testing/etalons/TreeView-ContextMenuIntegration (material.blue.light).png and b/apps/demos/testing/etalons/TreeView-ContextMenuIntegration (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TreeView-DragAndDropHierarchicalDataStructure (material.blue.light).png b/apps/demos/testing/etalons/TreeView-DragAndDropHierarchicalDataStructure (material.blue.light).png
index c44619a3c475..8ae45a8228ba 100644
Binary files a/apps/demos/testing/etalons/TreeView-DragAndDropHierarchicalDataStructure (material.blue.light).png and b/apps/demos/testing/etalons/TreeView-DragAndDropHierarchicalDataStructure (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TreeView-DragAndDropPlainDataStructure (material.blue.light).png b/apps/demos/testing/etalons/TreeView-DragAndDropPlainDataStructure (material.blue.light).png
index 045630035ec7..333240f45397 100644
Binary files a/apps/demos/testing/etalons/TreeView-DragAndDropPlainDataStructure (material.blue.light).png and b/apps/demos/testing/etalons/TreeView-DragAndDropPlainDataStructure (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TreeView-FlatDataStructure (material.blue.light).png b/apps/demos/testing/etalons/TreeView-FlatDataStructure (material.blue.light).png
index e175d6bba61b..912b0195d306 100644
Binary files a/apps/demos/testing/etalons/TreeView-FlatDataStructure (material.blue.light).png and b/apps/demos/testing/etalons/TreeView-FlatDataStructure (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TreeView-HierarchicalDataStructure (material.blue.light).png b/apps/demos/testing/etalons/TreeView-HierarchicalDataStructure (material.blue.light).png
index 43a3a0ccbc66..09b0bef20f30 100644
Binary files a/apps/demos/testing/etalons/TreeView-HierarchicalDataStructure (material.blue.light).png and b/apps/demos/testing/etalons/TreeView-HierarchicalDataStructure (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TreeView-ItemSelectionAndCustomization (material.blue.light).png b/apps/demos/testing/etalons/TreeView-ItemSelectionAndCustomization (material.blue.light).png
index 9c806984ff9c..93656571cb31 100644
Binary files a/apps/demos/testing/etalons/TreeView-ItemSelectionAndCustomization (material.blue.light).png and b/apps/demos/testing/etalons/TreeView-ItemSelectionAndCustomization (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TreeView-LoadDataOnDemand (material.blue.light).png b/apps/demos/testing/etalons/TreeView-LoadDataOnDemand (material.blue.light).png
index ff0add413692..efba30b114d2 100644
Binary files a/apps/demos/testing/etalons/TreeView-LoadDataOnDemand (material.blue.light).png and b/apps/demos/testing/etalons/TreeView-LoadDataOnDemand (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TreeView-TreeViewWithSearchBar (material.blue.light).png b/apps/demos/testing/etalons/TreeView-TreeViewWithSearchBar (material.blue.light).png
index 59bb2b464647..9a338b8b9123 100644
Binary files a/apps/demos/testing/etalons/TreeView-TreeViewWithSearchBar (material.blue.light).png and b/apps/demos/testing/etalons/TreeView-TreeViewWithSearchBar (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TreeView-VirtualMode (material.blue.light).png b/apps/demos/testing/etalons/TreeView-VirtualMode (material.blue.light).png
index 7c09259bbf1c..6748809fa23e 100644
Binary files a/apps/demos/testing/etalons/TreeView-VirtualMode (material.blue.light).png and b/apps/demos/testing/etalons/TreeView-VirtualMode (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Validation-Overview (material.blue.light).png b/apps/demos/testing/etalons/Validation-Overview (material.blue.light).png
index 7fdf2fcafa11..b5d834656fca 100644
Binary files a/apps/demos/testing/etalons/Validation-Overview (material.blue.light).png and b/apps/demos/testing/etalons/Validation-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/VectorMap-BubbleMarkers (material.blue.light).png b/apps/demos/testing/etalons/VectorMap-BubbleMarkers (material.blue.light).png
index ecb6e2d21810..a99ed20c919f 100644
Binary files a/apps/demos/testing/etalons/VectorMap-BubbleMarkers (material.blue.light).png and b/apps/demos/testing/etalons/VectorMap-BubbleMarkers (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/VectorMap-CustomAnnotations (material.blue.light).png b/apps/demos/testing/etalons/VectorMap-CustomAnnotations (material.blue.light).png
index 04190486a81f..c8006e9eabe6 100644
Binary files a/apps/demos/testing/etalons/VectorMap-CustomAnnotations (material.blue.light).png and b/apps/demos/testing/etalons/VectorMap-CustomAnnotations (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/VectorMap-CustomMapData (material.blue.light).png b/apps/demos/testing/etalons/VectorMap-CustomMapData (material.blue.light).png
index fc99fb568f66..14941845cec2 100644
Binary files a/apps/demos/testing/etalons/VectorMap-CustomMapData (material.blue.light).png and b/apps/demos/testing/etalons/VectorMap-CustomMapData (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/VectorMap-CustomProjection (material.blue.light).png b/apps/demos/testing/etalons/VectorMap-CustomProjection (material.blue.light).png
index 4a4db6f628a4..0c853b891295 100644
Binary files a/apps/demos/testing/etalons/VectorMap-CustomProjection (material.blue.light).png and b/apps/demos/testing/etalons/VectorMap-CustomProjection (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/VectorMap-DynamicViewport (material.blue.light).png b/apps/demos/testing/etalons/VectorMap-DynamicViewport (material.blue.light).png
index 86b14e791cdd..970502d99e24 100644
Binary files a/apps/demos/testing/etalons/VectorMap-DynamicViewport (material.blue.light).png and b/apps/demos/testing/etalons/VectorMap-DynamicViewport (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/VectorMap-FloorPlan (material.blue.light).png b/apps/demos/testing/etalons/VectorMap-FloorPlan (material.blue.light).png
index 8d3b7f8fb1cc..a244fd101949 100644
Binary files a/apps/demos/testing/etalons/VectorMap-FloorPlan (material.blue.light).png and b/apps/demos/testing/etalons/VectorMap-FloorPlan (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/VectorMap-ImageMarkers (material.blue.light).png b/apps/demos/testing/etalons/VectorMap-ImageMarkers (material.blue.light).png
index 708713911483..9d2e4202fd1d 100644
Binary files a/apps/demos/testing/etalons/VectorMap-ImageMarkers (material.blue.light).png and b/apps/demos/testing/etalons/VectorMap-ImageMarkers (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/VectorMap-Legend (material.blue.light).png b/apps/demos/testing/etalons/VectorMap-Legend (material.blue.light).png
index 83c776db5c53..1804681838fb 100644
Binary files a/apps/demos/testing/etalons/VectorMap-Legend (material.blue.light).png and b/apps/demos/testing/etalons/VectorMap-Legend (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/VectorMap-MultipleLayers (material.blue.light).png b/apps/demos/testing/etalons/VectorMap-MultipleLayers (material.blue.light).png
index e4c8922f46bc..42a689201384 100644
Binary files a/apps/demos/testing/etalons/VectorMap-MultipleLayers (material.blue.light).png and b/apps/demos/testing/etalons/VectorMap-MultipleLayers (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/VectorMap-Overview (material.blue.light).png b/apps/demos/testing/etalons/VectorMap-Overview (material.blue.light).png
index f6b1d25d9e7c..8d7fbddc32b2 100644
Binary files a/apps/demos/testing/etalons/VectorMap-Overview (material.blue.light).png and b/apps/demos/testing/etalons/VectorMap-Overview (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/VectorMap-Palette (material.blue.light).png b/apps/demos/testing/etalons/VectorMap-Palette (material.blue.light).png
index 0b7056c93e5f..31586e6c2ed1 100644
Binary files a/apps/demos/testing/etalons/VectorMap-Palette (material.blue.light).png and b/apps/demos/testing/etalons/VectorMap-Palette (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/VectorMap-PieMarkers (material.blue.light).png b/apps/demos/testing/etalons/VectorMap-PieMarkers (material.blue.light).png
index ed3674c8fe70..0094995dea9d 100644
Binary files a/apps/demos/testing/etalons/VectorMap-PieMarkers (material.blue.light).png and b/apps/demos/testing/etalons/VectorMap-PieMarkers (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/VectorMap-TooltipsCustomization (material.blue.light).png b/apps/demos/testing/etalons/VectorMap-TooltipsCustomization (material.blue.light).png
index 9d7f328927de..9e2dd7c5680f 100644
Binary files a/apps/demos/testing/etalons/VectorMap-TooltipsCustomization (material.blue.light).png and b/apps/demos/testing/etalons/VectorMap-TooltipsCustomization (material.blue.light).png differ
diff --git a/apps/demos/testing/etalons/VectorMap-ZoomingAndCentering (material.blue.light).png b/apps/demos/testing/etalons/VectorMap-ZoomingAndCentering (material.blue.light).png
index 16b82ac090d3..ab150939e4e2 100644
Binary files a/apps/demos/testing/etalons/VectorMap-ZoomingAndCentering (material.blue.light).png and b/apps/demos/testing/etalons/VectorMap-ZoomingAndCentering (material.blue.light).png differ
diff --git a/apps/demos/testing/widgets/fileuploader/etalons/custom_dropzone_valid_file (fluent.blue.light).png b/apps/demos/testing/widgets/fileuploader/etalons/custom_dropzone_valid_file (fluent.blue.light).png
index edf95b56dd8c..4c85a5984381 100644
Binary files a/apps/demos/testing/widgets/fileuploader/etalons/custom_dropzone_valid_file (fluent.blue.light).png and b/apps/demos/testing/widgets/fileuploader/etalons/custom_dropzone_valid_file (fluent.blue.light).png differ
diff --git a/apps/demos/testing/widgets/scheduler/etalons/scheduler_CellTemplates_view_dates_changed (fluent.blue.light).png b/apps/demos/testing/widgets/scheduler/etalons/scheduler_CellTemplates_view_dates_changed (fluent.blue.light).png
index bca22454be6b..18653c64a37d 100644
Binary files a/apps/demos/testing/widgets/scheduler/etalons/scheduler_CellTemplates_view_dates_changed (fluent.blue.light).png and b/apps/demos/testing/widgets/scheduler/etalons/scheduler_CellTemplates_view_dates_changed (fluent.blue.light).png differ
diff --git a/apps/demos/utils/visual-tests/helpers/theme-utils.js b/apps/demos/utils/visual-tests/helpers/theme-utils.js
index c6e157a0dbe7..68a80b019501 100644
--- a/apps/demos/utils/visual-tests/helpers/theme-utils.js
+++ b/apps/demos/utils/visual-tests/helpers/theme-utils.js
@@ -6,6 +6,8 @@ export const THEME = {
 
 export const DEFAULT_THEME_NAME = THEME.fluent;
 
+export const isMaterial = (theme = process.env.THEME) => theme?.startsWith('material');
+export const isFluent = (theme = process.env.THEME) => theme?.startsWith('fluent');
 export const getThemePostfix = (theme = DEFAULT_THEME_NAME) => ` (${theme})`;
 
 export const getScreenshotName = (baseName, theme) => {
diff --git a/apps/demos/utils/visual-tests/matrix-test-helper.ts b/apps/demos/utils/visual-tests/matrix-test-helper.ts
index 90ad4640be4d..dee8184e687e 100644
--- a/apps/demos/utils/visual-tests/matrix-test-helper.ts
+++ b/apps/demos/utils/visual-tests/matrix-test-helper.ts
@@ -266,13 +266,9 @@ export function shouldRunTestExplicitly(demoUrl) {
   );
 }
 
-export function runTestAtPage(test, demoUrl, shouldSkipJsError) {
+export function runTestAtPage(test, demoUrl) {
   let executor = test;
 
-  if (shouldSkipJsError) {
-    test.skipJsErrors();
-  }
-
   if (settings.explicitTests) {
     // eslint-disable-next-line no-only-tests/no-only-tests
     executor = shouldRunTestExplicitly(demoUrl) ? test.only : executor = test.skip;
diff --git a/e2e/testcafe-devextreme/helpers/accessibility/test.ts b/e2e/testcafe-devextreme/helpers/accessibility/test.ts
index b0ee0f853879..7108b304554c 100644
--- a/e2e/testcafe-devextreme/helpers/accessibility/test.ts
+++ b/e2e/testcafe-devextreme/helpers/accessibility/test.ts
@@ -30,6 +30,8 @@ const getOptionConfigurations = <TComponentOptions = unknown>(
   return generateOptionMatrix(options);
 };
 
+const componentsWithDisabledColorContrastIssues: WidgetName[] = ['dxTagBox', 'dxFileUploader', 'dxDateRangeBox'];
+
 export const testAccessibility = <TComponentOptions = unknown>(
   configuration: Configuration<TComponentOptions>,
 ): void => {
@@ -45,7 +47,23 @@ export const testAccessibility = <TComponentOptions = unknown>(
 
   optionConfigurations.forEach((optionConfiguration, index) => {
     test(`${component}: test with axe #${index}`, async (t) => {
-      await a11yCheck(t, a11yCheckConfig, selector, optionConfiguration);
+      const currentA11yCheckConfig = { ...a11yCheckConfig } as A11yCheckOptions;
+      const isComponentDisabled = (optionConfiguration as Record<string, unknown>).disabled;
+      const shouldIgnoreColorContrast = componentsWithDisabledColorContrastIssues
+        .includes(component) && isComponentDisabled;
+
+      if (shouldIgnoreColorContrast) {
+        if (currentA11yCheckConfig.runOnly === 'color-contrast') {
+          return;
+        }
+
+        currentA11yCheckConfig.rules = {
+          ...currentA11yCheckConfig.rules,
+          'color-contrast': { enabled: false },
+        };
+      }
+
+      await a11yCheck(t, currentA11yCheckConfig, selector, optionConfiguration);
     }).before(async (t) => {
       await createWidget(
         component,
diff --git a/e2e/testcafe-devextreme/helpers/accessibility/utils.ts b/e2e/testcafe-devextreme/helpers/accessibility/utils.ts
index b813b4e27343..2a1bd13f6556 100644
--- a/e2e/testcafe-devextreme/helpers/accessibility/utils.ts
+++ b/e2e/testcafe-devextreme/helpers/accessibility/utils.ts
@@ -6,11 +6,7 @@ export interface A11yCheckOptions extends RunOptions {
   runOnly?: any;
 }
 
-const defaultOptions = {
-  rules: {
-    'color-contrast': { enabled: false },
-  },
-};
+const defaultOptions = {};
 
 const createFullReport = (results, configuration) => {
   let report = createReport(results.violations);
diff --git a/e2e/testcafe-devextreme/helpers/themeUtils.ts b/e2e/testcafe-devextreme/helpers/themeUtils.ts
index 69043ae40557..9e8e738e159b 100644
--- a/e2e/testcafe-devextreme/helpers/themeUtils.ts
+++ b/e2e/testcafe-devextreme/helpers/themeUtils.ts
@@ -16,9 +16,9 @@ export const getCurrentTheme = async (t: TestController): Promise<string> => {
   return currentTheme;
 };
 
-export const isMaterial = (): boolean => process.env.theme === 'material.blue.light';
+export const isMaterial = (): boolean => (process.env.theme ?? defaultThemeName).startsWith('material');
 
-export const isFluent = (): boolean => process.env.theme === 'fluent.blue.light';
+export const isFluent = (): boolean => (process.env.theme ?? defaultThemeName).startsWith('fluent');
 
 export const isMaterialBased = (): boolean => isMaterial() || isFluent();
 
diff --git a/e2e/testcafe-devextreme/tests/accessibility/accordion.ts b/e2e/testcafe-devextreme/tests/accessibility/accordion.ts
index c1311d78d016..2575f56b8bba 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/accordion.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/accordion.ts
@@ -33,10 +33,7 @@ const created = async (t: TestController, optionConfiguration): Promise<void> =>
     .click(itemTitle.nth(1));
 };
 
-const a11yCheckConfig = {
-  // NOTE: color-contrast issues
-  rules: { 'color-contrast': { enabled: false } },
-};
+const a11yCheckConfig = {};
 
 const configuration: Configuration = {
   component: 'dxAccordion',
diff --git a/e2e/testcafe-devextreme/tests/accessibility/actionSheet.ts b/e2e/testcafe-devextreme/tests/accessibility/actionSheet.ts
index ff8a1743caf9..4c06e53028e1 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/actionSheet.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/actionSheet.ts
@@ -2,7 +2,6 @@ import { Properties } from 'devextreme/ui/action_sheet.d';
 import url from '../../helpers/getPageUrl';
 import { testAccessibility, Configuration } from '../../helpers/accessibility/test';
 import { Options } from '../../helpers/generateOptionMatrix';
-import { isMaterial, isMaterialBased } from '../../helpers/themeUtils';
 
 fixture.disablePageReloads`Accessibility`
   .page(url(__dirname, '../container.html'));
@@ -22,15 +21,8 @@ const options: Options<Properties> = {
   showCancelButton: [true, false],
 };
 
-const a11yCheckConfig = isMaterialBased() ? {
-  // NOTE: color-contrast issues in Material
-  runOnly: isMaterial() ? '' : 'color-contrast',
-  rules: { 'color-contrast': { enabled: !isMaterial() } },
-} : {};
-
 const configuration: Configuration = {
   component: 'dxActionSheet',
-  a11yCheckConfig,
   options,
 };
 
diff --git a/e2e/testcafe-devextreme/tests/accessibility/autocomplete.ts b/e2e/testcafe-devextreme/tests/accessibility/autocomplete.ts
index c15e8a80003c..667881bf5fc7 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/autocomplete.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/autocomplete.ts
@@ -25,12 +25,7 @@ const buttonsOptions: Options<Properties> = {
   inputAttr: [{ 'aria-label': 'aria-label' }],
 };
 
-const a11yCheckConfig = {
-  rules: {
-    // NOTE: color-contrast issues
-    'color-contrast': { enabled: false },
-  },
-};
+const a11yCheckConfig = {};
 
 const deferredConfiguration: Configuration = {
   component: 'dxAutocomplete',
diff --git a/e2e/testcafe-devextreme/tests/accessibility/button.ts b/e2e/testcafe-devextreme/tests/accessibility/button.ts
index 88e97d728f9a..747458e8ccbd 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/button.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/button.ts
@@ -35,8 +35,6 @@ const created = async (t: TestController, optionConfiguration): Promise<void> =>
 
 const a11yCheckConfig = {
   rules: {
-    // NOTE: color-contrast issues
-    'color-contrast': { enabled: false },
     // NOTE: false positive in isMaterialBased
     'nested-interactive': { enabled: !isMaterialBased() },
   },
diff --git a/e2e/testcafe-devextreme/tests/accessibility/buttonGroup.ts b/e2e/testcafe-devextreme/tests/accessibility/buttonGroup.ts
index 0ca1bd095df1..a58d14513c1d 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/buttonGroup.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/buttonGroup.ts
@@ -24,12 +24,7 @@ const optionsWithSimpleItems: Options<Properties> = {
   // type: ['danger', 'default', 'normal', 'success'],
 };
 
-const a11yCheckConfig = {
-  rules: {
-    // NOTE: color-contrast issues
-    'color-contrast': { enabled: false },
-  },
-};
+const a11yCheckConfig = {};
 
 const configurationWithSimpleItems: Configuration = {
   component: 'dxButtonGroup',
diff --git a/e2e/testcafe-devextreme/tests/accessibility/calendar.ts b/e2e/testcafe-devextreme/tests/accessibility/calendar.ts
index 622661b3404a..2df289f6e7f6 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/calendar.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/calendar.ts
@@ -17,8 +17,6 @@ const options: Options<Properties> = {
 
 const a11yCheckConfig = {
   rules: {
-    // NOTE: color-contrast issues
-    'color-contrast': { enabled: false },
     // NOTE: empty-table-header issues
     'empty-table-header': { enabled: false },
   },
diff --git a/e2e/testcafe-devextreme/tests/accessibility/cardView/columnChooser.ts b/e2e/testcafe-devextreme/tests/accessibility/cardView/columnChooser.ts
index 30e97be9be06..aa07ad0e3385 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/cardView/columnChooser.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/cardView/columnChooser.ts
@@ -40,9 +40,7 @@ test('column chooser in \'dragAndDrop\' mode', async (t) => {
 
   await cardView.apiShowColumnChooser();
 
-  const a11yCheckConfig = {
-    rules: { 'color-contrast': { enabled: false } },
-  };
+  const a11yCheckConfig = {};
   await a11yCheck(t, a11yCheckConfig, CARD_VIEW_SELECTOR);
 }).before(async () => createWidget('dxCardView', {
   columnChooser: {
diff --git a/e2e/testcafe-devextreme/tests/accessibility/cardView/columnSortable.ts b/e2e/testcafe-devextreme/tests/accessibility/cardView/columnSortable.ts
index bd3c171c340c..e5cbb0ab1af5 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/cardView/columnSortable.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/cardView/columnSortable.ts
@@ -16,6 +16,7 @@ test('headerPanel dragging column when it has sorting and headerFilter', async (
   await triggerDragStart(columnElement);
 
   const a11yCheckConfig = {
+    // False positive: contrast rules do not apply to disabled elements
     rules: { 'color-contrast': { enabled: false } },
   };
   await a11yCheck(t, a11yCheckConfig, CARD_VIEW_SELECTOR);
@@ -46,9 +47,7 @@ test('dropzone appear in headerPanel when drag from columnChooser a column', asy
   await triggerDragEnd(columnElement);
   await t.wait(500); // wait for dropzone animation to finish
 
-  const a11yCheckConfig = {
-    rules: { 'color-contrast': { enabled: false } },
-  };
+  const a11yCheckConfig = {};
   await a11yCheck(t, a11yCheckConfig, CARD_VIEW_SELECTOR);
 }).before(async () => createWidget('dxCardView', {
   allowColumnReordering: true,
diff --git a/e2e/testcafe-devextreme/tests/accessibility/cardView/filterPanel.ts b/e2e/testcafe-devextreme/tests/accessibility/cardView/filterPanel.ts
index ae8378d826e8..3aaf15a59996 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/cardView/filterPanel.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/cardView/filterPanel.ts
@@ -14,9 +14,7 @@ test('FilterPanel and FilterBuilderPopup', async (t) => {
 
   await t.click(cardView.getFilterPanel().getIconFilter().element);
 
-  const a11yCheckConfig = {
-    rules: { 'color-contrast': { enabled: false } },
-  };
+  const a11yCheckConfig = {};
   await a11yCheck(t, a11yCheckConfig, CARD_VIEW_SELECTOR);
 }).before(async () => {
   await createWidget('dxCardView', {
diff --git a/e2e/testcafe-devextreme/tests/accessibility/cardView/headerPanel.ts b/e2e/testcafe-devextreme/tests/accessibility/cardView/headerPanel.ts
index 4752c3acdb13..085903d4bd14 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/cardView/headerPanel.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/cardView/headerPanel.ts
@@ -8,9 +8,7 @@ fixture.disablePageReloads`CardView - HeaderPanel`
 
 const CARD_VIEW_SELECTOR = '#container';
 const HEADER_PANEL_SELECTOR = `${CARD_VIEW_SELECTOR} .dx-cardview-headers`;
-const a11yCheckConfig = {
-  rules: { 'color-contrast': { enabled: false } },
-};
+const a11yCheckConfig = {};
 
 test('Default render', async (t) => {
   await a11yCheck(t, a11yCheckConfig, HEADER_PANEL_SELECTOR);
diff --git a/e2e/testcafe-devextreme/tests/accessibility/cardView/sortable.ts b/e2e/testcafe-devextreme/tests/accessibility/cardView/sortable.ts
index b714e4744441..1895e778ba65 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/cardView/sortable.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/cardView/sortable.ts
@@ -16,6 +16,7 @@ const DRAG_MOVE_Y_COEFFICIENT = 1;
 
 const a11yCheckConfig = {
   rules: {
+    // False positive: contrast rules do not apply to disabled elements
     'color-contrast': { enabled: false },
     // NOTE: Draggable template is outside the role="main" landmark
     region: { enabled: false },
diff --git a/e2e/testcafe-devextreme/tests/accessibility/chat.ts b/e2e/testcafe-devextreme/tests/accessibility/chat.ts
index 2e8272555794..2f995fce5b6c 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/chat.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/chat.ts
@@ -41,10 +41,7 @@ const created = async (t: TestController): Promise<void> => {
   await t.pressKey('tab');
 };
 
-const a11yCheckConfig = {
-  // NOTE: color-contrast issues
-  rules: { 'color-contrast': { enabled: false } },
-};
+const a11yCheckConfig = {};
 
 const configuration: Configuration = {
   component: 'dxChat',
diff --git a/e2e/testcafe-devextreme/tests/accessibility/checkBox.ts b/e2e/testcafe-devextreme/tests/accessibility/checkBox.ts
index 4431d2100ebf..271c4a62ed73 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/checkBox.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/checkBox.ts
@@ -12,10 +12,7 @@ const options: Options<Properties> = {
   elementAttr: [{ 'aria-label': 'Checked' }],
 };
 
-const a11yCheckConfig = {
-  // NOTE: color-contrast issues
-  rules: { 'color-contrast': { enabled: false } },
-};
+const a11yCheckConfig = {};
 
 const availabilityConfiguration: Configuration = {
   component: 'dxCheckBox',
diff --git a/e2e/testcafe-devextreme/tests/accessibility/colorBox.ts b/e2e/testcafe-devextreme/tests/accessibility/colorBox.ts
index 2f5b76457932..042aef8d32da 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/colorBox.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/colorBox.ts
@@ -20,12 +20,7 @@ const buttonsOptions: Options<Properties> = {
   inputAttr: [{ 'aria-label': 'aria-label' }],
 };
 
-const a11yCheckConfig = {
-  rules: {
-    // NOTE: color-contrast issues
-    'color-contrast': { enabled: false },
-  },
-};
+const a11yCheckConfig = {};
 
 const deferredConfiguration: Configuration = {
   component: 'dxColorBox',
diff --git a/e2e/testcafe-devextreme/tests/accessibility/contextMenu.ts b/e2e/testcafe-devextreme/tests/accessibility/contextMenu.ts
index 00fe9713362f..54daf4d25f1c 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/contextMenu.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/contextMenu.ts
@@ -29,10 +29,7 @@ const created = async (t: TestController): Promise<void> => {
   await t.click(contextMenu.items.nth(0));
 };
 
-const a11yCheckConfig = {
-  // NOTE: color-contrast issues
-  rules: { 'color-contrast': { enabled: false } },
-};
+const a11yCheckConfig = {};
 
 const configuration: Configuration = {
   component: 'dxContextMenu',
diff --git a/e2e/testcafe-devextreme/tests/accessibility/dataGrid/common.ts b/e2e/testcafe-devextreme/tests/accessibility/dataGrid/common.ts
index 13d638637460..2159b791977c 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/dataGrid/common.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/dataGrid/common.ts
@@ -5,14 +5,13 @@ import { a11yCheck } from '../../../helpers/accessibility/utils';
 import url from '../../../helpers/getPageUrl';
 import { createWidget } from '../../../helpers/createWidget';
 import { getData } from '../../dataGrid/helpers/generateDataSourceData';
-import { isFluent } from '../../../helpers/themeUtils';
 
 fixture.disablePageReloads`DataGrid - Common`
   .page(url(__dirname, '../../container.html'));
 
 const DATA_GRID_SELECTOR = '#container';
 
-const a11yCheckConfig = isFluent() ? {} : { runOnly: 'color-contrast' };
+const a11yCheckConfig = {};
 
 test('Grid without config', async (t) => {
   const dataGrid = new DataGrid(DATA_GRID_SELECTOR);
@@ -303,9 +302,6 @@ test('Filter panel - popup with filter builder', async (t) => {
   await a11yCheck(t, {
     ...a11yCheckConfig,
     runOnly: '',
-    rules: {
-      'color-contrast': { enabled: false },
-    },
   });
 }).before(async () => createWidget('dxDataGrid', {
   dataSource: getData(10, 5),
@@ -355,9 +351,6 @@ test('Search panel - highlight', async (t) => {
   await a11yCheck(t, {
     ...a11yCheckConfig,
     runOnly: '',
-    rules: {
-      'color-contrast': { enabled: false },
-    },
   }, DATA_GRID_SELECTOR);
 }).before(async () => createWidget('dxDataGrid', {
   dataSource: getData(10, 5),
@@ -483,7 +476,7 @@ test('Column chooser with the \'dragAndDrop\' mode', async (t) => {
     .expect(columnChooser.isOpened)
     .ok();
 
-  await a11yCheck(t, a11yCheckConfig);
+  await a11yCheck(t);
 }).before(async () => createWidget('dxDataGrid', {
   dataSource: getData(10, 7),
   keyExpr: 'field_0',
diff --git a/e2e/testcafe-devextreme/tests/accessibility/dateBox.ts b/e2e/testcafe-devextreme/tests/accessibility/dateBox.ts
index 503934397e15..9ec72d442972 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/dateBox.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/dateBox.ts
@@ -48,12 +48,7 @@ const created = async (t: TestController, optionConfiguration): Promise<void> =>
   })();
 };
 
-const a11yCheckConfig = {
-  rules: {
-    // NOTE: color-contrast issues
-    'color-contrast': { enabled: false },
-  },
-};
+const a11yCheckConfig = {};
 
 const deferredConfiguration: Configuration = {
   component: 'dxDateBox',
diff --git a/e2e/testcafe-devextreme/tests/accessibility/dateRangeBox.ts b/e2e/testcafe-devextreme/tests/accessibility/dateRangeBox.ts
index edc87098ec73..26e597d41fdc 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/dateRangeBox.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/dateRangeBox.ts
@@ -26,12 +26,7 @@ const commonOptions: Options<Properties> = {
   startDatePlaceholder: [undefined, 'startDatePlaceholder'],
 };
 
-const a11yCheckConfig = {
-  rules: {
-    // NOTE: color-contrast issues
-    'color-contrast': { enabled: false },
-  },
-};
+const a11yCheckConfig = {};
 
 const deferredConfiguration: Configuration = {
   component: 'dxDateRangeBox',
diff --git a/e2e/testcafe-devextreme/tests/accessibility/drawer.ts b/e2e/testcafe-devextreme/tests/accessibility/drawer.ts
index e9665cd9a8cd..87a83f19753e 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/drawer.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/drawer.ts
@@ -17,10 +17,7 @@ const options: Options<Properties> = {
   }],
 };
 
-const a11yCheckConfig = {
-  // NOTE: color-contrast issues
-  rules: { 'color-contrast': { enabled: false } },
-};
+const a11yCheckConfig = {};
 
 const configuration: Configuration = {
   component: 'dxDrawer',
diff --git a/e2e/testcafe-devextreme/tests/accessibility/dropDownBox.ts b/e2e/testcafe-devextreme/tests/accessibility/dropDownBox.ts
index 4b2cdf2ee092..bd643564e22b 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/dropDownBox.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/dropDownBox.ts
@@ -22,10 +22,7 @@ const buttonsOptions: Options<Properties> = {
   inputAttr: [{ 'aria-label': 'DropDownBox' }],
 };
 
-const a11yCheckConfig = {
-  // NOTE: color-contrast issues
-  rules: { 'color-contrast': { enabled: false } },
-};
+const a11yCheckConfig = {};
 
 const deferredConfiguration: Configuration = {
   component: 'dxDropDownBox',
diff --git a/e2e/testcafe-devextreme/tests/accessibility/dropDownButton.ts b/e2e/testcafe-devextreme/tests/accessibility/dropDownButton.ts
index c76a940dc20e..0483bcb0d574 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/dropDownButton.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/dropDownButton.ts
@@ -18,12 +18,7 @@ const options: Options<Properties> = {
   disabled: [true, false],
 };
 
-const a11yCheckConfig = {
-  rules: {
-    // NOTE: color-contrast issues
-    'color-contrast': { enabled: false },
-  },
-};
+const a11yCheckConfig = {};
 
 const noSplitButtonConfiguration: Configuration = {
   component: 'dxDropDownButton',
diff --git a/e2e/testcafe-devextreme/tests/accessibility/fileUploader.ts b/e2e/testcafe-devextreme/tests/accessibility/fileUploader.ts
index 6589640ca21a..ce25e50bd9be 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/fileUploader.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/fileUploader.ts
@@ -25,10 +25,7 @@ const options: Options<Properties> = {
   inputAttr: [{ 'aria-label': 'aria-label' }],
 };
 
-const a11yCheckConfig = {
-  // NOTE: color-contrast issues
-  rules: { 'color-contrast': { enabled: false } },
-};
+const a11yCheckConfig = {};
 
 const availabilityConfiguration: Configuration = {
   component: 'dxFileUploader',
diff --git a/e2e/testcafe-devextreme/tests/accessibility/filterBuilder.ts b/e2e/testcafe-devextreme/tests/accessibility/filterBuilder.ts
index 1a269d419357..d3cb04a3208b 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/filterBuilder.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/filterBuilder.ts
@@ -90,16 +90,9 @@ elements.forEach(({
         .expect(ariaControls)
         .eql(popupId);
 
-      await a11yCheck(
-        t,
-        {
-          rules: {
-            // NOTE: color-contrast issues
-            'color-contrast': { enabled: false },
-          },
-        },
-        '#parentContainer',
-      );
+      const a11yCheckConfig = {};
+
+      await a11yCheck(t, a11yCheckConfig, '#parentContainer');
     }
   }).before(async () => {
     await createWidget('dxFilterBuilder', {
diff --git a/e2e/testcafe-devextreme/tests/accessibility/floatingActionButton.ts b/e2e/testcafe-devextreme/tests/accessibility/floatingActionButton.ts
index 9fe613f9a65f..ac4644cac6c3 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/floatingActionButton.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/floatingActionButton.ts
@@ -11,10 +11,7 @@ const options: Options<Properties> = {
   icon: [undefined, 'save'],
 };
 
-const a11yCheckConfig = {
-  // NOTE: color-contrast issues
-  rules: { 'color-contrast': { enabled: false } },
-};
+const a11yCheckConfig = {};
 
 const configuration: Configuration = {
   component: 'dxSpeedDialAction',
diff --git a/e2e/testcafe-devextreme/tests/accessibility/form.ts b/e2e/testcafe-devextreme/tests/accessibility/form.ts
index c4e8ab7b143f..efd36882f937 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/form.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/form.ts
@@ -37,10 +37,7 @@ const requiredFieldsOptions: Options<Properties> = {
   items: [items],
 };
 
-const a11yCheckConfig = {
-  // NOTE: color-contrast issues
-  rules: { 'color-contrast': { enabled: false } },
-};
+const a11yCheckConfig = {};
 
 const configuration: Configuration = {
   component: 'dxForm',
diff --git a/e2e/testcafe-devextreme/tests/accessibility/gallery.ts b/e2e/testcafe-devextreme/tests/accessibility/gallery.ts
index f09cf5c43579..b900716ef31c 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/gallery.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/gallery.ts
@@ -30,10 +30,7 @@ const options: Options<Properties> = {
   showNavButtons: [true, false],
 };
 
-const a11yCheckConfig = {
-  // NOTE: color-contrast issues
-  rules: { 'color-contrast': { enabled: false } },
-};
+const a11yCheckConfig = {};
 
 const configuration: Configuration = {
   component: 'dxGallery',
diff --git a/e2e/testcafe-devextreme/tests/accessibility/htmlEditor.ts b/e2e/testcafe-devextreme/tests/accessibility/htmlEditor.ts
index 2eeeb3c5d303..612d4c145957 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/htmlEditor.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/htmlEditor.ts
@@ -32,10 +32,7 @@ const created = async (t: TestController): Promise<void> => {
   await t.click(Selector(defaultSelector));
 };
 
-const a11yCheckConfig = {
-  // NOTE: color-contrast issues
-  rules: { 'color-contrast': { enabled: false } },
-};
+const a11yCheckConfig = {};
 
 const configuration: Configuration = {
   component: 'dxHtmlEditor',
diff --git a/e2e/testcafe-devextreme/tests/accessibility/list.ts b/e2e/testcafe-devextreme/tests/accessibility/list.ts
index 10552707ffcf..1d3b7815f57f 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/list.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/list.ts
@@ -68,12 +68,7 @@ const optionsWithSimpleItems: Options<Properties> = {
   selectionMode: ['all', 'multiple', 'none', 'single'],
 };
 
-const a11yCheckConfig = {
-  rules: {
-    // NOTE: color-contrast issues
-    'color-contrast': { enabled: false },
-  },
-};
+const a11yCheckConfig = {};
 
 const groupedConfiguration: Configuration = {
   component: 'dxList',
diff --git a/e2e/testcafe-devextreme/tests/accessibility/loadIndicator.ts b/e2e/testcafe-devextreme/tests/accessibility/loadIndicator.ts
index 83a2cd685ea3..edd6842a013b 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/loadIndicator.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/loadIndicator.ts
@@ -11,10 +11,7 @@ const options: Options<Properties> = {
   width: [undefined, 40],
 };
 
-const a11yCheckConfig = {
-  // NOTE: color-contrast issues
-  rules: { 'color-contrast': { enabled: false } },
-};
+const a11yCheckConfig = {};
 
 const configuration: Configuration = {
   component: 'dxLoadIndicator',
diff --git a/e2e/testcafe-devextreme/tests/accessibility/loadPanel.ts b/e2e/testcafe-devextreme/tests/accessibility/loadPanel.ts
index 020e7fc541b3..ac3480576584 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/loadPanel.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/loadPanel.ts
@@ -14,10 +14,7 @@ const options: Options<Properties> = {
   delay: [undefined, 3000],
 };
 
-const a11yCheckConfig = {
-  // NOTE: color-contrast issues
-  rules: { 'color-contrast': { enabled: false } },
-};
+const a11yCheckConfig = {};
 
 const configuration: Configuration = {
   component: 'dxLoadPanel',
diff --git a/e2e/testcafe-devextreme/tests/accessibility/lookup.ts b/e2e/testcafe-devextreme/tests/accessibility/lookup.ts
index 20d579a5ec6d..a6fcbc84adea 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/lookup.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/lookup.ts
@@ -16,12 +16,7 @@ const options: Options<Properties> = {
   inputAttr: [{ 'aria-label': 'aria-label' }],
 };
 
-const a11yCheckConfig = {
-  rules: {
-    // NOTE: color-contrast issues
-    'color-contrast': { enabled: false },
-  },
-};
+const a11yCheckConfig = {};
 
 const deferredConfiguration: Configuration = {
   component: 'dxLookup',
diff --git a/e2e/testcafe-devextreme/tests/accessibility/menu.ts b/e2e/testcafe-devextreme/tests/accessibility/menu.ts
index c3e8e4025c78..2e7011c5529d 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/menu.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/menu.ts
@@ -62,10 +62,7 @@ const created = async (t: TestController, optionConfiguration): Promise<void> =>
     .pressKey('right');
 };
 
-const a11yCheckConfig = {
-  // NOTE: color-contrast issues
-  rules: { 'color-contrast': { enabled: false } },
-};
+const a11yCheckConfig = {};
 
 const configuration: Configuration = {
   component: 'dxMenu',
diff --git a/e2e/testcafe-devextreme/tests/accessibility/multiView.ts b/e2e/testcafe-devextreme/tests/accessibility/multiView.ts
index 8b464adad72d..5afdfce54568 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/multiView.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/multiView.ts
@@ -16,10 +16,7 @@ const options: Options<Properties> = {
   focusStateEnabled: [true],
 };
 
-const a11yCheckConfig = {
-  // NOTE: color-contrast issues
-  rules: { 'color-contrast': { enabled: false } },
-};
+const a11yCheckConfig = {};
 
 const configuration: Configuration = {
   component: 'dxMultiView',
diff --git a/e2e/testcafe-devextreme/tests/accessibility/numberBox.ts b/e2e/testcafe-devextreme/tests/accessibility/numberBox.ts
index 4f529e2f2d3a..e9d3f93e2c50 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/numberBox.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/numberBox.ts
@@ -18,10 +18,7 @@ const options: Options<Properties> = {
   inputAttr: [{ 'aria-label': 'aria-label' }],
 };
 
-const a11yCheckConfig = {
-  // NOTE: color-contrast issues
-  rules: { 'color-contrast': { enabled: false } },
-};
+const a11yCheckConfig = {};
 
 const configuration: Configuration = {
   component: 'dxNumberBox',
diff --git a/e2e/testcafe-devextreme/tests/accessibility/pagination.ts b/e2e/testcafe-devextreme/tests/accessibility/pagination.ts
index 08276bc727e4..bc9ae107269f 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/pagination.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/pagination.ts
@@ -14,10 +14,7 @@ const options: Options<any> = {
   showPageSizeSelector: [true, false],
 };
 
-const a11yCheckConfig = {
-  // NOTE:  color-contrast issues
-  rules: { 'color-contrast': { enabled: false } },
-};
+const a11yCheckConfig = {};
 
 const configuration: Configuration = {
   component: 'dxPagination',
diff --git a/e2e/testcafe-devextreme/tests/accessibility/popover.ts b/e2e/testcafe-devextreme/tests/accessibility/popover.ts
index 7c7c88ee3da5..bd5f24f5c997 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/popover.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/popover.ts
@@ -2,7 +2,6 @@ import { Properties } from 'devextreme/ui/popover.d';
 import url from '../../helpers/getPageUrl';
 import { defaultSelector, testAccessibility, Configuration } from '../../helpers/accessibility/test';
 import { Options } from '../../helpers/generateOptionMatrix';
-import { isMaterial, isMaterialBased } from '../../helpers/themeUtils';
 
 fixture.disablePageReloads`Accessibility`
   .page(url(__dirname, '../container.html'));
@@ -29,15 +28,8 @@ const options: Options<Properties> = {
   ],
 };
 
-const a11yCheckConfig = isMaterialBased() ? {
-  // NOTE: color-contrast issues in Material
-  runOnly: isMaterial() ? '' : 'color-contrast',
-  rules: { 'color-contrast': { enabled: !isMaterial() } },
-} : {};
-
 const configuration: Configuration = {
   component: 'dxPopover',
-  a11yCheckConfig,
   options,
 };
 
diff --git a/e2e/testcafe-devextreme/tests/accessibility/popup.ts b/e2e/testcafe-devextreme/tests/accessibility/popup.ts
index ed4aeaef7de8..d7497a27c69d 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/popup.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/popup.ts
@@ -2,7 +2,6 @@ import { ToolbarItem, Properties } from 'devextreme/ui/popup.d';
 import url from '../../helpers/getPageUrl';
 import { testAccessibility, Configuration } from '../../helpers/accessibility/test';
 import { Options } from '../../helpers/generateOptionMatrix';
-import { isMaterial, isMaterialBased } from '../../helpers/themeUtils';
 
 fixture.disablePageReloads`Accessibility`
   .page(url(__dirname, '../container.html'));
@@ -31,15 +30,8 @@ const options: Options<Properties> = {
   height: [280],
 };
 
-const a11yCheckConfig = isMaterialBased() ? {
-  // NOTE: color-contrast issues in Material
-  runOnly: isMaterial() ? '' : 'color-contrast',
-  rules: { 'color-contrast': { enabled: !isMaterial() } },
-} : {};
-
 const visibleConfiguration: Configuration = {
   component: 'dxPopup',
-  a11yCheckConfig,
   options: {
     ...options,
     visible: [true],
@@ -55,7 +47,6 @@ testAccessibility(visibleConfiguration);
 
 const invisibleConfiguration: Configuration = {
   component: 'dxPopup',
-  a11yCheckConfig,
   options: {
     ...options,
     visible: [false],
diff --git a/e2e/testcafe-devextreme/tests/accessibility/progressBar.ts b/e2e/testcafe-devextreme/tests/accessibility/progressBar.ts
index af3010386f7b..017a736a68dc 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/progressBar.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/progressBar.ts
@@ -15,14 +15,8 @@ const options: Options<Properties> = {
   elementAttr: [{ 'aria-label': 'Progress Bar' }],
 };
 
-const a11yCheckConfig = {
-  // NOTE: color-contrast issues
-  rules: { 'color-contrast': { enabled: false } },
-};
-
 const configuration: Configuration = {
   component: 'dxProgressBar',
-  a11yCheckConfig,
   options,
 };
 
diff --git a/e2e/testcafe-devextreme/tests/accessibility/radioGroup.ts b/e2e/testcafe-devextreme/tests/accessibility/radioGroup.ts
index 8c0b4f595082..a162949fe75c 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/radioGroup.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/radioGroup.ts
@@ -15,10 +15,7 @@ const options: Options<Properties> = {
   layout: ['horizontal', 'vertical'],
 };
 
-const a11yCheckConfig = {
-  // NOTE: color-contrast issues
-  rules: { 'color-contrast': { enabled: false } },
-};
+const a11yCheckConfig = {};
 
 const configuration: Configuration = {
   component: 'dxRadioGroup',
diff --git a/e2e/testcafe-devextreme/tests/accessibility/rangeSlider.ts b/e2e/testcafe-devextreme/tests/accessibility/rangeSlider.ts
index bfa8445afbf8..d3bf13760899 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/rangeSlider.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/rangeSlider.ts
@@ -34,10 +34,7 @@ const options: Options<Properties> = {
   ],
 };
 
-const a11yCheckConfig = {
-  // NOTE: color-contrast issues
-  rules: { 'color-contrast': { enabled: false } },
-};
+const a11yCheckConfig = {};
 
 const configuration: Configuration = {
   component: 'dxRangeSlider',
diff --git a/e2e/testcafe-devextreme/tests/accessibility/scheduler/appointment.ts b/e2e/testcafe-devextreme/tests/accessibility/scheduler/appointment.ts
index 5ff4de317aac..b9533979d68c 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/scheduler/appointment.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/scheduler/appointment.ts
@@ -2,7 +2,7 @@ import Scheduler from 'devextreme-testcafe-models/scheduler';
 import { a11yCheck } from '../../../helpers/accessibility/utils';
 import { createWidget } from '../../../helpers/createWidget';
 import url from '../../../helpers/getPageUrl';
-import { checkOptions } from './axe_options';
+import { a11yCheckConfig } from './axe_options';
 
 fixture.disablePageReloads`Scheduler - Appointment`
   .page(url(__dirname, '../../container.html'));
@@ -26,7 +26,7 @@ const appointmentTemplate = ({ appointmentData }) => `<div>${appointmentData.tex
       .expect(await appointment.hasAriaDescription())
       .notOk();
 
-    await a11yCheck(t, checkOptions, '#container');
+    await a11yCheck(t, a11yCheckConfig, '#container');
   }).before(async () => {
     await createWidget('dxScheduler', {
       timeZone: 'UTC',
@@ -46,7 +46,7 @@ const appointmentTemplate = ({ appointmentData }) => `<div>${appointmentData.tex
       .expect(await appointment.hasAriaDescription())
       .notOk();
 
-    await a11yCheck(t, checkOptions, '#container');
+    await a11yCheck(t, a11yCheckConfig, '#container');
   }).before(async () => {
     await createWidget('dxScheduler', {
       timeZone: 'UTC',
@@ -67,7 +67,7 @@ const appointmentTemplate = ({ appointmentData }) => `<div>${appointmentData.tex
       .expect(await appointment.getAriaDescription())
       .eql('Group: resource1; Group 1: resource1');
 
-    await a11yCheck(t, checkOptions, '#container');
+    await a11yCheck(t, a11yCheckConfig, '#container');
   }).before(async () => {
     await createWidget('dxScheduler', {
       timeZone: 'UTC',
@@ -101,7 +101,7 @@ const appointmentTemplate = ({ appointmentData }) => `<div>${appointmentData.tex
       .expect(await appointment.getAriaDescription())
       .eql('Group: resource1; Group 1: resource1');
 
-    await a11yCheck(t, checkOptions, '#container');
+    await a11yCheck(t, a11yCheckConfig, '#container');
   }).before(async () => {
     await createWidget('dxScheduler', {
       timeZone: 'UTC',
@@ -136,7 +136,7 @@ const appointmentTemplate = ({ appointmentData }) => `<div>${appointmentData.tex
       .expect(await appointment.getAriaDescription())
       .eql('Group: resource11, resource21; Group 1: resource11; Group 2: resource21, resource22');
 
-    await a11yCheck(t, checkOptions, '#container');
+    await a11yCheck(t, a11yCheckConfig, '#container');
   }).before(async () => {
     await createWidget('dxScheduler', {
       timeZone: 'UTC',
@@ -180,7 +180,7 @@ const appointmentTemplate = ({ appointmentData }) => `<div>${appointmentData.tex
       .expect(recurrenceIcon.getAttribute('aria-label'))
       .eql('Recurring appointment');
 
-    await a11yCheck(t, checkOptions, '#container');
+    await a11yCheck(t, a11yCheckConfig, '#container');
   }).before(async () => {
     await createWidget('dxScheduler', {
       timeZone: 'America/Los_Angeles',
@@ -210,7 +210,7 @@ const appointmentTemplate = ({ appointmentData }) => `<div>${appointmentData.tex
       .expect(appt.element.getAttribute('aria-activedescendant'))
       .eql(null);
 
-    await a11yCheck(t, checkOptions, '#container');
+    await a11yCheck(t, a11yCheckConfig, '#container');
   }).before(async () => {
     await createWidget('dxScheduler', {
       timeZone: 'America/Los_Angeles',
@@ -266,7 +266,7 @@ const appointmentTemplate = ({ appointmentData }) => `<div>${appointmentData.tex
     await t.expect(apptLabels[1]).eql(labels[1]);
     await t.expect(apptLabels[2]).eql(labels[2]);
 
-    await a11yCheck(t, checkOptions, '#container');
+    await a11yCheck(t, a11yCheckConfig, '#container');
   }).before(async () => {
     await createWidget('dxScheduler', {
       timeZone: 'UTC',
@@ -336,7 +336,7 @@ test('appointments & collector buttons can be navigated', async (t) => {
     scheduler.appointmentTooltip.element.count,
   ).eql(1);
 
-  await a11yCheck(t, checkOptions, '#container');
+  await a11yCheck(t, a11yCheckConfig, '#container');
 }).before(async () => {
   await createWidget('dxScheduler', {
     dataSource: [
@@ -387,7 +387,7 @@ test('Scheduler a11y: Disabled time ranges are not supported', async (t) => {
     .expect(actualNextAriaLabel)
     .eql(expectedAriaLabels.next);
 
-  await a11yCheck(t, checkOptions, '#container');
+  await a11yCheck(t, a11yCheckConfig, '#container');
 }).before(async () => {
   await createWidget('dxScheduler', {
     dataSource: [
@@ -410,7 +410,7 @@ test('Scheduler a11y: appointments does not have info about reccurence', async (
     .expect(recurrenceIcon.getAttribute('aria-label'))
     .eql('Recurring appointment');
 
-  await a11yCheck(t, checkOptions, '#container');
+  await a11yCheck(t, a11yCheckConfig, '#container');
 }).before(async () => {
   await createWidget('dxScheduler', {
     timeZone: 'America/Los_Angeles',
@@ -440,7 +440,7 @@ test('Scheduler a11y: Appointment collector button doesn\'t have info about date
     .expect(schedulerCollector.element().getAttribute('aria-roledescription'))
     .contains(dateText);
 
-  await a11yCheck(t, checkOptions, '#container');
+  await a11yCheck(t, a11yCheckConfig, '#container');
 }).before(async () => {
   await createWidget('dxScheduler', {
     timeZone: 'America/Los_Angeles',
@@ -479,7 +479,7 @@ test('appointment aria label should contain date with right timezone', async (t)
     .expect(appointment.getAriaLabel())
     .eql('Install New Router in Dev Room: March 29, 2021, 2:30 PM - 3:30 PM');
 
-  await a11yCheck(t, checkOptions, '#container');
+  await a11yCheck(t, a11yCheckConfig, '#container');
 }).before(async () => {
   await createWidget('dxScheduler', {
     timeZone: 'America/Los_Angeles',
diff --git a/e2e/testcafe-devextreme/tests/accessibility/scheduler/appointmentForm.ts b/e2e/testcafe-devextreme/tests/accessibility/scheduler/appointmentForm.ts
index cdd2ffc89e79..c12790199d4e 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/scheduler/appointmentForm.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/scheduler/appointmentForm.ts
@@ -2,7 +2,7 @@ import Scheduler from 'devextreme-testcafe-models/scheduler';
 import { a11yCheck } from '../../../helpers/accessibility/utils';
 import { createWidget } from '../../../helpers/createWidget';
 import url from '../../../helpers/getPageUrl';
-import { checkOptions } from './axe_options';
+import { a11yCheckConfig } from './axe_options';
 
 fixture.disablePageReloads`Scheduler - Appointment Form`
   .page(url(__dirname, '../../container.html'));
@@ -17,7 +17,7 @@ test('Appointment Form with axe', async (t) => {
   await t.doubleClick(appointment.element);
   await t.wait(300);
 
-  await a11yCheck(t, checkOptions, APPOINTMENT_POPUP_CONTENT_SELECTOR);
+  await a11yCheck(t, a11yCheckConfig, APPOINTMENT_POPUP_CONTENT_SELECTOR);
 }).before(async () => {
   await createWidget('dxScheduler', {
     timeZone: 'UTC',
diff --git a/e2e/testcafe-devextreme/tests/accessibility/scheduler/axe_options.ts b/e2e/testcafe-devextreme/tests/accessibility/scheduler/axe_options.ts
index 5489ea69e9b9..f0717745a987 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/scheduler/axe_options.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/scheduler/axe_options.ts
@@ -1,5 +1 @@
-export const checkOptions = {
-  rules: {
-    'color-contrast': { enabled: false },
-  },
-};
+export const a11yCheckConfig = {};
diff --git a/e2e/testcafe-devextreme/tests/accessibility/scheduler/legacyPopup.ts b/e2e/testcafe-devextreme/tests/accessibility/scheduler/legacyPopup.ts
index aea79d7a4639..eab6c756557a 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/scheduler/legacyPopup.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/scheduler/legacyPopup.ts
@@ -6,11 +6,7 @@ import { a11yCheck } from '../../../helpers/accessibility/utils';
 fixture.disablePageReloads`Scheduler - Popup`
   .page(url(__dirname, '../../container.html'));
 
-const checkOptions = {
-  rules: {
-    'color-contrast': { enabled: false },
-  },
-};
+const a11yCheckConfig = {};
 
 test('Scheduler edit appointment is accessible', async (t) => {
   const scheduler = new Scheduler('#container');
@@ -18,7 +14,7 @@ test('Scheduler edit appointment is accessible', async (t) => {
   await t.doubleClick(scheduler.getAppointmentByIndex(0).element());
   await t.expect(scheduler.legacyAppointmentPopup.isVisible()).ok();
 
-  await a11yCheck(t, checkOptions, '#container');
+  await a11yCheck(t, a11yCheckConfig, '#container');
 }).before(async () => {
   await createWidget('dxScheduler', {
     timeZone: 'America/Los_Angeles',
diff --git a/e2e/testcafe-devextreme/tests/accessibility/scheduler/scheduler.ts b/e2e/testcafe-devextreme/tests/accessibility/scheduler/scheduler.ts
index 4c79d422dcf5..072aafdf3f48 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/scheduler/scheduler.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/scheduler/scheduler.ts
@@ -2,7 +2,7 @@ import Scheduler from 'devextreme-testcafe-models/scheduler';
 import { a11yCheck } from '../../../helpers/accessibility/utils';
 import { createWidget } from '../../../helpers/createWidget';
 import url from '../../../helpers/getPageUrl';
-import { checkOptions } from './axe_options';
+import { a11yCheckConfig } from './axe_options';
 
 fixture.disablePageReloads`Scheduler - a11y`
   .page(url(__dirname, '../../container.html'));
@@ -20,7 +20,7 @@ test('Scheduler should have right aria attributes after view changed', async (t)
   await t.expect(scheduler.element.getAttribute('aria-label')).contains('Scheduler. Week view');
   await t.expect(scheduler.getGeneralStatusContainer().textContent).contains('Scheduler. Week view');
 
-  await a11yCheck(t, checkOptions, '#container');
+  await a11yCheck(t, a11yCheckConfig, '#container');
 }).before(async () => {
   await createWidget('dxScheduler', {
     dataSource: [],
@@ -40,7 +40,7 @@ test('Scheduler table elements have right aria attributes', async (t) => {
     ).eql('true');
   }
 
-  await a11yCheck(t, checkOptions, '#container');
+  await a11yCheck(t, a11yCheckConfig, '#container');
 }).before(async () => {
   await createWidget('dxScheduler', {
     dataSource: [],
@@ -52,7 +52,7 @@ test('Scheduler table elements have right aria attributes', async (t) => {
   'agenda', 'day', 'month', 'timelineDay', 'timelineMonth', 'timelineWeek', 'timelineWorkWeek', 'week', 'workWeek',
 ].forEach((currentView) => {
   test(`Scheduler has no axe errors on view ${currentView}`, async (t) => {
-    await a11yCheck(t, checkOptions, '#container');
+    await a11yCheck(t, a11yCheckConfig, '#container');
   }).before(async () => {
     await createWidget('dxScheduler', {
       timeZone: 'America/Los_Angeles',
diff --git a/e2e/testcafe-devextreme/tests/accessibility/selectBox.ts b/e2e/testcafe-devextreme/tests/accessibility/selectBox.ts
index 90c191f2f3ab..0293c88754ec 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/selectBox.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/selectBox.ts
@@ -30,12 +30,7 @@ const buttonsOptions: Options<Properties> = {
   inputAttr: [{ 'aria-label': 'aria-label' }],
 };
 
-const a11yCheckConfig = {
-  rules: {
-    // NOTE: color-contrast issues
-    'color-contrast': { enabled: false },
-  },
-};
+const a11yCheckConfig = {};
 
 const deferredConfiguration: Configuration = {
   component: 'dxSelectBox',
diff --git a/e2e/testcafe-devextreme/tests/accessibility/slider.ts b/e2e/testcafe-devextreme/tests/accessibility/slider.ts
index 0f49ace32244..575d809df379 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/slider.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/slider.ts
@@ -31,10 +31,7 @@ const options: Options<Properties> = {
   ],
 };
 
-const a11yCheckConfig = {
-  // NOTE: color-contrast issues
-  rules: { 'color-contrast': { enabled: false } },
-};
+const a11yCheckConfig = {};
 
 const availabilityConfiguration: Configuration = {
   component: 'dxSlider',
diff --git a/e2e/testcafe-devextreme/tests/accessibility/switch.ts b/e2e/testcafe-devextreme/tests/accessibility/switch.ts
index 6ec58bd4745c..efae089dd43d 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/switch.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/switch.ts
@@ -13,12 +13,7 @@ const options: Options<Properties> = {
   name: ['', 'name'],
 };
 
-const a11yCheckConfig = {
-  // NOTE: color-contrast issues
-  rules: {
-    'color-contrast': { enabled: false },
-  },
-};
+const a11yCheckConfig = {};
 
 const configuration: Configuration = {
   component: 'dxSwitch',
diff --git a/e2e/testcafe-devextreme/tests/accessibility/tabPanel.ts b/e2e/testcafe-devextreme/tests/accessibility/tabPanel.ts
index e6927533a9ca..7f57de8d8d36 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/tabPanel.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/tabPanel.ts
@@ -2,7 +2,6 @@ import { Item, Properties } from 'devextreme/ui/tab_panel.d';
 import url from '../../helpers/getPageUrl';
 import { testAccessibility, Configuration } from '../../helpers/accessibility/test';
 import { Options } from '../../helpers/generateOptionMatrix';
-import { isMaterial, isMaterialBased } from '../../helpers/themeUtils';
 
 fixture.disablePageReloads`Accessibility`
   .page(url(__dirname, '../container.html'));
@@ -28,15 +27,8 @@ const options: Options<Properties> = {
   // stylingMode: ['primary', 'secondary'],
 };
 
-const a11yCheckConfig = isMaterialBased() ? {
-  // NOTE: color-contrast issues in Material
-  runOnly: isMaterial() ? '' : 'color-contrast',
-  rules: { 'color-contrast': { enabled: !isMaterial() } },
-} : {};
-
 const configuration: Configuration = {
   component: 'dxTabPanel',
-  a11yCheckConfig,
   options,
 };
 
diff --git a/e2e/testcafe-devextreme/tests/accessibility/tabs.ts b/e2e/testcafe-devextreme/tests/accessibility/tabs.ts
index 657b7be6a425..9000466ab201 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/tabs.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/tabs.ts
@@ -2,7 +2,6 @@ import { Item, Properties } from 'devextreme/ui/tabs.d';
 import url from '../../helpers/getPageUrl';
 import { testAccessibility, Configuration } from '../../helpers/accessibility/test';
 import { Options } from '../../helpers/generateOptionMatrix';
-import { isMaterial, isMaterialBased } from '../../helpers/themeUtils';
 
 fixture.disablePageReloads`Accessibility`
   .page(url(__dirname, '../container.html'));
@@ -33,15 +32,8 @@ const created = async (t: TestController): Promise<void> => {
   await t.pressKey('tab');
 };
 
-const a11yCheckConfig = isMaterialBased() ? {
-  // NOTE: color-contrast issues in Material
-  runOnly: isMaterial() ? '' : 'color-contrast',
-  rules: { 'color-contrast': { enabled: !isMaterial() } },
-} : {};
-
 const configuration: Configuration = {
   component: 'dxTabs',
-  a11yCheckConfig,
   options,
   created,
 };
diff --git a/e2e/testcafe-devextreme/tests/accessibility/tagBox.ts b/e2e/testcafe-devextreme/tests/accessibility/tagBox.ts
index 46825e9e3a76..9febedca2f45 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/tagBox.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/tagBox.ts
@@ -55,10 +55,7 @@ const buttonsCreated = async (t: TestController): Promise<void> => {
     .wait(TIME_TO_WAIT);
 };
 
-const a11yCheckConfig = {
-  // NOTE: color-contrast issues
-  rules: { 'color-contrast': { enabled: false } },
-};
+const a11yCheckConfig = {};
 
 const configuration: Configuration = {
   component: 'dxTagBox',
diff --git a/e2e/testcafe-devextreme/tests/accessibility/textArea.ts b/e2e/testcafe-devextreme/tests/accessibility/textArea.ts
index bdd3004d0c7a..a04661a468d0 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/textArea.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/textArea.ts
@@ -16,10 +16,7 @@ const options: Options<Properties> = {
   inputAttr: [{ 'aria-label': 'aria-label' }],
 };
 
-const a11yCheckConfig = {
-  // NOTE: color-contrast issues
-  rules: { 'color-contrast': { enabled: false } },
-};
+const a11yCheckConfig = {};
 
 const availabilityConfiguration: Configuration = {
   component: 'dxTextArea',
diff --git a/e2e/testcafe-devextreme/tests/accessibility/textBox.ts b/e2e/testcafe-devextreme/tests/accessibility/textBox.ts
index 6aaf9b67677a..4e0e602f9907 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/textBox.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/textBox.ts
@@ -16,10 +16,7 @@ const options: Options<Properties> = {
   inputAttr: [{ 'aria-label': 'aria-label' }],
 };
 
-const a11yCheckConfig = {
-  // NOTE: color-contrast issues
-  rules: { 'color-contrast': { enabled: false } },
-};
+const a11yCheckConfig = {};
 
 const availabilityConfiguration: Configuration = {
   component: 'dxTextBox',
diff --git a/e2e/testcafe-devextreme/tests/accessibility/tileView.ts b/e2e/testcafe-devextreme/tests/accessibility/tileView.ts
index 1ea8372fbcef..15d5f5a5243f 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/tileView.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/tileView.ts
@@ -15,13 +15,7 @@ const created = async (t: TestController): Promise<void> => {
   await t.pressKey('tab');
 };
 
-const a11yCheckConfig = {
-  rules: {
-    'color-contrast': {
-      enabled: false,
-    },
-  },
-};
+const a11yCheckConfig = {};
 
 const configuration: Configuration = {
   component: 'dxTileView',
diff --git a/e2e/testcafe-devextreme/tests/accessibility/toast.ts b/e2e/testcafe-devextreme/tests/accessibility/toast.ts
index 61f7f3782c70..6131dfbc9a12 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/toast.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/toast.ts
@@ -12,10 +12,7 @@ const options: Options<Properties> = {
   type: ['custom', 'error', 'info', 'success', 'warning'],
 };
 
-const a11yCheckConfig = {
-  // NOTE: color-contrast issues
-  rules: { 'color-contrast': { enabled: false } },
-};
+const a11yCheckConfig = {};
 
 const configuration: Configuration = {
   component: 'dxToast',
diff --git a/e2e/testcafe-devextreme/tests/accessibility/toolbar.ts b/e2e/testcafe-devextreme/tests/accessibility/toolbar.ts
index a7818b52f20f..45dd9745b13a 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/toolbar.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/toolbar.ts
@@ -37,10 +37,7 @@ const created = async (t: TestController, optionConfiguration): Promise<void> =>
     .click(overflowMenu.element);
 };
 
-const a11yCheckConfig = {
-  // NOTE: color-contrast issues
-  rules: { 'color-contrast': { enabled: false } },
-};
+const a11yCheckConfig = {};
 
 const configuration: Configuration = {
   component: 'dxToolbar',
diff --git a/e2e/testcafe-devextreme/tests/accessibility/tooltip.ts b/e2e/testcafe-devextreme/tests/accessibility/tooltip.ts
index 04feb0029cc0..46a5e5e13ac5 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/tooltip.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/tooltip.ts
@@ -14,10 +14,7 @@ const options: Options<Properties> = {
   disabled: [true, false],
 };
 
-const a11yCheckConfig = {
-  // NOTE: color-contrast issues
-  rules: { 'color-contrast': { enabled: false } },
-};
+const a11yCheckConfig = {};
 
 const configuration: Configuration = {
   component: 'dxTooltip',
diff --git a/e2e/testcafe-devextreme/tests/accessibility/treeList/status.ts b/e2e/testcafe-devextreme/tests/accessibility/treeList/status.ts
index 31919c411116..c32631e1956f 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/treeList/status.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/treeList/status.ts
@@ -4,7 +4,6 @@ import TreeList from 'devextreme-testcafe-models/treeList';
 import { a11yCheck } from '../../../helpers/accessibility/utils';
 import url from '../../../helpers/getPageUrl';
 import { createWidget } from '../../../helpers/createWidget';
-import { isMaterialBased } from '../../../helpers/themeUtils';
 
 fixture`TreeList - Status`
   .page(url(__dirname, '../../container.html'));
@@ -30,13 +29,12 @@ const DATA_SOURCE = [
 ];
 
 test('Accessibility: TreeList general status should contains correct text (rows expanded)', async (t) => {
-  const expectedStatusText = 'Tree list with 3 rows and 2 columns';
   const treeList = new TreeList('#container');
 
   const statusText = await treeList.getGeneralStatusContainer().textContent;
 
   await a11yCheck(t);
-  await t.expect(statusText).eql(isMaterialBased() ? '' : expectedStatusText);
+  await t.expect(statusText).eql('');
 }).before(async () => createWidget('dxTreeList', {
   dataSource: DATA_SOURCE,
   rootValue: -1,
@@ -47,13 +45,12 @@ test('Accessibility: TreeList general status should contains correct text (rows
 }));
 
 test('Accessibility: TreeList general status should contains correct text (rows collapsed)', async (t) => {
-  const expectedStatusText = 'Tree list with 1 rows and 2 columns';
   const treeList = new TreeList('#container');
 
   const statusText = await treeList.getGeneralStatusContainer().textContent;
 
   await a11yCheck(t);
-  await t.expect(statusText).eql(isMaterialBased() ? '' : expectedStatusText);
+  await t.expect(statusText).eql('');
 }).before(async () => createWidget('dxTreeList', {
   dataSource: DATA_SOURCE,
   rootValue: -1,
diff --git a/e2e/testcafe-devextreme/tests/accessibility/validationSummary.ts b/e2e/testcafe-devextreme/tests/accessibility/validationSummary.ts
index 1ead2cf57c14..54ddf1ef1060 100644
--- a/e2e/testcafe-devextreme/tests/accessibility/validationSummary.ts
+++ b/e2e/testcafe-devextreme/tests/accessibility/validationSummary.ts
@@ -10,10 +10,7 @@ const options: Options<Properties> = {
   validationGroup: [undefined, 'validationGroup'],
 };
 
-const a11yCheckConfig = {
-  // NOTE: color-contrast issues
-  rules: { 'color-contrast': { enabled: false } },
-};
+const a11yCheckConfig = {};
 
 const configuration: Configuration = {
   component: 'dxValidationSummary',
diff --git a/e2e/testcafe-devextreme/tests/common/filterBuilder/etalons/value-editor-checkbox (material.blue.light).png b/e2e/testcafe-devextreme/tests/common/filterBuilder/etalons/value-editor-checkbox (material.blue.light).png
index 584982072d0b..310164bc773f 100644
Binary files a/e2e/testcafe-devextreme/tests/common/filterBuilder/etalons/value-editor-checkbox (material.blue.light).png and b/e2e/testcafe-devextreme/tests/common/filterBuilder/etalons/value-editor-checkbox (material.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/common/gantt/etalons/Gantt show dependencies (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/common/gantt/etalons/Gantt show dependencies (fluent.blue.light).png
index 8824dae9490a..862f42eec6d3 100644
Binary files a/e2e/testcafe-devextreme/tests/common/gantt/etalons/Gantt show dependencies (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/common/gantt/etalons/Gantt show dependencies (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/common/gantt/etalons/Gantt show resourced (material.blue.light).png b/e2e/testcafe-devextreme/tests/common/gantt/etalons/Gantt show resourced (material.blue.light).png
index 993f49b690eb..5cc458adbdd8 100644
Binary files a/e2e/testcafe-devextreme/tests/common/gantt/etalons/Gantt show resourced (material.blue.light).png and b/e2e/testcafe-devextreme/tests/common/gantt/etalons/Gantt show resourced (material.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/common/pagination/etalons/pagination-dm_full-has_it-si_true-snb_true-spss_true (material.blue.light).png b/e2e/testcafe-devextreme/tests/common/pagination/etalons/pagination-dm_full-has_it-si_true-snb_true-spss_true (material.blue.light).png
index c3a272b2ea96..a5ea30f5e3c2 100644
Binary files a/e2e/testcafe-devextreme/tests/common/pagination/etalons/pagination-dm_full-has_it-si_true-snb_true-spss_true (material.blue.light).png and b/e2e/testcafe-devextreme/tests/common/pagination/etalons/pagination-dm_full-has_it-si_true-snb_true-spss_true (material.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/common/pivotGrid/etalons/rows_do_not_overlap_data_fields_if_virtual_scrolling_enabled_T1210807 (material.blue.light).png b/e2e/testcafe-devextreme/tests/common/pivotGrid/etalons/rows_do_not_overlap_data_fields_if_virtual_scrolling_enabled_T1210807 (material.blue.light).png
index a12fd73dcfb9..1177b56aefb8 100644
Binary files a/e2e/testcafe-devextreme/tests/common/pivotGrid/etalons/rows_do_not_overlap_data_fields_if_virtual_scrolling_enabled_T1210807 (material.blue.light).png and b/e2e/testcafe-devextreme/tests/common/pivotGrid/etalons/rows_do_not_overlap_data_fields_if_virtual_scrolling_enabled_T1210807 (material.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/common/pivotGrid/fieldPanel/etalons/empty_table_after_dnd (showRowGrandTotals=false) (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/common/pivotGrid/fieldPanel/etalons/empty_table_after_dnd (showRowGrandTotals=false) (fluent.blue.light).png
index 9d7edc5e1afb..558b91caae9e 100644
Binary files a/e2e/testcafe-devextreme/tests/common/pivotGrid/fieldPanel/etalons/empty_table_after_dnd (showRowGrandTotals=false) (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/common/pivotGrid/fieldPanel/etalons/empty_table_after_dnd (showRowGrandTotals=false) (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/common/pivotGrid/fieldPanel/etalons/empty_table_after_dnd (showRowGrandTotals=true) (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/common/pivotGrid/fieldPanel/etalons/empty_table_after_dnd (showRowGrandTotals=true) (fluent.blue.light).png
index 947d4315cb22..48bce34b3dc7 100644
Binary files a/e2e/testcafe-devextreme/tests/common/pivotGrid/fieldPanel/etalons/empty_table_after_dnd (showRowGrandTotals=true) (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/common/pivotGrid/fieldPanel/etalons/empty_table_after_dnd (showRowGrandTotals=true) (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/common/pivotGrid/fieldPanel/etalons/field-panel_column-action_dnd (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/common/pivotGrid/fieldPanel/etalons/field-panel_column-action_dnd (fluent.blue.light).png
index add81781b1df..d79b136ac705 100644
Binary files a/e2e/testcafe-devextreme/tests/common/pivotGrid/fieldPanel/etalons/field-panel_column-action_dnd (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/common/pivotGrid/fieldPanel/etalons/field-panel_column-action_dnd (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/common/pivotGrid/fieldPanel/etalons/field-panel_column-field_dnd-first (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/common/pivotGrid/fieldPanel/etalons/field-panel_column-field_dnd-first (fluent.blue.light).png
index 26775d3869b9..dd9f29ed4cf8 100644
Binary files a/e2e/testcafe-devextreme/tests/common/pivotGrid/fieldPanel/etalons/field-panel_column-field_dnd-first (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/common/pivotGrid/fieldPanel/etalons/field-panel_column-field_dnd-first (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/common/pivotGrid/fieldPanel/etalons/field-panel_data-action_dnd (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/common/pivotGrid/fieldPanel/etalons/field-panel_data-action_dnd (fluent.blue.light).png
index 2d8e2e8f2bf8..e0f8458507cd 100644
Binary files a/e2e/testcafe-devextreme/tests/common/pivotGrid/fieldPanel/etalons/field-panel_data-action_dnd (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/common/pivotGrid/fieldPanel/etalons/field-panel_data-action_dnd (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/common/pivotGrid/fieldPanel/etalons/field-panel_row-action_dnd (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/common/pivotGrid/fieldPanel/etalons/field-panel_row-action_dnd (fluent.blue.light).png
index bdcfc01b20c8..aeff8803665d 100644
Binary files a/e2e/testcafe-devextreme/tests/common/pivotGrid/fieldPanel/etalons/field-panel_row-action_dnd (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/common/pivotGrid/fieldPanel/etalons/field-panel_row-action_dnd (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/common/treeList/etalons/T1223168-expandable (material.blue.light).png b/e2e/testcafe-devextreme/tests/common/treeList/etalons/T1223168-expandable (material.blue.light).png
index c0fbd10cc90f..11eb3ab57bd6 100644
Binary files a/e2e/testcafe-devextreme/tests/common/treeList/etalons/T1223168-expandable (material.blue.light).png and b/e2e/testcafe-devextreme/tests/common/treeList/etalons/T1223168-expandable (material.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/common/treeList/etalons/markup-selection=multiple-rtl=false-content=multiple-line (material.blue.light).png b/e2e/testcafe-devextreme/tests/common/treeList/etalons/markup-selection=multiple-rtl=false-content=multiple-line (material.blue.light).png
index dddfa53702d2..cfb3def51586 100644
Binary files a/e2e/testcafe-devextreme/tests/common/treeList/etalons/markup-selection=multiple-rtl=false-content=multiple-line (material.blue.light).png and b/e2e/testcafe-devextreme/tests/common/treeList/etalons/markup-selection=multiple-rtl=false-content=multiple-line (material.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/common/treeList/etalons/markup-selection=multiple-rtl=false-content=multiple-line (material.blue.light.compact).png b/e2e/testcafe-devextreme/tests/common/treeList/etalons/markup-selection=multiple-rtl=false-content=multiple-line (material.blue.light.compact).png
index 27b5204bafee..965176ab2a46 100644
Binary files a/e2e/testcafe-devextreme/tests/common/treeList/etalons/markup-selection=multiple-rtl=false-content=multiple-line (material.blue.light.compact).png and b/e2e/testcafe-devextreme/tests/common/treeList/etalons/markup-selection=multiple-rtl=false-content=multiple-line (material.blue.light.compact).png differ
diff --git a/e2e/testcafe-devextreme/tests/common/treeList/etalons/markup-selection=multiple-rtl=false-content=single-line (material.blue.light).png b/e2e/testcafe-devextreme/tests/common/treeList/etalons/markup-selection=multiple-rtl=false-content=single-line (material.blue.light).png
index e76ea62aa98f..074048eab69e 100644
Binary files a/e2e/testcafe-devextreme/tests/common/treeList/etalons/markup-selection=multiple-rtl=false-content=single-line (material.blue.light).png and b/e2e/testcafe-devextreme/tests/common/treeList/etalons/markup-selection=multiple-rtl=false-content=single-line (material.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/common/treeList/etalons/markup-selection=multiple-rtl=false-content=single-line (material.blue.light.compact).png b/e2e/testcafe-devextreme/tests/common/treeList/etalons/markup-selection=multiple-rtl=false-content=single-line (material.blue.light.compact).png
index 8666d50050b1..baca3ebb0858 100644
Binary files a/e2e/testcafe-devextreme/tests/common/treeList/etalons/markup-selection=multiple-rtl=false-content=single-line (material.blue.light.compact).png and b/e2e/testcafe-devextreme/tests/common/treeList/etalons/markup-selection=multiple-rtl=false-content=single-line (material.blue.light.compact).png differ
diff --git a/e2e/testcafe-devextreme/tests/common/treeList/etalons/markup-selection=single-rtl=false-content=multiple-line (material.blue.light).png b/e2e/testcafe-devextreme/tests/common/treeList/etalons/markup-selection=single-rtl=false-content=multiple-line (material.blue.light).png
index 7a99f78131ec..5a0b7e7c3342 100644
Binary files a/e2e/testcafe-devextreme/tests/common/treeList/etalons/markup-selection=single-rtl=false-content=multiple-line (material.blue.light).png and b/e2e/testcafe-devextreme/tests/common/treeList/etalons/markup-selection=single-rtl=false-content=multiple-line (material.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/common/treeList/etalons/markup-selection=single-rtl=false-content=multiple-line (material.blue.light.compact).png b/e2e/testcafe-devextreme/tests/common/treeList/etalons/markup-selection=single-rtl=false-content=multiple-line (material.blue.light.compact).png
index 364759a42e6d..a77d967cfe0a 100644
Binary files a/e2e/testcafe-devextreme/tests/common/treeList/etalons/markup-selection=single-rtl=false-content=multiple-line (material.blue.light.compact).png and b/e2e/testcafe-devextreme/tests/common/treeList/etalons/markup-selection=single-rtl=false-content=multiple-line (material.blue.light.compact).png differ
diff --git a/e2e/testcafe-devextreme/tests/common/treeList/etalons/markup-selection=single-rtl=false-content=single-line (material.blue.light).png b/e2e/testcafe-devextreme/tests/common/treeList/etalons/markup-selection=single-rtl=false-content=single-line (material.blue.light).png
index bb8f1020ab88..2dcc32627bbe 100644
Binary files a/e2e/testcafe-devextreme/tests/common/treeList/etalons/markup-selection=single-rtl=false-content=single-line (material.blue.light).png and b/e2e/testcafe-devextreme/tests/common/treeList/etalons/markup-selection=single-rtl=false-content=single-line (material.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/common/treeList/etalons/markup-selection=single-rtl=false-content=single-line (material.blue.light.compact).png b/e2e/testcafe-devextreme/tests/common/treeList/etalons/markup-selection=single-rtl=false-content=single-line (material.blue.light.compact).png
index 40ed84bd6a0e..4aeb83232beb 100644
Binary files a/e2e/testcafe-devextreme/tests/common/treeList/etalons/markup-selection=single-rtl=false-content=single-line (material.blue.light.compact).png and b/e2e/testcafe-devextreme/tests/common/treeList/etalons/markup-selection=single-rtl=false-content=single-line (material.blue.light.compact).png differ
diff --git a/e2e/testcafe-devextreme/tests/container-ai-integration.html b/e2e/testcafe-devextreme/tests/container-ai-integration.html
index aa112a3ad9fb..f02b899c362c 100644
--- a/e2e/testcafe-devextreme/tests/container-ai-integration.html
+++ b/e2e/testcafe-devextreme/tests/container-ai-integration.html
@@ -3,11 +3,13 @@
 <head>
     <title>TestCafe Tests Container</title>
 
-    <link rel="dx-theme" data-theme="fluent.blue.light" href="../../../packages/devextreme/artifacts/css/dx.fluent.blue.light.css" data-active="true">
+    <link rel="dx-theme" data-theme="fluent.blue.light" href="../../../packages/devextreme/artifacts/css/dx.fluent.blue.light.css" data-active="false">
+    <link rel="dx-theme" data-theme="fluent.blue.dark" href="../../../packages/devextreme/artifacts/css/dx.fluent.blue.dark.css" data-active="false">
     <link rel="dx-theme" data-theme="fluent.blue.light.compact" href="../../../packages/devextreme/artifacts/css/dx.fluent.blue.light.compact.css" data-active="false">
     <link rel="dx-theme" data-theme="generic.light" href="../../../packages/devextreme/artifacts/css/dx.light.css" data-active="false">
     <link rel="dx-theme" data-theme="generic.light.compact" href="../../../packages/devextreme/artifacts/css/dx.light.compact.css" data-active="false">
-    <link rel="dx-theme" data-theme="material.blue.light" href="../../../packages/devextreme/artifacts/css/dx.material.blue.light.css" data-active="false">
+    <link rel="dx-theme" data-theme="material.blue.light" href="../../../packages/devextreme/artifacts/css/dx.material.blue.light.css" data-active="true">
+    <link rel="dx-theme" data-theme="material.blue.dark" href="../../../packages/devextreme/artifacts/css/dx.material.blue.dark.css" data-active="false">
     <link rel="dx-theme" data-theme="material.blue.light.compact" href="../../../packages/devextreme/artifacts/css/dx.material.blue.light.compact.css" data-active="false">
  
     <script type="text/javascript" src="../../../packages/devextreme/artifacts/js/jquery.min.js"></script>
diff --git a/e2e/testcafe-devextreme/tests/container-extended.html b/e2e/testcafe-devextreme/tests/container-extended.html
index 1d1d25f4b6da..00ac27d41752 100644
--- a/e2e/testcafe-devextreme/tests/container-extended.html
+++ b/e2e/testcafe-devextreme/tests/container-extended.html
@@ -3,11 +3,13 @@
 <head>
     <title>TestCafe Tests Container</title>
 
-    <link rel="dx-theme" data-theme="fluent.blue.light" href="../../../packages/devextreme/artifacts/css/dx.fluent.blue.light.css" data-active="true">
+    <link rel="dx-theme" data-theme="fluent.blue.light" href="../../../packages/devextreme/artifacts/css/dx.fluent.blue.light.css" data-active="false">
+    <link rel="dx-theme" data-theme="fluent.blue.dark" href="../../../packages/devextreme/artifacts/css/dx.fluent.blue.dark.css" data-active="false">
     <link rel="dx-theme" data-theme="fluent.blue.light.compact" href="../../../packages/devextreme/artifacts/css/dx.fluent.blue.light.compact.css" data-active="false">
     <link rel="dx-theme" data-theme="generic.light" href="../../../packages/devextreme/artifacts/css/dx.light.css" data-active="false">
     <link rel="dx-theme" data-theme="generic.light.compact" href="../../../packages/devextreme/artifacts/css/dx.light.compact.css" data-active="false">
-    <link rel="dx-theme" data-theme="material.blue.light" href="../../../packages/devextreme/artifacts/css/dx.material.blue.light.css" data-active="false">
+    <link rel="dx-theme" data-theme="material.blue.light" href="../../../packages/devextreme/artifacts/css/dx.material.blue.light.css" data-active="true">
+    <link rel="dx-theme" data-theme="material.blue.dark" href="../../../packages/devextreme/artifacts/css/dx.material.blue.dark.css" data-active="false">
     <link rel="dx-theme" data-theme="material.blue.light.compact" href="../../../packages/devextreme/artifacts/css/dx.material.blue.light.compact.css" data-active="false">
     
     <link rel="stylesheet" type="text/css" href="../../../packages/devextreme/node_modules/devexpress-gantt/dist/dx-gantt.min.css"/>
diff --git a/e2e/testcafe-devextreme/tests/container.html b/e2e/testcafe-devextreme/tests/container.html
index 8e82c15a4804..21744e6fe26d 100644
--- a/e2e/testcafe-devextreme/tests/container.html
+++ b/e2e/testcafe-devextreme/tests/container.html
@@ -4,10 +4,12 @@
     <title>TestCafe Tests Container</title>
 
     <link rel="dx-theme" data-theme="fluent.blue.light" href="../../../packages/devextreme/artifacts/css/dx.fluent.blue.light.css" data-active="false">
+    <link rel="dx-theme" data-theme="fluent.blue.dark" href="../../../packages/devextreme/artifacts/css/dx.fluent.blue.dark.css" data-active="false">
     <link rel="dx-theme" data-theme="fluent.blue.light.compact" href="../../../packages/devextreme/artifacts/css/dx.fluent.blue.light.compact.css" data-active="false">
-    <link rel="dx-theme" data-theme="generic.light" href="../../../packages/devextreme/artifacts/css/dx.light.css" data-active="true">
+    <link rel="dx-theme" data-theme="generic.light" href="../../../packages/devextreme/artifacts/css/dx.light.css" data-active="false">
     <link rel="dx-theme" data-theme="generic.light.compact" href="../../../packages/devextreme/artifacts/css/dx.light.compact.css" data-active="false">
-    <link rel="dx-theme" data-theme="material.blue.light" href="../../../packages/devextreme/artifacts/css/dx.material.blue.light.css" data-active="false">
+    <link rel="dx-theme" data-theme="material.blue.light" href="../../../packages/devextreme/artifacts/css/dx.material.blue.light.css" data-active="true">
+    <link rel="dx-theme" data-theme="material.blue.dark" href="../../../packages/devextreme/artifacts/css/dx.material.blue.dark.css" data-active="false">
     <link rel="dx-theme" data-theme="material.blue.light.compact" href="../../../packages/devextreme/artifacts/css/dx.material.blue.light.compact.css" data-active="false">
     
     <script type="text/javascript" src="../../../packages/devextreme/artifacts/js/jquery.min.js"></script>
diff --git a/e2e/testcafe-devextreme/tests/dataGrid/common/accessibility/etalons/error-row (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/dataGrid/common/accessibility/etalons/error-row (fluent.blue.light).png
index a2cfe7eafd49..d70e53b14fe3 100644
Binary files a/e2e/testcafe-devextreme/tests/dataGrid/common/accessibility/etalons/error-row (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/dataGrid/common/accessibility/etalons/error-row (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/editors/htmlEditor/dialogs/aiDialog/etalons/htmleditor-ai-dialog-ask-ai-result-ready-state (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/editors/htmlEditor/dialogs/aiDialog/etalons/htmleditor-ai-dialog-ask-ai-result-ready-state (fluent.blue.light).png
index 454ee1c65184..d006a1bc96d3 100644
Binary files a/e2e/testcafe-devextreme/tests/editors/htmlEditor/dialogs/aiDialog/etalons/htmleditor-ai-dialog-ask-ai-result-ready-state (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/editors/htmlEditor/dialogs/aiDialog/etalons/htmleditor-ai-dialog-ask-ai-result-ready-state (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/editors/htmlEditor/dialogs/aiDialog/etalons/htmleditor-ai-dialog-asking-state (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/editors/htmlEditor/dialogs/aiDialog/etalons/htmleditor-ai-dialog-asking-state (fluent.blue.light).png
index b5cc7ec5591e..ecc880a06391 100644
Binary files a/e2e/testcafe-devextreme/tests/editors/htmlEditor/dialogs/aiDialog/etalons/htmleditor-ai-dialog-asking-state (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/editors/htmlEditor/dialogs/aiDialog/etalons/htmleditor-ai-dialog-asking-state (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/editors/htmlEditor/dialogs/aiDialog/etalons/htmleditor-ai-dialog-error-state (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/editors/htmlEditor/dialogs/aiDialog/etalons/htmleditor-ai-dialog-error-state (fluent.blue.light).png
index 16ef0e2559b0..c2f0efcc3f4c 100644
Binary files a/e2e/testcafe-devextreme/tests/editors/htmlEditor/dialogs/aiDialog/etalons/htmleditor-ai-dialog-error-state (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/editors/htmlEditor/dialogs/aiDialog/etalons/htmleditor-ai-dialog-error-state (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/editors/htmlEditor/dialogs/aiDialog/etalons/htmleditor-ai-dialog-generating-state (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/editors/htmlEditor/dialogs/aiDialog/etalons/htmleditor-ai-dialog-generating-state (fluent.blue.light).png
index c1273128170a..df51aea74163 100644
Binary files a/e2e/testcafe-devextreme/tests/editors/htmlEditor/dialogs/aiDialog/etalons/htmleditor-ai-dialog-generating-state (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/editors/htmlEditor/dialogs/aiDialog/etalons/htmleditor-ai-dialog-generating-state (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/editors/htmlEditor/dialogs/aiDialog/etalons/htmleditor-ai-dialog-initial-state-with-no-options (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/editors/htmlEditor/dialogs/aiDialog/etalons/htmleditor-ai-dialog-initial-state-with-no-options (fluent.blue.light).png
index 2e9340646f4c..77b46a49861a 100644
Binary files a/e2e/testcafe-devextreme/tests/editors/htmlEditor/dialogs/aiDialog/etalons/htmleditor-ai-dialog-initial-state-with-no-options (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/editors/htmlEditor/dialogs/aiDialog/etalons/htmleditor-ai-dialog-initial-state-with-no-options (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/editors/htmlEditor/dialogs/aiDialog/etalons/htmleditor-ai-dialog-initial-state-with-options (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/editors/htmlEditor/dialogs/aiDialog/etalons/htmleditor-ai-dialog-initial-state-with-options (fluent.blue.light).png
index 56042734ee1a..1d31c81500f2 100644
Binary files a/e2e/testcafe-devextreme/tests/editors/htmlEditor/dialogs/aiDialog/etalons/htmleditor-ai-dialog-initial-state-with-options (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/editors/htmlEditor/dialogs/aiDialog/etalons/htmleditor-ai-dialog-initial-state-with-options (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/editors/htmlEditor/dialogs/aiDialog/etalons/htmleditor-ai-dialog-result-ready-after-canceletion (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/editors/htmlEditor/dialogs/aiDialog/etalons/htmleditor-ai-dialog-result-ready-after-canceletion (fluent.blue.light).png
index 5f33f30a5c4e..3b8a04753c12 100644
Binary files a/e2e/testcafe-devextreme/tests/editors/htmlEditor/dialogs/aiDialog/etalons/htmleditor-ai-dialog-result-ready-after-canceletion (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/editors/htmlEditor/dialogs/aiDialog/etalons/htmleditor-ai-dialog-result-ready-after-canceletion (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/editors/htmlEditor/dialogs/aiDialog/etalons/htmleditor-ai-dialog-result-ready-state-with-long-result (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/editors/htmlEditor/dialogs/aiDialog/etalons/htmleditor-ai-dialog-result-ready-state-with-long-result (fluent.blue.light).png
index 6ed108a60d59..95d750aef547 100644
Binary files a/e2e/testcafe-devextreme/tests/editors/htmlEditor/dialogs/aiDialog/etalons/htmleditor-ai-dialog-result-ready-state-with-long-result (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/editors/htmlEditor/dialogs/aiDialog/etalons/htmleditor-ai-dialog-result-ready-state-with-long-result (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/editors/htmlEditor/dialogs/aiDialog/etalons/htmleditor-ai-dialog-result-ready-state-with-short-result (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/editors/htmlEditor/dialogs/aiDialog/etalons/htmleditor-ai-dialog-result-ready-state-with-short-result (fluent.blue.light).png
index e007815d39d9..5b36670d575a 100644
Binary files a/e2e/testcafe-devextreme/tests/editors/htmlEditor/dialogs/aiDialog/etalons/htmleditor-ai-dialog-result-ready-state-with-short-result (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/editors/htmlEditor/dialogs/aiDialog/etalons/htmleditor-ai-dialog-result-ready-state-with-short-result (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/a11y/etalons/month_day_number_contrast (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/a11y/etalons/month_day_number_contrast (fluent.blue.light).png
index c2a96d1a8370..0d3343ff976a 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/a11y/etalons/month_day_number_contrast (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/a11y/etalons/month_day_number_contrast (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/agenda/etalons/switch-to-agenda-without-appointments (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/agenda/etalons/switch-to-agenda-without-appointments (fluent.blue.light).png
index 1efed35383b8..06fc6a6343a9 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/agenda/etalons/switch-to-agenda-without-appointments (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/agenda/etalons/switch-to-agenda-without-appointments (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/appointments/allDay/etalons/midnight_all-day-appt_view=month_start=6_end=18 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/appointments/allDay/etalons/midnight_all-day-appt_view=month_start=6_end=18 (fluent.blue.light).png
index 00c874545ca0..61b220c4e82e 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/appointments/allDay/etalons/midnight_all-day-appt_view=month_start=6_end=18 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/appointments/allDay/etalons/midnight_all-day-appt_view=month_start=6_end=18 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/appointments/allDay/etalons/midnight_all-day-appt_view=month_start=6_end=undefined (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/appointments/allDay/etalons/midnight_all-day-appt_view=month_start=6_end=undefined (fluent.blue.light).png
index 00c874545ca0..61b220c4e82e 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/appointments/allDay/etalons/midnight_all-day-appt_view=month_start=6_end=undefined (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/appointments/allDay/etalons/midnight_all-day-appt_view=month_start=6_end=undefined (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/appointments/allDay/etalons/midnight_all-day-appt_view=month_start=undefined_end=18 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/appointments/allDay/etalons/midnight_all-day-appt_view=month_start=undefined_end=18 (fluent.blue.light).png
index 00c874545ca0..61b220c4e82e 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/appointments/allDay/etalons/midnight_all-day-appt_view=month_start=undefined_end=18 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/appointments/allDay/etalons/midnight_all-day-appt_view=month_start=undefined_end=18 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/appointments/allDay/etalons/midnight_all-day-appt_view=month_start=undefined_end=undefined (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/appointments/allDay/etalons/midnight_all-day-appt_view=month_start=undefined_end=undefined (fluent.blue.light).png
index 00c874545ca0..61b220c4e82e 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/appointments/allDay/etalons/midnight_all-day-appt_view=month_start=undefined_end=undefined (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/appointments/allDay/etalons/midnight_all-day-appt_view=month_start=undefined_end=undefined (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/appointments/etalons/multiday-appointment_month (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/appointments/etalons/multiday-appointment_month (fluent.blue.light).png
index 900a3d028440..4e044f9e4606 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/appointments/etalons/multiday-appointment_month (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/appointments/etalons/multiday-appointment_month (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/appointments/maxAppointmentsPerCell/etalons/month-appointment-maxAppointmentsPerCell=1 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/appointments/maxAppointmentsPerCell/etalons/month-appointment-maxAppointmentsPerCell=1 (fluent.blue.light).png
index 039a2386b25c..8d8171339466 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/appointments/maxAppointmentsPerCell/etalons/month-appointment-maxAppointmentsPerCell=1 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/appointments/maxAppointmentsPerCell/etalons/month-appointment-maxAppointmentsPerCell=1 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/appointments/maxAppointmentsPerCell/etalons/month-appointment-maxAppointmentsPerCell=10 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/appointments/maxAppointmentsPerCell/etalons/month-appointment-maxAppointmentsPerCell=10 (fluent.blue.light).png
index d06a0e23c1ff..966f37bbbf29 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/appointments/maxAppointmentsPerCell/etalons/month-appointment-maxAppointmentsPerCell=10 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/appointments/maxAppointmentsPerCell/etalons/month-appointment-maxAppointmentsPerCell=10 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/appointments/maxAppointmentsPerCell/etalons/month-appointment-maxAppointmentsPerCell=3 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/appointments/maxAppointmentsPerCell/etalons/month-appointment-maxAppointmentsPerCell=3 (fluent.blue.light).png
index e8cd2e6bcfd4..eae979bd6e8a 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/appointments/maxAppointmentsPerCell/etalons/month-appointment-maxAppointmentsPerCell=3 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/appointments/maxAppointmentsPerCell/etalons/month-appointment-maxAppointmentsPerCell=3 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/appointments/maxAppointmentsPerCell/etalons/month-appointment-maxAppointmentsPerCell=auto (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/appointments/maxAppointmentsPerCell/etalons/month-appointment-maxAppointmentsPerCell=auto (fluent.blue.light).png
index e8cd2e6bcfd4..eae979bd6e8a 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/appointments/maxAppointmentsPerCell/etalons/month-appointment-maxAppointmentsPerCell=auto (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/appointments/maxAppointmentsPerCell/etalons/month-appointment-maxAppointmentsPerCell=auto (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/appointments/maxAppointmentsPerCell/etalons/month-appointment-maxAppointmentsPerCell=unlimited (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/appointments/maxAppointmentsPerCell/etalons/month-appointment-maxAppointmentsPerCell=unlimited (fluent.blue.light).png
index 00d25ae8aac2..b60d1e6e4b09 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/appointments/maxAppointmentsPerCell/etalons/month-appointment-maxAppointmentsPerCell=unlimited (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/appointments/maxAppointmentsPerCell/etalons/month-appointment-maxAppointmentsPerCell=unlimited (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/dragAndDrop/outlookDragging/etalons/drag-n-drop-long-appoint-to-bottom (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/dragAndDrop/outlookDragging/etalons/drag-n-drop-long-appoint-to-bottom (fluent.blue.light).png
index 54d9f29836de..35c21518f580 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/dragAndDrop/outlookDragging/etalons/drag-n-drop-long-appoint-to-bottom (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/dragAndDrop/outlookDragging/etalons/drag-n-drop-long-appoint-to-bottom (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/dragAndDrop/outlookDragging/etalons/drag-n-drop-long-appoint-to-left (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/dragAndDrop/outlookDragging/etalons/drag-n-drop-long-appoint-to-left (fluent.blue.light).png
index fb06b3c6ba6a..90f1bd9a24d5 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/dragAndDrop/outlookDragging/etalons/drag-n-drop-long-appoint-to-left (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/dragAndDrop/outlookDragging/etalons/drag-n-drop-long-appoint-to-left (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/dragAndDrop/outlookDragging/etalons/drag-n-drop-long-appoint-to-right (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/dragAndDrop/outlookDragging/etalons/drag-n-drop-long-appoint-to-right (fluent.blue.light).png
index 131d773f4f1a..765285ffae44 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/dragAndDrop/outlookDragging/etalons/drag-n-drop-long-appoint-to-right (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/dragAndDrop/outlookDragging/etalons/drag-n-drop-long-appoint-to-right (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/dragAndDrop/outlookDragging/etalons/drag-n-drop-long-appoint-to-top (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/dragAndDrop/outlookDragging/etalons/drag-n-drop-long-appoint-to-top (fluent.blue.light).png
index fb06b3c6ba6a..90f1bd9a24d5 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/dragAndDrop/outlookDragging/etalons/drag-n-drop-long-appoint-to-top (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/dragAndDrop/outlookDragging/etalons/drag-n-drop-long-appoint-to-top (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/dragAndDrop/outlookDragging/etalons/drag-n-drop-small-appoint-to-bottom (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/dragAndDrop/outlookDragging/etalons/drag-n-drop-small-appoint-to-bottom (fluent.blue.light).png
index af270b17e9d9..60d53a3f1957 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/dragAndDrop/outlookDragging/etalons/drag-n-drop-small-appoint-to-bottom (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/dragAndDrop/outlookDragging/etalons/drag-n-drop-small-appoint-to-bottom (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/dragAndDrop/outlookDragging/etalons/drag-n-drop-small-appoint-to-left (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/dragAndDrop/outlookDragging/etalons/drag-n-drop-small-appoint-to-left (fluent.blue.light).png
index f5e191452c72..42fecacf751f 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/dragAndDrop/outlookDragging/etalons/drag-n-drop-small-appoint-to-left (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/dragAndDrop/outlookDragging/etalons/drag-n-drop-small-appoint-to-left (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/dragAndDrop/outlookDragging/etalons/drag-n-drop-small-appoint-to-right (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/dragAndDrop/outlookDragging/etalons/drag-n-drop-small-appoint-to-right (fluent.blue.light).png
index 34d6baff49b1..6c63cdd60f2e 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/dragAndDrop/outlookDragging/etalons/drag-n-drop-small-appoint-to-right (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/dragAndDrop/outlookDragging/etalons/drag-n-drop-small-appoint-to-right (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/dragAndDrop/outlookDragging/etalons/drag-n-drop-small-appoint-to-top (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/dragAndDrop/outlookDragging/etalons/drag-n-drop-small-appoint-to-top (fluent.blue.light).png
index f5e191452c72..42fecacf751f 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/dragAndDrop/outlookDragging/etalons/drag-n-drop-small-appoint-to-top (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/dragAndDrop/outlookDragging/etalons/drag-n-drop-small-appoint-to-top (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/etalons/scrollable-month-workspace (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/etalons/scrollable-month-workspace (fluent.blue.light).png
index 75a453b88892..7f342ce17598 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/etalons/scrollable-month-workspace (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/etalons/scrollable-month-workspace (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/group-header-css-group-by-date-long-names (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/group-header-css-group-by-date-long-names (fluent.blue.light).png
index dc6cb9173888..0e5da049c6c3 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/group-header-css-group-by-date-long-names (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/group-header-css-group-by-date-long-names (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/group-overflow-(month-horizontal-allDay-0-24) (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/group-overflow-(month-horizontal-allDay-0-24) (fluent.blue.light).png
index 6a4aa96c6934..b3964cf48287 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/group-overflow-(month-horizontal-allDay-0-24) (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/group-overflow-(month-horizontal-allDay-0-24) (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/group-overflow-(month-horizontal-allDay-9-14) (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/group-overflow-(month-horizontal-allDay-9-14) (fluent.blue.light).png
index af2d907f349d..8269fa4082fd 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/group-overflow-(month-horizontal-allDay-9-14) (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/group-overflow-(month-horizontal-allDay-9-14) (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/group-overflow-(month-horizontal-hidden-0-24) (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/group-overflow-(month-horizontal-hidden-0-24) (fluent.blue.light).png
index 6a4aa96c6934..b3964cf48287 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/group-overflow-(month-horizontal-hidden-0-24) (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/group-overflow-(month-horizontal-hidden-0-24) (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/group-overflow-(month-horizontal-hidden-9-14) (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/group-overflow-(month-horizontal-hidden-9-14) (fluent.blue.light).png
index af2d907f349d..8269fa4082fd 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/group-overflow-(month-horizontal-hidden-9-14) (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/group-overflow-(month-horizontal-hidden-9-14) (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/group-overflow-(month-vertical-allDay-0-24) (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/group-overflow-(month-vertical-allDay-0-24) (fluent.blue.light).png
index ce8ce52c76ea..99693189ec59 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/group-overflow-(month-vertical-allDay-0-24) (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/group-overflow-(month-vertical-allDay-0-24) (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/group-overflow-(month-vertical-allDay-9-14) (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/group-overflow-(month-vertical-allDay-9-14) (fluent.blue.light).png
index 2cbd6a92f3cf..659c29d0ea43 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/group-overflow-(month-vertical-allDay-9-14) (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/group-overflow-(month-vertical-allDay-9-14) (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/group-overflow-(month-vertical-hidden-0-24) (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/group-overflow-(month-vertical-hidden-0-24) (fluent.blue.light).png
index ce8ce52c76ea..99693189ec59 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/group-overflow-(month-vertical-hidden-0-24) (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/group-overflow-(month-vertical-hidden-0-24) (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/group-overflow-(month-vertical-hidden-9-14) (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/group-overflow-(month-vertical-hidden-9-14) (fluent.blue.light).png
index 2cbd6a92f3cf..659c29d0ea43 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/group-overflow-(month-vertical-hidden-9-14) (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/group-overflow-(month-vertical-hidden-9-14) (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/month-view_vertical-grouping_fist-app-part_T1122185 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/month-view_vertical-grouping_fist-app-part_T1122185 (fluent.blue.light).png
index dd817b8baf85..c272d4e50be6 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/month-view_vertical-grouping_fist-app-part_T1122185 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/month-view_vertical-grouping_fist-app-part_T1122185 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/month-view_vertical-grouping_last-app-part_T1122185 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/month-view_vertical-grouping_last-app-part_T1122185 (fluent.blue.light).png
index 495b139c6f75..ac5da0d7bba4 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/month-view_vertical-grouping_last-app-part_T1122185 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/month-view_vertical-grouping_last-app-part_T1122185 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/month-view_vertical-grouping_middle-app-part_T1122185 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/month-view_vertical-grouping_middle-app-part_T1122185 (fluent.blue.light).png
index 086e4a8189c2..9addc222a620 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/month-view_vertical-grouping_middle-app-part_T1122185 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/grouping/etalons/month-view_vertical-grouping_middle-app-part_T1122185 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/header/etalons/scheduler-with-empty-toolbar-config (material.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/header/etalons/scheduler-with-empty-toolbar-config (material.blue.light).png
index a4629f75bf33..db982477976c 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/header/etalons/scheduler-with-empty-toolbar-config (material.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/header/etalons/scheduler-with-empty-toolbar-config (material.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/header/etalons/scheduler-with-non-empty-toolbar-config (material.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/header/etalons/scheduler-with-non-empty-toolbar-config (material.blue.light).png
index 4318b4ebefcc..c69438c23066 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/header/etalons/scheduler-with-non-empty-toolbar-config (material.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/header/etalons/scheduler-with-non-empty-toolbar-config (material.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=false (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=false (fluent.blue.light).png
index 36a65deffa90..3f6fe5433f84 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=false (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=false (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=false-horizontal (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=false-horizontal (fluent.blue.light).png
index f2439bdcd48a..a5dab2c8ec6e 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=false-horizontal (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=false-horizontal (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=false-horizontal-rtl (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=false-horizontal-rtl (fluent.blue.light).png
index 3dfb2b0e2e52..aaf004610916 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=false-horizontal-rtl (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=false-horizontal-rtl (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=false-rtl (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=false-rtl (fluent.blue.light).png
index 5c85ddceb0dd..9ee10888f47b 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=false-rtl (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=false-rtl (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=false-vertical (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=false-vertical (fluent.blue.light).png
index 3922355938a7..a335aa07caa9 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=false-vertical (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=false-vertical (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=false-vertical-rtl (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=false-vertical-rtl (fluent.blue.light).png
index f559ce64a323..971174bc415e 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=false-vertical-rtl (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=false-vertical-rtl (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=true (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=true (fluent.blue.light).png
index e3bf71289ec8..a368f0971f24 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=true (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=true (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=true-horizontal (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=true-horizontal (fluent.blue.light).png
index 2371908b3468..6d560a60d14b 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=true-horizontal (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=true-horizontal (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=true-horizontal-rtl (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=true-horizontal-rtl (fluent.blue.light).png
index 85f662318564..82e15bd24009 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=true-horizontal-rtl (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=true-horizontal-rtl (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=true-rtl (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=true-rtl (fluent.blue.light).png
index 3520fc71f19c..415d6b63508c 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=true-rtl (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=true-rtl (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=true-vertical (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=true-vertical (fluent.blue.light).png
index 791375b516c8..800cf78a0393 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=true-vertical (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=true-vertical (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=true-vertical-rtl (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=true-vertical-rtl (fluent.blue.light).png
index e0f1343c2b25..5b6abe091f83 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=true-vertical-rtl (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/etalons/view=month-crossScrolling=true-vertical-rtl (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/resize/etalons/browser-resize-currentView=month-after-resize (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/resize/etalons/browser-resize-currentView=month-after-resize (fluent.blue.light).png
index 486b18ae5d81..d5c8f84a7cfc 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/resize/etalons/browser-resize-currentView=month-after-resize (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/resize/etalons/browser-resize-currentView=month-after-resize (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/resize/etalons/browser-resize-currentView=month-before-resize (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/resize/etalons/browser-resize-currentView=month-before-resize (fluent.blue.light).png
index 71c82978e563..5411cb0a5304 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/resize/etalons/browser-resize-currentView=month-before-resize (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/layout/adaptive/resize/etalons/browser-resize-currentView=month-before-resize (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/allDay/etalons/timelineWeek-all-day-expr-AllDay (generic.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/allDay/etalons/timelineWeek-all-day-expr-AllDay (generic.light).png
index da623ad8dff0..aaf4648e579a 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/allDay/etalons/timelineWeek-all-day-expr-AllDay (generic.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/allDay/etalons/timelineWeek-all-day-expr-AllDay (generic.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/allDay/etalons/timelineWeek-all-day-expr-undefined (generic.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/allDay/etalons/timelineWeek-all-day-expr-undefined (generic.light).png
index da623ad8dff0..aaf4648e579a 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/allDay/etalons/timelineWeek-all-day-expr-undefined (generic.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/allDay/etalons/timelineWeek-all-day-expr-undefined (generic.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/allDay/etalons/week-all-day-expr-AllDay (generic.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/allDay/etalons/week-all-day-expr-AllDay (generic.light).png
index c52bc32abe4b..3cfffad87adc 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/allDay/etalons/week-all-day-expr-AllDay (generic.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/allDay/etalons/week-all-day-expr-AllDay (generic.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/allDay/etalons/week-all-day-expr-undefined (generic.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/allDay/etalons/week-all-day-expr-undefined (generic.light).png
index c52bc32abe4b..3cfffad87adc 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/allDay/etalons/week-all-day-expr-undefined (generic.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/allDay/etalons/week-all-day-expr-undefined (generic.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/etalons/after-dragging(T1020820) (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/etalons/after-dragging(T1020820) (fluent.blue.light).png
index b4eb17868558..02c656c9d4b5 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/etalons/after-dragging(T1020820) (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/etalons/after-dragging(T1020820) (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/etalons/appointment-collector-month-adapt(false) (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/etalons/appointment-collector-month-adapt(false) (fluent.blue.light).png
index 277b64c930d0..abd4527335ac 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/etalons/appointment-collector-month-adapt(false) (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/etalons/appointment-collector-month-adapt(false) (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/etalons/appointment-collector-month-adapt(true) (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/etalons/appointment-collector-month-adapt(true) (fluent.blue.light).png
index c4640ad56837..4ad778d9fd56 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/etalons/appointment-collector-month-adapt(true) (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/etalons/appointment-collector-month-adapt(true) (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/etalons/appointment-collector-month-double-interval (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/etalons/appointment-collector-month-double-interval (fluent.blue.light).png
index 9d5cceed002d..3f02740e4af0 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/etalons/appointment-collector-month-double-interval (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/etalons/appointment-collector-month-double-interval (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/etalons/appointment-collector-month-rtl(false) (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/etalons/appointment-collector-month-rtl(false) (fluent.blue.light).png
index 277b64c930d0..abd4527335ac 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/etalons/appointment-collector-month-rtl(false) (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/etalons/appointment-collector-month-rtl(false) (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/etalons/appointment-collector-month-rtl(true) (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/etalons/appointment-collector-month-rtl(true) (fluent.blue.light).png
index 783e0782130e..36e5c3f7752a 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/etalons/appointment-collector-month-rtl(true) (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/etalons/appointment-collector-month-rtl(true) (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/etalons/appointment-no-subject-month (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/etalons/appointment-no-subject-month (fluent.blue.light).png
index 4fefbb0f673b..1fece30dfa06 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/etalons/appointment-no-subject-month (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/etalons/appointment-no-subject-month (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/etalons/before-dragging(T1020820) (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/etalons/before-dragging(T1020820) (fluent.blue.light).png
index 3d482fe4eab2..681575c9824d 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/etalons/before-dragging(T1020820) (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/etalons/before-dragging(T1020820) (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/etalons/recurrent-appointment-in-month_view-and-non-rtl_mode (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/etalons/recurrent-appointment-in-month_view-and-non-rtl_mode (fluent.blue.light).png
index 86343c2276a6..8fff109bd4d8 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/etalons/recurrent-appointment-in-month_view-and-non-rtl_mode (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/etalons/recurrent-appointment-in-month_view-and-non-rtl_mode (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/etalons/recurrent-appointment-in-month_view-and-rtl_mode (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/etalons/recurrent-appointment-in-month_view-and-rtl_mode (fluent.blue.light).png
index 65f5576ebb84..5f6f53066f5d 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/etalons/recurrent-appointment-in-month_view-and-rtl_mode (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/layout/appointments/etalons/recurrent-appointment-in-month_view-and-rtl_mode (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/layout/customization/etalons/custom-cell-sizes-in-month (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/layout/customization/etalons/custom-cell-sizes-in-month (fluent.blue.light).png
index 89526f5edf9d..d005d121f00f 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/layout/customization/etalons/custom-cell-sizes-in-month (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/layout/customization/etalons/custom-cell-sizes-in-month (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/layout/customization/etalons/custom-group-panel-in-month-cross-scrolling=false (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/layout/customization/etalons/custom-group-panel-in-month-cross-scrolling=false (fluent.blue.light).png
index c64f195decbb..bf1d8dcab532 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/layout/customization/etalons/custom-group-panel-in-month-cross-scrolling=false (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/layout/customization/etalons/custom-group-panel-in-month-cross-scrolling=false (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/layout/customization/etalons/custom-group-panel-in-month-cross-scrolling=true (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/layout/customization/etalons/custom-group-panel-in-month-cross-scrolling=true (fluent.blue.light).png
index d9f32a03d6ff..9bcd9c19092c 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/layout/customization/etalons/custom-group-panel-in-month-cross-scrolling=true (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/layout/customization/etalons/custom-group-panel-in-month-cross-scrolling=true (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/layout/customization/etalons/custom-header-panel-in-month-cross-scrolling=false (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/layout/customization/etalons/custom-header-panel-in-month-cross-scrolling=false (fluent.blue.light).png
index 088470d4b050..94b9b97d2786 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/layout/customization/etalons/custom-header-panel-in-month-cross-scrolling=false (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/layout/customization/etalons/custom-header-panel-in-month-cross-scrolling=false (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/layout/customization/etalons/custom-header-panel-in-month-cross-scrolling=true (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/layout/customization/etalons/custom-header-panel-in-month-cross-scrolling=true (fluent.blue.light).png
index 7a5218d96d2b..5ac552f9ff39 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/layout/customization/etalons/custom-header-panel-in-month-cross-scrolling=true (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/layout/customization/etalons/custom-header-panel-in-month-cross-scrolling=true (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/layout/resources/groups/etalons/groups(view=month-orientation=horizontal) (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/layout/resources/groups/etalons/groups(view=month-orientation=horizontal) (fluent.blue.light).png
index 7227dcbb9be6..438cf2be244a 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/layout/resources/groups/etalons/groups(view=month-orientation=horizontal) (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/layout/resources/groups/etalons/groups(view=month-orientation=horizontal) (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/layout/resources/groups/etalons/groups(view=month-orientation=vertical) (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/layout/resources/groups/etalons/groups(view=month-orientation=vertical) (fluent.blue.light).png
index dd0f437d12ad..d04615fed4ac 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/layout/resources/groups/etalons/groups(view=month-orientation=vertical) (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/layout/resources/groups/etalons/groups(view=month-orientation=vertical) (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/layout/templates/etalons/appointment-template-currentView=month (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/layout/templates/etalons/appointment-template-currentView=month (fluent.blue.light).png
index 656c8e54c64b..2fd7e6dda2ed 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/layout/templates/etalons/appointment-template-currentView=month (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/layout/templates/etalons/appointment-template-currentView=month (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/layout/templates/etalons/data-cell-template-currentView=month (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/layout/templates/etalons/data-cell-template-currentView=month (fluent.blue.light).png
index eae3711197a3..b5fb3adc2b97 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/layout/templates/etalons/data-cell-template-currentView=month (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/layout/templates/etalons/data-cell-template-currentView=month (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/layout/views/intervalCount/etalons/start-date-in-month (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/layout/views/intervalCount/etalons/start-date-in-month (fluent.blue.light).png
index 3b69a447b08f..ddba14f284f4 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/layout/views/intervalCount/etalons/start-date-in-month (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/layout/views/intervalCount/etalons/start-date-in-month (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/layout/views/intervalCount/etalons/start-date-in-month-with-form (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/layout/views/intervalCount/etalons/start-date-in-month-with-form (fluent.blue.light).png
index 3b7aeed29bfb..941e6a9dce6b 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/layout/views/intervalCount/etalons/start-date-in-month-with-form (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/layout/views/intervalCount/etalons/start-date-in-month-with-form (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-february-2021 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-february-2021 (fluent.blue.light).png
index a8880033a063..f8995c898fd9 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-february-2021 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-february-2021 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-interval-count-12 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-interval-count-12 (fluent.blue.light).png
index a0aa98004863..a1dd7f0312dd 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-interval-count-12 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-interval-count-12 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment(rtl=false, text=Appointment spans 2 rows) (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment(rtl=false, text=Appointment spans 2 rows) (fluent.blue.light).png
index d873952d77ca..c50b130c0330 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment(rtl=false, text=Appointment spans 2 rows) (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment(rtl=false, text=Appointment spans 2 rows) (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment(rtl=false, text=Appointment spans 3 rows) (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment(rtl=false, text=Appointment spans 3 rows) (fluent.blue.light).png
index f756b878236d..44dc2965ecbe 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment(rtl=false, text=Appointment spans 3 rows) (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment(rtl=false, text=Appointment spans 3 rows) (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment(rtl=false, text=Appointment spans all rows) (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment(rtl=false, text=Appointment spans all rows) (fluent.blue.light).png
index 8bcf702098ba..61d03509ce83 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment(rtl=false, text=Appointment spans all rows) (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment(rtl=false, text=Appointment spans all rows) (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment(rtl=true, text=Appointment spans 2 rows) (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment(rtl=true, text=Appointment spans 2 rows) (fluent.blue.light).png
index 5ac04d85e8ba..f1212ec1454d 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment(rtl=true, text=Appointment spans 2 rows) (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment(rtl=true, text=Appointment spans 2 rows) (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment(rtl=true, text=Appointment spans 3 rows) (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment(rtl=true, text=Appointment spans 3 rows) (fluent.blue.light).png
index 404098a31e2a..561f51eb54e8 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment(rtl=true, text=Appointment spans 3 rows) (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment(rtl=true, text=Appointment spans 3 rows) (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment(rtl=true, text=Appointment spans all rows) (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment(rtl=true, text=Appointment spans all rows) (fluent.blue.light).png
index eedfd4318c01..f1af68439557 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment(rtl=true, text=Appointment spans all rows) (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment(rtl=true, text=Appointment spans all rows) (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment-several-months-february(rtl=false) (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment-several-months-february(rtl=false) (fluent.blue.light).png
index 8dda12be05a0..359dd8432ec4 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment-several-months-february(rtl=false) (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment-several-months-february(rtl=false) (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment-several-months-february(rtl=true) (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment-several-months-february(rtl=true) (fluent.blue.light).png
index bd70832b6032..a9a50e551408 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment-several-months-february(rtl=true) (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment-several-months-february(rtl=true) (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment-several-months-january(rtl=false) (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment-several-months-january(rtl=false) (fluent.blue.light).png
index 345f680f725b..144b7cad3e41 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment-several-months-january(rtl=false) (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment-several-months-january(rtl=false) (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment-several-months-january(rtl=true) (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment-several-months-january(rtl=true) (fluent.blue.light).png
index 44f52959e80d..5c7d68db011d 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment-several-months-january(rtl=true) (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment-several-months-january(rtl=true) (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment-several-months-march(rtl=false) (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment-several-months-march(rtl=false) (fluent.blue.light).png
index 6953e3aa1b51..ee7d11664c80 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment-several-months-march(rtl=false) (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment-several-months-march(rtl=false) (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment-several-months-march(rtl=true) (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment-several-months-march(rtl=true) (fluent.blue.light).png
index 0667a75814c7..436f497c7078 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment-several-months-march(rtl=true) (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-appointment-several-months-march(rtl=true) (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-recurrence-appointment-several-months-february (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-recurrence-appointment-several-months-february (fluent.blue.light).png
index 283c1e8c1e08..8e40cb7803b0 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-recurrence-appointment-several-months-february (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-recurrence-appointment-several-months-february (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-recurrence-appointment-several-months-january (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-recurrence-appointment-several-months-january (fluent.blue.light).png
index 5c8f8e8f6465..a8e64791fee8 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-recurrence-appointment-several-months-january (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/month/etalons/month-long-recurrence-appointment-several-months-january (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/tooltipBehaviour/etalons/tooltip-rendering-with-react (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/tooltipBehaviour/etalons/tooltip-rendering-with-react (fluent.blue.light).png
index 989c4df67e86..9ebc15f12dd5 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/tooltipBehaviour/etalons/tooltip-rendering-with-react (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/tooltipBehaviour/etalons/tooltip-rendering-with-react (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-many-cells-month-horizontal-end (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-many-cells-month-horizontal-end (fluent.blue.light).png
index b5f09dd4aa8a..9be64e6190be 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-many-cells-month-horizontal-end (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-many-cells-month-horizontal-end (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-many-cells-month-horizontal-middle (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-many-cells-month-horizontal-middle (fluent.blue.light).png
index c181b155bf15..3c7c9c0a6610 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-many-cells-month-horizontal-middle (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-many-cells-month-horizontal-middle (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-many-cells-month-horizontal-start (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-many-cells-month-horizontal-start (fluent.blue.light).png
index 861665b9d6ec..d6611a632a21 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-many-cells-month-horizontal-start (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-many-cells-month-horizontal-start (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-many-cells-month-vertical-end (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-many-cells-month-vertical-end (fluent.blue.light).png
index aaf743e1939a..4247da48a42a 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-many-cells-month-vertical-end (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-many-cells-month-vertical-end (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-many-cells-month-vertical-middle (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-many-cells-month-vertical-middle (fluent.blue.light).png
index 8ff804780427..84f562c3449d 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-many-cells-month-vertical-middle (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-many-cells-month-vertical-middle (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-many-cells-month-vertical-start (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-many-cells-month-vertical-start (fluent.blue.light).png
index 5a615a142652..ee732181b7ad 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-many-cells-month-vertical-start (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-many-cells-month-vertical-start (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-month-after-scroll-grouping-by-date (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-month-after-scroll-grouping-by-date (fluent.blue.light).png
index c64b8d326816..8286a3a8bfee 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-month-after-scroll-grouping-by-date (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-month-after-scroll-grouping-by-date (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-month-after-scroll-horizontal-grouping (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-month-after-scroll-horizontal-grouping (fluent.blue.light).png
index 3e4be83a6843..00f5e211268d 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-month-after-scroll-horizontal-grouping (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-month-after-scroll-horizontal-grouping (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-month-after-scroll-horizontal-grouping-scaling (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-month-after-scroll-horizontal-grouping-scaling (fluent.blue.light).png
index 87614574b909..6897dd22ef4f 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-month-after-scroll-horizontal-grouping-scaling (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-month-after-scroll-horizontal-grouping-scaling (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-month-before-scroll-grouping-by-date (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-month-before-scroll-grouping-by-date (fluent.blue.light).png
index 8aa07a81d410..cdacb2beb910 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-month-before-scroll-grouping-by-date (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-month-before-scroll-grouping-by-date (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-month-before-scroll-horizontal-grouping (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-month-before-scroll-horizontal-grouping (fluent.blue.light).png
index d1bb595e4e44..f92b54a2732c 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-month-before-scroll-horizontal-grouping (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-month-before-scroll-horizontal-grouping (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-month-before-scroll-horizontal-grouping-scaling (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-month-before-scroll-horizontal-grouping-scaling (fluent.blue.light).png
index fa7cb7fd628f..e1497485c14a 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-month-before-scroll-horizontal-grouping-scaling (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/common/virtualScrolling/etalons/virtual-scrolling-month-before-scroll-horizontal-grouping-scaling (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_drag-n-drop_all-day-appts_month_offset--735 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_drag-n-drop_all-day-appts_month_offset--735 (fluent.blue.light).png
index b31f419648fa..5ede94e6807f 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_drag-n-drop_all-day-appts_month_offset--735 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_drag-n-drop_all-day-appts_month_offset--735 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_drag-n-drop_all-day-appts_month_offset-0 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_drag-n-drop_all-day-appts_month_offset-0 (fluent.blue.light).png
index 1067b5ff5320..27b59e93f2b6 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_drag-n-drop_all-day-appts_month_offset-0 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_drag-n-drop_all-day-appts_month_offset-0 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_drag-n-drop_all-day-appts_month_offset-735 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_drag-n-drop_all-day-appts_month_offset-735 (fluent.blue.light).png
index f22fbc9ca7d4..682ace11ebaf 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_drag-n-drop_all-day-appts_month_offset-735 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_drag-n-drop_all-day-appts_month_offset-735 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_drag-n-drop_usual-appts_month_offset--735 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_drag-n-drop_usual-appts_month_offset--735 (fluent.blue.light).png
index b31f419648fa..5ede94e6807f 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_drag-n-drop_usual-appts_month_offset--735 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_drag-n-drop_usual-appts_month_offset--735 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_drag-n-drop_usual-appts_month_offset-0 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_drag-n-drop_usual-appts_month_offset-0 (fluent.blue.light).png
index 1067b5ff5320..27b59e93f2b6 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_drag-n-drop_usual-appts_month_offset-0 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_drag-n-drop_usual-appts_month_offset-0 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_drag-n-drop_usual-appts_month_offset-735 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_drag-n-drop_usual-appts_month_offset-735 (fluent.blue.light).png
index f22fbc9ca7d4..682ace11ebaf 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_drag-n-drop_usual-appts_month_offset-735 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_drag-n-drop_usual-appts_month_offset-735 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_keyboard_month_offset--120 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_keyboard_month_offset--120 (fluent.blue.light).png
index 280d1a9fee40..f8bd36541e20 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_keyboard_month_offset--120 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_keyboard_month_offset--120 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_keyboard_month_offset-0 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_keyboard_month_offset-0 (fluent.blue.light).png
index 280d1a9fee40..f8bd36541e20 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_keyboard_month_offset-0 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_keyboard_month_offset-0 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_keyboard_month_offset-120 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_keyboard_month_offset-120 (fluent.blue.light).png
index 280d1a9fee40..f8bd36541e20 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_keyboard_month_offset-120 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_keyboard_month_offset-120 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset--120_decrease (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset--120_decrease (fluent.blue.light).png
index 5a6fa916d6ab..e38c5bda43b8 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset--120_decrease (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset--120_decrease (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset--120_decrease_rtl (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset--120_decrease_rtl (fluent.blue.light).png
index 91079fe5889e..e889db43c360 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset--120_decrease_rtl (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset--120_decrease_rtl (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset--120_increase (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset--120_increase (fluent.blue.light).png
index 5a6fa916d6ab..e38c5bda43b8 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset--120_increase (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset--120_increase (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset--120_increase_rtl (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset--120_increase_rtl (fluent.blue.light).png
index 91079fe5889e..e889db43c360 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset--120_increase_rtl (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset--120_increase_rtl (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset-0_decrease (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset-0_decrease (fluent.blue.light).png
index 5a6fa916d6ab..e38c5bda43b8 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset-0_decrease (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset-0_decrease (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset-0_decrease_rtl (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset-0_decrease_rtl (fluent.blue.light).png
index 91079fe5889e..e889db43c360 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset-0_decrease_rtl (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset-0_decrease_rtl (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset-0_increase (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset-0_increase (fluent.blue.light).png
index 5a6fa916d6ab..e38c5bda43b8 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset-0_increase (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset-0_increase (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset-0_increase_rtl (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset-0_increase_rtl (fluent.blue.light).png
index 91079fe5889e..e889db43c360 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset-0_increase_rtl (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset-0_increase_rtl (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset-120_decrease (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset-120_decrease (fluent.blue.light).png
index 5a6fa916d6ab..e38c5bda43b8 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset-120_decrease (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset-120_decrease (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset-120_decrease_rtl (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset-120_decrease_rtl (fluent.blue.light).png
index 91079fe5889e..e889db43c360 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset-120_decrease_rtl (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset-120_decrease_rtl (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset-120_increase (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset-120_increase (fluent.blue.light).png
index 5a6fa916d6ab..e38c5bda43b8 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset-120_increase (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset-120_increase (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset-120_increase_rtl (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset-120_increase_rtl (fluent.blue.light).png
index 91079fe5889e..e889db43c360 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset-120_increase_rtl (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_multi-cell-select_month_offset-120_increase_rtl (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_end-minus_offset--735 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_end-minus_offset--735 (fluent.blue.light).png
index 0ab4ded3ce7c..ce46ceaccc27 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_end-minus_offset--735 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_end-minus_offset--735 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_end-minus_offset-0 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_end-minus_offset-0 (fluent.blue.light).png
index 65ef7a6d031f..b2a12a8836ab 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_end-minus_offset-0 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_end-minus_offset-0 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_end-minus_offset-735 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_end-minus_offset-735 (fluent.blue.light).png
index 3d0e207c26a6..b71742416bb6 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_end-minus_offset-735 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_end-minus_offset-735 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_end-plus_offset--735 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_end-plus_offset--735 (fluent.blue.light).png
index 032ca37c516a..3adb24bbd5dc 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_end-plus_offset--735 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_end-plus_offset--735 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_end-plus_offset-0 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_end-plus_offset-0 (fluent.blue.light).png
index d10925b7d1c8..0580c5d02ef1 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_end-plus_offset-0 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_end-plus_offset-0 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_end-plus_offset-735 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_end-plus_offset-735 (fluent.blue.light).png
index 81a8f6f1a10b..09738a1f92d5 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_end-plus_offset-735 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_end-plus_offset-735 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_start-minus_offset--735 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_start-minus_offset--735 (fluent.blue.light).png
index 854880ff6003..dbed5f1a7cbe 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_start-minus_offset--735 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_start-minus_offset--735 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_start-minus_offset-0 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_start-minus_offset-0 (fluent.blue.light).png
index 04451c7cef8d..416e4b74293c 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_start-minus_offset-0 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_start-minus_offset-0 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_start-minus_offset-735 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_start-minus_offset-735 (fluent.blue.light).png
index 0ab4ded3ce7c..ce46ceaccc27 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_start-minus_offset-735 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_start-minus_offset-735 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_start-plus_offset--735 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_start-plus_offset--735 (fluent.blue.light).png
index 032ca37c516a..3adb24bbd5dc 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_start-plus_offset--735 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_start-plus_offset--735 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_start-plus_offset-0 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_start-plus_offset-0 (fluent.blue.light).png
index d10925b7d1c8..0580c5d02ef1 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_start-plus_offset-0 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_start-plus_offset-0 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_start-plus_offset-735 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_start-plus_offset-735 (fluent.blue.light).png
index 81a8f6f1a10b..09738a1f92d5 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_start-plus_offset-735 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/common/etalons/offset_resize-appts_month_start-plus_offset-735 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_ordering-appts_month_offset--735_start-9_end-17 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_ordering-appts_month_offset--735_start-9_end-17 (fluent.blue.light).png
index 10bd85152ee8..f5e567f1884b 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_ordering-appts_month_offset--735_start-9_end-17 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_ordering-appts_month_offset--735_start-9_end-17 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_ordering-appts_month_offset-735_start-9_end-17 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_ordering-appts_month_offset-735_start-9_end-17 (fluent.blue.light).png
index 2d323d87884c..e4bb5aa6ed2d 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_ordering-appts_month_offset-735_start-9_end-17 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_ordering-appts_month_offset-735_start-9_end-17 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_recurrent-appts_month_offset--735_start-9_end-17_first-day-0 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_recurrent-appts_month_offset--735_start-9_end-17_first-day-0 (fluent.blue.light).png
index be9bccf9114d..4adde646341f 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_recurrent-appts_month_offset--735_start-9_end-17_first-day-0 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_recurrent-appts_month_offset--735_start-9_end-17_first-day-0 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_recurrent-appts_month_offset-735_start-9_end-17_first-day-0 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_recurrent-appts_month_offset-735_start-9_end-17_first-day-0 (fluent.blue.light).png
index 0cd5352808cd..c3a65a2062d9 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_recurrent-appts_month_offset-735_start-9_end-17_first-day-0 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_recurrent-appts_month_offset-735_start-9_end-17_first-day-0 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_usual-appts_month_offset--1440_start-0_end-24_first-day-0 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_usual-appts_month_offset--1440_start-0_end-24_first-day-0 (fluent.blue.light).png
index 1a1b4689095d..3fbd98488d8d 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_usual-appts_month_offset--1440_start-0_end-24_first-day-0 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_usual-appts_month_offset--1440_start-0_end-24_first-day-0 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_usual-appts_month_offset--1440_start-9_end-17_first-day-0 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_usual-appts_month_offset--1440_start-9_end-17_first-day-0 (fluent.blue.light).png
index ae3aa9626af1..18228dd3ec77 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_usual-appts_month_offset--1440_start-9_end-17_first-day-0 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_usual-appts_month_offset--1440_start-9_end-17_first-day-0 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_usual-appts_month_offset--735_start-0_end-24_first-day-0 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_usual-appts_month_offset--735_start-0_end-24_first-day-0 (fluent.blue.light).png
index e57f4b241332..db0cd69b60a0 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_usual-appts_month_offset--735_start-0_end-24_first-day-0 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_usual-appts_month_offset--735_start-0_end-24_first-day-0 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_usual-appts_month_offset-0_start-0_end-24_first-day-0 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_usual-appts_month_offset-0_start-0_end-24_first-day-0 (fluent.blue.light).png
index e57f4b241332..db0cd69b60a0 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_usual-appts_month_offset-0_start-0_end-24_first-day-0 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_usual-appts_month_offset-0_start-0_end-24_first-day-0 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_usual-appts_month_offset-0_start-9_end-17_first-day-0 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_usual-appts_month_offset-0_start-9_end-17_first-day-0 (fluent.blue.light).png
index 62214702116f..0580eb2b2c99 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_usual-appts_month_offset-0_start-9_end-17_first-day-0 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_usual-appts_month_offset-0_start-9_end-17_first-day-0 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_usual-appts_month_offset-1440_start-0_end-24_first-day-0 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_usual-appts_month_offset-1440_start-0_end-24_first-day-0 (fluent.blue.light).png
index e57f4b241332..db0cd69b60a0 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_usual-appts_month_offset-1440_start-0_end-24_first-day-0 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_usual-appts_month_offset-1440_start-0_end-24_first-day-0 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_usual-appts_month_offset-1440_start-9_end-17_first-day-0 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_usual-appts_month_offset-1440_start-9_end-17_first-day-0 (fluent.blue.light).png
index 367089b41303..d1a79a49a758 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_usual-appts_month_offset-1440_start-9_end-17_first-day-0 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_usual-appts_month_offset-1440_start-9_end-17_first-day-0 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_usual-appts_month_offset-735_start-0_end-24_first-day-0 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_usual-appts_month_offset-735_start-0_end-24_first-day-0 (fluent.blue.light).png
index e57f4b241332..db0cd69b60a0 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_usual-appts_month_offset-735_start-0_end-24_first-day-0 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_usual-appts_month_offset-735_start-0_end-24_first-day-0 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_virtual-scrolling_month_offset--1440_start-0_end-24 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_virtual-scrolling_month_offset--1440_start-0_end-24 (fluent.blue.light).png
index 9de6c8d8033c..104436cfa33e 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_virtual-scrolling_month_offset--1440_start-0_end-24 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_virtual-scrolling_month_offset--1440_start-0_end-24 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_virtual-scrolling_month_offset--1440_start-9_end-17 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_virtual-scrolling_month_offset--1440_start-9_end-17 (fluent.blue.light).png
index 8fc5c4dd23f6..562a5fed521d 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_virtual-scrolling_month_offset--1440_start-9_end-17 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_virtual-scrolling_month_offset--1440_start-9_end-17 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_virtual-scrolling_month_offset--735_start-0_end-24 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_virtual-scrolling_month_offset--735_start-0_end-24 (fluent.blue.light).png
index 250602e44ae8..0c7d4999a323 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_virtual-scrolling_month_offset--735_start-0_end-24 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_virtual-scrolling_month_offset--735_start-0_end-24 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_virtual-scrolling_month_offset--735_start-9_end-17 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_virtual-scrolling_month_offset--735_start-9_end-17 (fluent.blue.light).png
index 3f0f29f801b7..15d14829b8b2 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_virtual-scrolling_month_offset--735_start-9_end-17 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_virtual-scrolling_month_offset--735_start-9_end-17 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_virtual-scrolling_month_offset-0_start-0_end-24 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_virtual-scrolling_month_offset-0_start-0_end-24 (fluent.blue.light).png
index 259d8d0c822c..fd387ee75bce 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_virtual-scrolling_month_offset-0_start-0_end-24 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_virtual-scrolling_month_offset-0_start-0_end-24 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_virtual-scrolling_month_offset-0_start-9_end-17 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_virtual-scrolling_month_offset-0_start-9_end-17 (fluent.blue.light).png
index bfa032a955dd..7c623d9410c2 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_virtual-scrolling_month_offset-0_start-9_end-17 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_virtual-scrolling_month_offset-0_start-9_end-17 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_virtual-scrolling_month_offset-1440_start-0_end-24 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_virtual-scrolling_month_offset-1440_start-0_end-24 (fluent.blue.light).png
index d2e0168a56d2..80f4f492bfea 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_virtual-scrolling_month_offset-1440_start-0_end-24 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_virtual-scrolling_month_offset-1440_start-0_end-24 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_virtual-scrolling_month_offset-1440_start-9_end-17 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_virtual-scrolling_month_offset-1440_start-9_end-17 (fluent.blue.light).png
index 3c1a2e02a7d0..c8c379b1494d 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_virtual-scrolling_month_offset-1440_start-9_end-17 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_virtual-scrolling_month_offset-1440_start-9_end-17 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_virtual-scrolling_month_offset-735_start-0_end-24 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_virtual-scrolling_month_offset-735_start-0_end-24 (fluent.blue.light).png
index d4f720995359..75b57c6ed593 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_virtual-scrolling_month_offset-735_start-0_end-24 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_virtual-scrolling_month_offset-735_start-0_end-24 (fluent.blue.light).png differ
diff --git a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_virtual-scrolling_month_offset-735_start-9_end-17 (fluent.blue.light).png b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_virtual-scrolling_month_offset-735_start-9_end-17 (fluent.blue.light).png
index 8a318c67faa4..137945ce9757 100644
Binary files a/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_virtual-scrolling_month_offset-735_start-9_end-17 (fluent.blue.light).png and b/e2e/testcafe-devextreme/tests/scheduler/viewOffset/markup/etalons/view_markup_virtual-scrolling_month_offset-735_start-9_end-17 (fluent.blue.light).png differ
diff --git a/packages/devextreme-scss/scss/widgets/fluent/cardView/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/cardView/_colors.scss
index d3811b906fec..f2343e379b7c 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/cardView/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/cardView/_colors.scss
@@ -573,7 +573,7 @@ $cardview-fluent-columnchooser--empty__message-color: null !default;
 
   // Search highlight
   $cardview-fluent-card__content__field-value--highlighted-bg-color: $base-warning !default;
-  $cardview-fluent-card__content__field-value--highlighted-text-color: $cardview-fluent-common-text-color !default;
+  $cardview-fluent-card__content__field-value--highlighted-text-color: $base-inverted-text-color !default;
   $cardview-fluent-card__content__field-value--highlighted-box-shadow-color: rgba(0, 0, 0, 0.25) !default;
 
   // Column chooser
diff --git a/packages/devextreme-scss/scss/widgets/fluent/gantt/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/gantt/_colors.scss
index 9872e017ef59..29bb541e04eb 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/gantt/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/gantt/_colors.scss
@@ -8,16 +8,23 @@
 $gantt-collapsable-row-bg: null !default;
 $gantt-icon-color: $datagrid-columnchooser-item-color !default;
 $gantt-parent-task-background-color: null !default;
+$gantt-task-color: $base-inverted-text-color !default;
+$gantt-task-background-color: null !default;
+$gantt-task-progress-background-color: null !default;
 
 @if $color == "blue" {
-  $gantt-parent-task-background-color: #8bc34a !default;
+  $gantt-parent-task-background-color: $base-success !default;
 }
 
 @if $mode == "light" {
   $gantt-collapsable-row-bg: color.adjust($base-bg, $lightness: -5%, $space: hsl) !default;
+  $gantt-task-background-color: color.adjust($base-bg, $lightness: -60%) !default;
+  $gantt-task-progress-background-color: rgba(0, 0, 0, 0.2) !default;
 }
 
 @if $mode == "dark" {
   $gantt-collapsable-row-bg: color.adjust($base-bg, $lightness: 5%, $space: hsl) !default;
+  $gantt-task-background-color: color.adjust($base-bg, $lightness: 60%) !default;
+  $gantt-task-progress-background-color: rgba(255, 255, 255, 0.2) !default;
 }
 
diff --git a/packages/devextreme-scss/scss/widgets/fluent/gantt/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/gantt/_index.scss
index 2971e05550a3..ac30f01d6f17 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/gantt/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/gantt/_index.scss
@@ -90,7 +90,7 @@ $gantt-successor-background-color: white;
 
       .dx-gantt-tPrg {
         border-radius: $base-border-radius;
-        background-color: rgba(0, 0, 0, 0.2);
+        background-color: $gantt-task-progress-background-color;
       }
 
       &.dx-gantt-smallTask {
@@ -112,7 +112,7 @@ $gantt-successor-background-color: white;
         border-bottom-left-radius: 0;
 
         &:not(.dx-gantt-noPrg) .dx-gantt-tPrg {
-          background-color: rgba(255, 255, 255, 0.2);
+          background-color: $gantt-task-progress-background-color;
         }
 
         &:not(.dx-gantt-smallTask)::before,
@@ -134,8 +134,8 @@ $gantt-successor-background-color: white;
         }
 
         &:not(.dx-gantt-noPrg) .dx-gantt-tPrg::before {
-          border-left-color: rgba(255, 255, 255, 0.2);
-          border-top-color: rgba(255, 255, 255, 0.2);
+          border-left-color: $gantt-task-progress-background-color;
+          border-top-color: $gantt-task-progress-background-color;
         }
 
         &::after,
@@ -146,8 +146,8 @@ $gantt-successor-background-color: white;
         }
 
         &.dx-gantt-cmpl::after {
-          border-right-color: rgba(255, 255, 255, 0.2);
-          border-top-color: rgba(255, 255, 255, 0.2);
+          border-right-color: $gantt-task-progress-background-color;
+          border-top-color: $gantt-task-progress-background-color;
         }
 
         &.dx-gantt-cmpl .dx-gantt-tPrg::after {
@@ -162,7 +162,7 @@ $gantt-successor-background-color: white;
     }
 
     .dx-gantt-titleIn {
-      color: #fff;
+      color: $gantt-task-color;
       padding: 0 $gantt-task-title-padding-left;
     }
   }
@@ -170,8 +170,8 @@ $gantt-successor-background-color: white;
   .dx-gantt-taskRes {
     height: $gantt-task-height;
     line-height: $gantt-task-height;
-    color: #fff;
-    background-color: #999;
+    color: $gantt-task-color;
+    background-color: $gantt-task-background-color;
     border-radius: $base-border-radius;
     margin-left: 21px;
     padding-left: 4px;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/gridBase/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/gridBase/_colors.scss
index e3379b7131ea..8bfd2c0d5e02 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/gridBase/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/gridBase/_colors.scss
@@ -117,13 +117,13 @@ $datagrid-search-bg: $base-accent !default;
 * $name 115. Error row text color
 * $type color
 */
-$datagrid-row-error-color: null !default;
+$datagrid-row-error-color: $base-inverted-text-color !default;
 
 /**
 * $name 120. Error row background color
 * $type color
 */
-$datagrid-row-error-bg: color.mix($base-invalid-color, $datagrid-base-background-color, 60%) !default;
+$datagrid-row-error-bg: $base-invalid-color !default;
 $datagrid-link-color: $base-link-color !default;
 
 /**
@@ -182,7 +182,6 @@ $datagrid-icon-link-disabled-opacity: $button-disabled-icon-opacity;
   $datagrid-drag-header-second-shadow-color: color.change($base-shadow-color, $alpha: 0.2) !default;
   $header-filter-color: $datagrid-columnchooser-item-color !default;
   $header-filter-color-empty: color.change($header-filter-color, $alpha: 0.72) !default;
-  $datagrid-row-error-color: $base-inverted-text-color !default;
   $datagrid-columnchooser-item-bg: $datagrid-columnchooser-bg !default;
   $datagrid-row-alternation-bg: color.adjust($datagrid-base-background-color, $lightness: -4%, $space: hsl) !default;
   $datagrid-text-stub-background-image-path: data-uri('images/widgets/fluent/color-schemes/light/grid/text-stub.png') !default;
@@ -200,7 +199,6 @@ $datagrid-icon-link-disabled-opacity: $button-disabled-icon-opacity;
   $datagrid-drag-header-second-shadow-color: color.change($base-shadow-color, $alpha: 0.4) !default;
   $header-filter-color: $datagrid-columnchooser-item-color !default;
   $header-filter-color-empty: color.change($header-filter-color, $alpha: 0.38) !default;
-  $datagrid-row-error-color: rgba(255, 255, 255, 1) !default;
   $datagrid-columnchooser-item-bg: color.adjust($datagrid-columnchooser-bg, $lightness: 3%, $space: hsl) !default;
   $datagrid-row-alternation-bg: color.adjust($datagrid-base-background-color, $lightness: 4%, $space: hsl) !default;
   $datagrid-text-stub-background-image-path: data-uri('images/widgets/fluent/color-schemes/dark/grid/text-stub.png') !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/pivotGrid/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/pivotGrid/_colors.scss
index ff166d8db034..0f07777dabf6 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/pivotGrid/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/pivotGrid/_colors.scss
@@ -33,7 +33,7 @@ $pivotgrid-grandtotalcolor: null !default;
 * $name 40. Field area text color
 * $type color
 */
-$pivotgrid-field-area-text-color: color.change(color.adjust($pivotgrid-area-color, $lightness: -26.2%, $space: hsl), $alpha: 0.3) !default;
+$pivotgrid-field-area-text-color: $base-label-color !default;
 $pivotgrid-accent-color: $base-accent !default;
 $pivotgrid-drag-header-border-color: color.change($pivotgrid-accent-color, $alpha: 0.5) !default;
 $pivotgrid-drag-header-first-shadow-color: color.change($base-shadow-color, $alpha: 0.1) !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/scheduler/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/scheduler/_colors.scss
index d582b27f392a..96b0642dcdb4 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/scheduler/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/scheduler/_colors.scss
@@ -53,7 +53,7 @@ $scheduler-workspace-focused-cell-color: null !default;
 */
 $scheduler-first-month-border-color: $base-border-color !default;
 $scheduler-droppable-cell-background-color: color.adjust($base-element-bg, $lightness: -5%, $space: hsl) !default;
-$scheduler-panel-text-color: color.change($base-text-color, $alpha: 0.54) !default;
+$scheduler-panel-text-color: $base-label-color !default;
 $scheduler-workspace-background-color: $base-bg !default;
 $scheduler-workspace-accent-color: $base-accent !default;
 
@@ -66,13 +66,14 @@ $scheduler-time-indicator-color: #eb5757 !default;
 $scheduler-dd-appointment-hover-text-color: $base-inverted-text-color !default;
 $scheduler-form-icon-color: $base-icon-color !default;
 $scheduler-popup-title-bg: $scheduler-workspace-background-color !default;
-$scheduler-workspace-month-text-color: color.change($base-text-color, $alpha: 0.54) !default;
+$scheduler-workspace-month-text-color: $base-text-color !default;
+$scheduler-workspace-other-month-text-color: $base-label-color !default;
 $scheduler-dropdown-appointment-date-color: color.change($base-text-color, $alpha: 0.54) !default;
 $scheduler-workspace-active-cell-color: $scheduler-accent-border-color !default;
 $scheduler-workspace-hovered-cell-color: $scheduler-workspace-month-text-color !default;
 $scheduler-header-bg: $base-bg !default;
 $scheduler-alldaypanel-bg: $base-element-bg !default;
-$scheduler-other-month-cell-opacity: 0.5 !default;
+$scheduler-other-month-cell-opacity: 1 !default;
 $scheduler-fill-focused-appointment: false !default;
 $scheduler-is-shadow-color-for-focused-state: false !default;
 $scheduler-time-indicator-background-color: rgba(0, 0, 0, 0.03) !default;
@@ -89,9 +90,7 @@ $agenda-appointment-text-color: $base-text-color !default;
 $header-panel-cell-date: null !default;
 
 @if $mode == "light" {
-  $scheduler-workspace-month-text-color: #707070;
   $scheduler-appointment-text-color: #000 !default;
-  $scheduler-panel-text-color: #707070;
   $header-panel-cell-date: #424242;
 
   @if $color == "blue"{
@@ -110,10 +109,8 @@ $header-panel-cell-date: null !default;
 }
 
 @if $mode == "dark" {
-  $scheduler-workspace-month-text-color: #999;
   $scheduler-appointment-base-color: color.adjust($base-accent, $lightness: -48%, $space: hsl) !default;
   $scheduler-appointment-text-color: #fff !default;
-  $scheduler-panel-text-color: #999;
   $header-panel-cell-date: #adadad;
   $scheduler-cell-hover-bg: $base-hover-bg !default;
 
diff --git a/packages/devextreme-scss/scss/widgets/fluent/scheduler/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/scheduler/_index.scss
index e1f8f81ed3e1..78d3cee8c9c2 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/scheduler/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/scheduler/_index.scss
@@ -421,6 +421,10 @@ $fluent-scheduler-agenda-time-panel-cell-padding: 8px;
 }
 
 .dx-scheduler-work-space.dx-scheduler-work-space-month {
+  .dx-scheduler-date-table-other-month {
+    color: $scheduler-workspace-other-month-text-color;
+  }
+
   .dx-scheduler-header-panel-cell-date:last-child {
     color: $header-panel-cell-date;
     border-radius: initial;
diff --git a/packages/devextreme-scss/scss/widgets/material/_colors.scss b/packages/devextreme-scss/scss/widgets/material/_colors.scss
index d6f74d3f8731..84923bbaedf0 100644
--- a/packages/devextreme-scss/scss/widgets/material/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/_colors.scss
@@ -62,19 +62,19 @@ $base-shadow-color: null !default;
 * $name 50. Success color
 * $type color
 */
-$base-success: #8bc34a !default;
+$base-success: null !default;
 
 /**
 * $name 60. Warning color
 * $type color
 */
-$base-warning: #ffc107 !default;
+$base-warning: null !default;
 
 /**
 * $name 70. Danger color
 * $type color
 */
-$base-danger: #f44336 !default;
+$base-danger: null !default;
 
 /**
 * $name 80. Hover state text color
@@ -104,60 +104,70 @@ $base-inverted-icon-color: null !default;
 $base-disabled-opacity: 0.38 !default;
 $base-disabled-color: null !default;
 $base-dropdown-shadow-color: null !default;
-$base-invalid-color: $base-danger !default;
-$base-invalid-faded-border-color: color.change($base-invalid-color, $alpha: 0.4) !default;
 $scrollview-pulldown-path: null !default;
 
 
 @if $color == "blue" {
   $material-color-accent-modificator: "blue" !default;
-  $base-accent: #03a9f4 !default;
 }
 
 @if $color == "lime" {
   $material-color-accent-modificator: "lime" !default;
   $base-accent: #cddc39 !default;
+  $base-success: #8bc34a  !default;
+  $base-warning: #ffc107 !default;
+  $base-danger: #f44336 !default;
 }
 
 @if $color == "orange" {
   $material-color-accent-modificator: "orange" !default;
   $base-accent: #ff5722 !default;
-  $base-danger: #e91e63 !default;
+  $base-success: #8bc34a  !default;
+  $base-warning: #ffc107 !default;
+  $base-danger: #f44336 !default;
 }
 
 @if $color == "purple" {
   $material-color-accent-modificator: "purple" !default;
   $base-accent: #9c27b0 !default;
+  $base-success: #8bc34a  !default;
+  $base-warning: #ffc107 !default;
+  $base-danger: #f44336 !default;
 }
 
 @if $color == "teal" {
   $material-color-accent-modificator: "teal" !default;
   $base-accent: #009688 !default;
+  $base-success: #8bc34a  !default;
+  $base-warning: #ffc107 !default;
+  $base-danger: #f44336 !default;
 }
 
-/**
-* $name 30. Link color
-* $type color
-*/
-$base-link-color: $base-accent !default;
-
 @if $mode == "light" {
   $material-color-theme-modificator: "light" !default;
+
+  @if $color == "blue" {
+    $base-accent: #1564C0 !default;
+    $base-success: #2E7D32 !default;
+    $base-warning: #DD2C00 !default;
+    $base-danger: #C62828 !default;
+  }
+
   $base-text-color: rgba(0, 0, 0, 0.87) !default;
   $base-label-color: rgba(0, 0, 0, 0.6) !default;
   $base-disabled-color: rgba(0, 0, 0, $base-disabled-opacity) !default;
-  $base-icon-color: color.change($base-text-color, $alpha: 0.54) !default;
-  $base-spin-icon-color: color.change($base-text-color, $alpha: 0.54) !default;
+  $base-icon-color: color.change($base-text-color, $alpha: 0.6) !default;
+  $base-spin-icon-color: color.change($base-text-color, $alpha: 0.6) !default;
   $base-bg: #fff !default;
   $base-border-color: #e0e0e0 !default;
   $base-inverted-bg: color.adjust($base-bg, $lightness: -100%, $space: hsl) !default;
   $base-element-bg: $base-bg !default;
   $base-shadow-color: $base-inverted-bg !default;
   $base-hover-color: $base-text-color !default;
-  $base-hover-bg: color.change(#000, $alpha: 0.04) !default;
+  $base-hover-bg: color.change(#fff, $alpha: 0.08) !default;
   $base-inverted-text-color: #fff !default;
   $base-focus-color: $base-inverted-text-color !default;
-  $base-focus-bg: color.change(#000, $alpha: 0.04) !default;
+  $base-focus-bg: color.change(#fff, $alpha: 0.08) !default;
   $base-inverted-icon-color: $base-inverted-text-color !default;
   $base-dropdown-shadow-color: color.change($base-shadow-color, $alpha: 0.2) !default;
 
@@ -165,13 +175,20 @@ $base-link-color: $base-accent !default;
 }
 
 @if $mode == "dark" {
+  @if $color == "blue" {
+    $base-accent: #90CAF9 !default;
+    $base-success: #A5D6A7 !default;
+    $base-warning: #FFAB91 !default;
+    $base-danger: #EF9A9A !default;
+  }
+
   $material-color-theme-modificator: "dark" !default;
   $base-text-color: #fff !default;
   $base-label-color: rgba(255, 255, 255, 0.6) !default;
   $base-disabled-color: rgba(255, 255, 255, $base-disabled-opacity) !default;
-  $base-icon-color: color.change($base-text-color, $alpha: 0.54) !default;
-  $base-spin-icon-color: color.change($base-text-color, $alpha: 0.54) !default;
-  $base-bg: #363640 !default;
+  $base-icon-color: color.change($base-text-color, $alpha: 0.6) !default;
+  $base-spin-icon-color: color.change($base-text-color, $alpha: 0.6) !default;
+  $base-bg: #292929 !default;
   $base-border-color: #515159 !default;
   $base-inverted-bg: color.adjust($base-bg, $lightness: 100%, $space: hsl) !default;
   $base-element-bg: $base-bg !default;
@@ -187,6 +204,15 @@ $base-link-color: $base-accent !default;
   $scrollview-pulldown-path: data-uri('images/widgets/material/color-schemes/dark/pulldown.png') !default;
 }
 
+/**
+* $name 30. Link color
+* $type color
+*/
+$base-link-color: $base-accent !default;
+
+$base-invalid-color: $base-danger !default;
+$base-invalid-faded-border-color: color.change($base-invalid-color, $alpha: 0.4) !default;
+
 $typography-bg: $base-bg !default;
 $typography-color: $base-text-color !default;
 $typography-link-color: $base-link-color !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/button/_colors.scss b/packages/devextreme-scss/scss/widgets/material/button/_colors.scss
index e4648cc856e8..16dbe6f244e9 100644
--- a/packages/devextreme-scss/scss/widgets/material/button/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/button/_colors.scss
@@ -6,6 +6,7 @@
 
 $button-border-radius: $base-border-radius !default;
 $button-disabled-background: null !default;
+$button-disabled-text-color: null !default;
 $button-disabled-icon-opacity: 0.6 !default;
 $button-shadow-color: null !default;
 
@@ -98,9 +99,9 @@ $button-default-selected-bg: null !default;
 $button-default-icon-color: $button-default-color !default;
 $button-default-outlined-bg: transparent !default;
 $button-default-outlined-hover-bg: color.change($button-default-bg, $alpha: 0.08) !default;
-$button-default-outlined-focused-bg: color.change($button-default-bg, $alpha: 0.08) !default;
-$button-default-outlined-active-bg: color.change($button-default-bg, $alpha: 0.36) !default;
-$button-default-outlined-selected-bg: color.change($button-default-bg, $alpha: 0.36) !default;
+$button-default-outlined-focused-bg: color.change($button-default-bg, $alpha: 0.16) !default;
+$button-default-outlined-active-bg: color.change($button-default-bg, $alpha: 0.18) !default;
+$button-default-outlined-selected-bg: color.change($button-default-bg, $alpha: 0.12) !default;
 
 /**
 * $name 11. Text color (outlined)
@@ -116,9 +117,9 @@ $button-default-outlined-border-color: $button-default-bg !default;
 $button-default-outlined-selected-color: $button-default-bg !default;
 $button-default-text-bg: transparent !default;
 $button-default-text-hover-bg: color.change($button-default-bg, $alpha: 0.08) !default;
-$button-default-text-focused-bg: color.change($button-default-bg, $alpha: 0.08) !default;
-$button-default-text-active-bg: color.change($button-default-bg, $alpha: 0.36) !default;
-$button-default-text-selected-bg: color.change($button-default-bg, $alpha: 0.36) !default;
+$button-default-text-focused-bg: color.change($button-default-bg, $alpha: 0.16) !default;
+$button-default-text-active-bg: color.change($button-default-bg, $alpha: 0.18) !default;
+$button-default-text-selected-bg: color.change($button-default-bg, $alpha: 0.12) !default;
 
 /**
 * $name 11. Text color (text)
@@ -176,16 +177,16 @@ $button-danger-selected-bg: null !default;
 $button-danger-icon-color: $button-danger-color !default;
 $button-danger-outlined-bg: transparent !default;
 $button-danger-outlined-hover-bg: color.change($button-danger-bg, $alpha: 0.08) !default;
-$button-danger-outlined-focused-bg: color.change($button-danger-bg, $alpha: 0.08) !default;
-$button-danger-outlined-active-bg: color.change($button-danger-bg, $alpha: 0.36) !default;
-$button-danger-outlined-selected-bg: color.change($button-danger-bg, $alpha: 0.36) !default;
+$button-danger-outlined-focused-bg: color.change($button-danger-bg, $alpha: 0.16) !default;
+$button-danger-outlined-active-bg: color.change($button-danger-bg, $alpha: 0.18) !default;
+$button-danger-outlined-selected-bg: color.change($button-danger-bg, $alpha: 0.12) !default;
 $button-danger-outlined-selected-color: $button-danger-bg !default;
 
 $button-danger-text-bg: transparent !default;
 $button-danger-text-hover-bg: color.change($button-danger-bg, $alpha: 0.08) !default;
-$button-danger-text-focused-bg: color.change($button-danger-bg, $alpha: 0.08) !default;
-$button-danger-text-active-bg: color.change($button-danger-bg, $alpha: 0.36) !default;
-$button-danger-text-selected-bg: color.change($button-danger-bg, $alpha: 0.36) !default;
+$button-danger-text-focused-bg: color.change($button-danger-bg, $alpha: 0.16) !default;
+$button-danger-text-active-bg: color.change($button-danger-bg, $alpha: 0.18) !default;
+$button-danger-text-selected-bg: color.change($button-danger-bg, $alpha: 0.12) !default;
 $button-danger-text-selected-color: $button-danger-bg !default;
 
 /**
@@ -232,63 +233,64 @@ $button-success-selected-bg: null !default;
 $button-success-icon-color: $button-success-color !default;
 $button-success-outlined-bg: transparent !default;
 $button-success-outlined-hover-bg: color.change($button-success-bg, $alpha: 0.08) !default;
-$button-success-outlined-focused-bg: color.change($button-success-bg, $alpha: 0.08) !default;
-$button-success-outlined-active-bg: color.change($button-success-bg, $alpha: 0.36) !default;
-$button-success-outlined-selected-bg: color.change($button-success-bg, $alpha: 0.36) !default;
+$button-success-outlined-focused-bg: color.change($button-success-bg, $alpha: 0.16) !default;
+$button-success-outlined-active-bg: color.change($button-success-bg, $alpha: 0.18) !default;
+$button-success-outlined-selected-bg: color.change($button-success-bg, $alpha: 0.12) !default;
 $button-success-outlined-selected-color: $button-success-bg !default;
 
 $button-success-text-bg: transparent !default;
 $button-success-text-hover-bg: color.change($button-success-bg, $alpha: 0.08) !default;
-$button-success-text-focused-bg: color.change($button-success-bg, $alpha: 0.08) !default;
-$button-success-text-active-bg: color.change($button-success-bg, $alpha: 0.36) !default;
-$button-success-text-selected-bg: color.change($button-success-bg, $alpha: 0.36) !default;
+$button-success-text-focused-bg: color.change($button-success-bg, $alpha: 0.16) !default;
+$button-success-text-active-bg: color.change($button-success-bg, $alpha: 0.18) !default;
+$button-success-text-selected-bg: color.change($button-success-bg, $alpha: 0.12) !default;
 $button-success-text-selected-color: $button-success-bg !default;
 
 @if $mode == "light" {
-  $button-disabled-background: rgba(0, 0, 0, 0.1) !default;
+  $button-disabled-background: rgba(0, 0, 0, 0.12) !default;
+  $button-disabled-text-color: rgba(0, 0, 0, 0.38) !default;
   $button-shadow-color: rgba(0, 0, 0, 0.24) !default;
   $button-normal-hover-bg: color.adjust($button-normal-bg, $lightness: -8%, $space: hsl) !default;
   $button-normal-focused-bg: color.adjust($button-normal-bg, $lightness: -8%, $space: hsl) !default;
   $button-normal-active-bg: color.adjust($button-normal-bg, $lightness: -30%, $space: hsl) !default;
   $button-normal-selected-bg: color.adjust($button-normal-bg, $lightness: -18%, $space: hsl) !default;
   $button-normal-bg-inverted: color.adjust($button-normal-bg, $lightness: -100%, $space: hsl) !default;
-  $button-default-hover-bg: color.adjust($button-default-bg, $lightness: -8.5%, $space: hsl) !default;
-  $button-default-focused-bg: color.adjust($button-default-bg, $lightness: -8.5%, $space: hsl) !default;
-  $button-default-active-bg: color.adjust($button-default-bg, $lightness: -19.5%, $space: hsl) !default;
-  $button-default-selected-bg: color.adjust($button-default-bg, $lightness: -19.5%, $space: hsl) !default;
-  $button-danger-hover-bg: color.adjust($button-danger-bg, $lightness: -8.5%, $space: hsl) !default;
-  $button-danger-focused-bg: color.adjust($button-danger-bg, $lightness: -8.5%, $space: hsl) !default;
-  $button-danger-active-bg: color.adjust($button-danger-bg, $lightness: -19.5%, $space: hsl) !default;
-  $button-danger-selected-bg: color.adjust($button-danger-bg, $lightness: -19.5%, $space: hsl) !default;
-  $button-success-hover-bg: color.adjust($button-success-bg, $lightness: -8.5%, $space: hsl) !default;
-  $button-success-focused-bg: color.adjust($button-success-bg, $lightness: -8.5%, $space: hsl) !default;
-  $button-success-active-bg: color.adjust($button-success-bg, $lightness: -19.5%, $space: hsl) !default;
-  $button-success-selected-bg: color.adjust($button-success-bg, $lightness: -19.5%, $space: hsl) !default;
+  $button-default-hover-bg: color.adjust($button-default-bg, $lightness: 4.12%, $space: hsl) !default;
+  $button-default-focused-bg: color.adjust($button-default-bg, $lightness: 12.6%, $space: hsl) !default;
+  $button-default-active-bg: color.adjust($button-default-bg, $lightness: 19.61%, $space: hsl) !default;
+  $button-default-selected-bg: color.adjust($button-default-bg, $lightness: 9.02%, $space: hsl) !default;
+  $button-danger-hover-bg: color.adjust($button-danger-bg, $lightness: 3.92%, $space: hsl) !default;
+  $button-danger-focused-bg: color.adjust($button-danger-bg, $lightness: 11.37%, $space: hsl) !default;
+  $button-danger-active-bg: color.adjust($button-danger-bg, $lightness: 15.88%, $space: hsl) !default;
+  $button-danger-selected-bg: color.adjust($button-danger-bg, $lightness: 8.62%, $space: hsl) !default;
+  $button-success-hover-bg: color.adjust($button-success-bg, $lightness: 4.90%, $space: hsl) !default;
+  $button-success-focused-bg: color.adjust($button-success-bg, $lightness: 14.51%, $space: hsl) !default;
+  $button-success-active-bg: color.adjust($button-success-bg, $lightness: 22.75%, $space: hsl) !default;
+  $button-success-selected-bg: color.adjust($button-success-bg, $lightness: 10.9%, $space: hsl) !default;
 }
 
 @if $mode == "dark" {
-  $button-disabled-background: rgba(255, 255, 255, 0.1) !default;
+  $button-disabled-background: rgba(255, 255, 255, 0.12) !default;
+  $button-disabled-text-color: rgba(255, 255, 255, 0.38) !default;
   $button-shadow-color: rgba(0, 0, 0, 0.4) !default;
   $button-normal-hover-bg: color.adjust($button-normal-bg, $lightness: 8%, $space: hsl) !default;
   $button-normal-focused-bg: color.adjust($button-normal-bg, $lightness: 8%, $space: hsl) !default;
   $button-normal-active-bg: color.adjust($button-normal-bg, $lightness: 30%, $space: hsl) !default;
   $button-normal-selected-bg: color.adjust($button-normal-bg, $lightness: 18%, $space: hsl) !default;
   $button-normal-bg-inverted: color.adjust($button-normal-bg, $lightness: 100%, $space: hsl) !default;
-  $button-default-hover-bg: color.adjust($button-default-bg, $lightness: 8.5%, $space: hsl) !default;
-  $button-default-focused-bg: color.adjust($button-default-bg, $lightness: 8.5%, $space: hsl) !default;
-  $button-default-active-bg: color.adjust($button-default-focused-bg, $lightness: 19.5%, $space: hsl) !default;
-  $button-default-selected-bg: color.adjust($button-default-focused-bg, $lightness: 19.5%, $space: hsl) !default;
-  $button-danger-hover-bg: color.adjust($button-danger-bg, $lightness: 8.5%, $space: hsl) !default;
-  $button-danger-focused-bg: color.adjust($button-danger-bg, $lightness: 8.5%, $space: hsl) !default;
-  $button-danger-active-bg: color.adjust($button-danger-bg, $lightness: 19.5%, $space: hsl) !default;
-  $button-danger-selected-bg: color.adjust($button-danger-bg, $lightness: 19.5%, $space: hsl) !default;
-  $button-success-hover-bg: color.adjust($button-success-bg, $lightness: 8.5%, $space: hsl) !default;
-  $button-success-focused-bg: color.adjust($button-success-bg, $lightness: 8.5%, $space: hsl) !default;
-  $button-success-active-bg: color.adjust($button-success-bg, $lightness: 19.5%, $space: hsl) !default;
-  $button-success-selected-bg: color.adjust($button-success-bg, $lightness: 19.5%, $space: hsl) !default;
+  $button-default-hover-bg: color.adjust($button-default-bg, $lightness: -9.22%, $space: hsl) !default;
+  $button-default-focused-bg: color.adjust($button-default-bg, $lightness: -22.75%, $space: hsl) !default;
+  $button-default-active-bg: color.adjust($button-default-focused-bg, $lightness: -26.28%, $space: hsl) !default;
+  $button-default-selected-bg: color.adjust($button-default-focused-bg, $lightness: -15.69%, $space: hsl) !default;
+  $button-danger-hover-bg: color.adjust($button-danger-bg, $lightness: -9.81%, $space: hsl) !default;
+  $button-danger-focused-bg: color.adjust($button-danger-bg, $lightness: -19.02%, $space: hsl) !default;
+  $button-danger-active-bg: color.adjust($button-danger-bg, $lightness: -21.77%, $space: hsl) !default;
+  $button-danger-selected-bg: color.adjust($button-danger-bg, $lightness: -14.51%, $space: hsl) !default;
+  $button-success-hover-bg: color.adjust($button-success-bg, $lightness: -10.19%, $space: hsl) !default;
+  $button-success-focused-bg: color.adjust($button-success-bg, $lightness: -17.64%, $space: hsl) !default;
+  $button-success-active-bg: color.adjust($button-success-bg, $lightness: -29.60%, $space: hsl) !default;
+  $button-success-selected-bg: color.adjust($button-success-bg, $lightness: -25.88%, $space: hsl) !default;
 }
 
-$button-disabled-text-color: $button-disabled-background !default;
 $button-hover-shadow-color: $button-shadow-color !default;
 $button-focused-shadow-color: color.adjust($button-shadow-color, $alpha: 0.08) !default;
 $button-active-shadow-color: color.adjust($button-shadow-color, $alpha: 0.08) !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/calendar/_colors.scss b/packages/devextreme-scss/scss/widgets/material/calendar/_colors.scss
index 49a488bd7e5d..e3766e88e0f1 100644
--- a/packages/devextreme-scss/scss/widgets/material/calendar/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/calendar/_colors.scss
@@ -23,8 +23,8 @@ $calendar-header-color: $calendar-color !default;
 * $name 40. Other month text color
 * $type color
 */
-$calendar-cell-other-color: color.change($calendar-color, $alpha: 0.38) !default;
-$calendar-cell-other-hover-color: color.change($calendar-color, $alpha: 0.38) !default;
+$calendar-cell-other-color: $base-label-color !default;
+$calendar-cell-other-hover-color: $base-label-color !default;
 $calendar-bg: $base-bg !default;
 $calendar-hover-bg: color.change($base-accent, $alpha: 0.24) !default;
 $calendar-cell-hover-border-color: color.change($base-accent, $alpha: 0.6) !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/cardView/_colors.scss b/packages/devextreme-scss/scss/widgets/material/cardView/_colors.scss
index e5fbc98e7bad..54b196a239a2 100644
--- a/packages/devextreme-scss/scss/widgets/material/cardView/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/cardView/_colors.scss
@@ -382,7 +382,7 @@ $cardview-material-nodata-view__icon-bg-color: null !default;
 * $name 1100. Background color
 * $type color
 */
-$cardview-material-card__content__field-value--highlighted-bg-color: null !default;
+$cardview-material-card__content__field-value--highlighted-bg-color: #FFE082 !default;
 
 /**
 * $name 1102. Text color
@@ -484,8 +484,7 @@ $cardview-material-columnchooser--empty__message-color: null !default;
   $cardview-material-nodata-view__icon-bg-color: color.adjust($base-bg, $lightness: -7.84%, $space: hsl) !default;
 
   // Search highlight
-  $cardview-material-card__content__field-value--highlighted-bg-color: $base-warning !default;
-  $cardview-material-card__content__field-value--highlighted-text-color: $cardview-material-common-text-color !default;
+  $cardview-material-card__content__field-value--highlighted-text-color: rgba(0, 0, 0, 1) !default;
   $cardview-material-card__content__field-value--highlighted-box-shadow-color: rgba(0, 0, 0, 0.25) !default;
 
   // Column chooser
@@ -572,8 +571,7 @@ $cardview-material-columnchooser--empty__message-color: null !default;
   $cardview-material-nodata-view__icon-bg-color: color.adjust($base-bg, $saturation: -0.3%, $space: hsl, $lightness: 8.04%) !default;
 
   // Search highlight
-  $cardview-material-card__content__field-value--highlighted-bg-color: $base-warning !default;
-  $cardview-material-card__content__field-value--highlighted-text-color: $cardview-material-common-text-color !default;
+  $cardview-material-card__content__field-value--highlighted-text-color: $base-inverted-text-color !default;
   $cardview-material-card__content__field-value--highlighted-box-shadow-color: rgba(0, 0, 0, 0.25) !default;
 
   // Column chooser
diff --git a/packages/devextreme-scss/scss/widgets/material/checkBox/_index.scss b/packages/devextreme-scss/scss/widgets/material/checkBox/_index.scss
index d46841298d93..8775c6a8842a 100644
--- a/packages/devextreme-scss/scss/widgets/material/checkBox/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/checkBox/_index.scss
@@ -19,7 +19,15 @@ $material-checkbox-ripple-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
 
   &.dx-state-readonly,
   &.dx-state-disabled {
-    border-color: color.change($checkbox-border-color, $alpha: 0.26);
+    opacity: 1;
+
+    .dx-checkbox-icon {
+      border-color: $base-disabled-color;
+    }
+
+    .dx-checkbox-text {
+      color: $base-disabled-color;
+    }
   }
 
   &.dx-state-focused,
@@ -43,7 +51,7 @@ $material-checkbox-ripple-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
     &.dx-state-readonly,
     &.dx-state-disabled {
       .dx-checkbox-icon {
-        background-color: color.change($checkbox-border-color, $alpha: 0.26);
+        background-color: $base-disabled-color;
       }
     }
   }
diff --git a/packages/devextreme-scss/scss/widgets/material/contextMenu/_index.scss b/packages/devextreme-scss/scss/widgets/material/contextMenu/_index.scss
index d375e0897296..e8328cf3319d 100644
--- a/packages/devextreme-scss/scss/widgets/material/contextMenu/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/contextMenu/_index.scss
@@ -18,7 +18,6 @@
 .dx-context-menu {
   .dx-menu-item {
     font-size: $material-context-menu-font-size;
-    color: $base-text-color;
 
     .dx-menu-item-content {
       display: flex;
diff --git a/packages/devextreme-scss/scss/widgets/material/dropDownButton/_index.scss b/packages/devextreme-scss/scss/widgets/material/dropDownButton/_index.scss
index ba9a6978b4a7..d62e1de1c1ff 100644
--- a/packages/devextreme-scss/scss/widgets/material/dropDownButton/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/dropDownButton/_index.scss
@@ -18,6 +18,12 @@
   $material-dropdownbutton-action-horizontal-padding,
 );
 
+.dx-dropdownbutton {
+  &.dx-state-disabled {
+    opacity: 1;
+  }
+}
+
 .dx-dropdownbutton-popup-wrapper {
   @include dx-dropdownlist-list-appearance();
 }
diff --git a/packages/devextreme-scss/scss/widgets/material/fileUploader/_colors.scss b/packages/devextreme-scss/scss/widgets/material/fileUploader/_colors.scss
index fd0b584243d0..503fe5941d9c 100644
--- a/packages/devextreme-scss/scss/widgets/material/fileUploader/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/fileUploader/_colors.scss
@@ -15,7 +15,7 @@ $fileuploader-file-icon-color: $base-icon-color !default;
 * $name 20. File status text color
 * $type color
 */
-$fileuploader-falename-status-color: color.adjust($fileuploader-filename-color, $lightness: 40%, $space: hsl) !default;
+$fileuploader-falename-status-color: $base-label-color !default;
 
 /**
 * $name 30. Drag-and-drop border color
diff --git a/packages/devextreme-scss/scss/widgets/material/gantt/_colors.scss b/packages/devextreme-scss/scss/widgets/material/gantt/_colors.scss
index c63983f21e0e..f02adc1151eb 100644
--- a/packages/devextreme-scss/scss/widgets/material/gantt/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/gantt/_colors.scss
@@ -8,13 +8,37 @@
 $gantt-collapsable-row-bg: null !default;
 $gantt-icon-color: $datagrid-columnchooser-item-color !default;
 $gantt-parent-task-background-color: null !default;
+$gantt-task-progress-background-color: null !default;
+$gantt-task-color: null !default;
+$gantt-task-background-color: null !default;
 
 @if $color == "lime" {
   $gantt-parent-task-background-color: #f44336 !default;
+  $gantt-task-progress-background-color: rgba(0, 0, 0, 0.2) !default;
+  $gantt-task-color: #fff;
+  $gantt-task-background-color: #999;
 }
 
-@if $color == "blue" or $color == "orange" or $color == "purple" or $color == "teal" {
+@if $color == "blue" {
+  $gantt-parent-task-background-color: $base-success !default;
+  $gantt-task-color: $base-inverted-text-color !default;
+
+  @if $mode == "light" {
+    $gantt-task-progress-background-color: rgba(0, 0, 0, 0.2) !default;
+    $gantt-task-background-color: color.adjust($base-bg, $lightness: -60%, $space: hsl) !default;
+  }
+
+  @if $mode == "dark" {
+    $gantt-task-progress-background-color: rgba(255, 255, 255, 0.32) !default;
+    $gantt-task-background-color: color.adjust($base-bg, $lightness: 60%, $space: hsl) !default;
+  }
+}
+
+@if $color == "orange" or $color == "purple" or $color == "teal" {
   $gantt-parent-task-background-color: #8bc34a !default;
+  $gantt-task-progress-background-color: rgba(0, 0, 0, 0.2) !default;
+  $gantt-task-color: #fff;
+  $gantt-task-background-color: #999;
 }
 
 @if $mode == "light" {
diff --git a/packages/devextreme-scss/scss/widgets/material/gantt/_index.scss b/packages/devextreme-scss/scss/widgets/material/gantt/_index.scss
index 460bec186628..9eae8abe7119 100644
--- a/packages/devextreme-scss/scss/widgets/material/gantt/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/gantt/_index.scss
@@ -90,7 +90,7 @@ $gantt-successor-background-color: white;
 
       .dx-gantt-tPrg {
         border-radius: $base-border-radius;
-        background-color: rgba(0, 0, 0, 0.2);
+        background-color: $gantt-task-progress-background-color;
       }
 
       &.dx-gantt-smallTask {
@@ -112,7 +112,7 @@ $gantt-successor-background-color: white;
         border-bottom-left-radius: 0;
 
         &:not(.dx-gantt-noPrg) .dx-gantt-tPrg {
-          background-color: rgba(255, 255, 255, 0.2);
+          background-color: $gantt-task-progress-background-color;
         }
 
         &:not(.dx-gantt-smallTask)::before,
@@ -134,8 +134,8 @@ $gantt-successor-background-color: white;
         }
 
         &:not(.dx-gantt-noPrg) .dx-gantt-tPrg::before {
-          border-left-color: rgba(255, 255, 255, 0.2);
-          border-top-color: rgba(255, 255, 255, 0.2);
+          border-left-color: $gantt-task-progress-background-color;
+          border-top-color: $gantt-task-progress-background-color;
         }
 
         &::after,
@@ -146,8 +146,8 @@ $gantt-successor-background-color: white;
         }
 
         &.dx-gantt-cmpl::after {
-          border-right-color: rgba(255, 255, 255, 0.2);
-          border-top-color: rgba(255, 255, 255, 0.2);
+          border-right-color: $gantt-task-progress-background-color;
+          border-top-color: $gantt-task-progress-background-color;
         }
 
         &.dx-gantt-cmpl .dx-gantt-tPrg::after {
@@ -162,7 +162,7 @@ $gantt-successor-background-color: white;
     }
 
     .dx-gantt-titleIn {
-      color: #fff;
+      color: $gantt-task-color;
       padding: 0 $gantt-task-title-padding-left;
     }
   }
@@ -170,8 +170,8 @@ $gantt-successor-background-color: white;
   .dx-gantt-taskRes {
     height: $gantt-task-height;
     line-height: $gantt-task-height;
-    color: #fff;
-    background-color: #999;
+    color: $gantt-task-color;
+    background-color: $gantt-task-background-color;
     border-radius: $base-border-radius;
     margin-left: 21px;
     padding-left: 4px;
diff --git a/packages/devextreme-scss/scss/widgets/material/gridBase/_colors.scss b/packages/devextreme-scss/scss/widgets/material/gridBase/_colors.scss
index 270beb644d98..659ee616a5bf 100644
--- a/packages/devextreme-scss/scss/widgets/material/gridBase/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/gridBase/_colors.scss
@@ -125,13 +125,13 @@ $datagrid-search-bg: $base-accent !default;
 * $name 115. Error row text color
 * $type color
 */
-$datagrid-row-error-color: null !default;
+$datagrid-row-error-color: $base-inverted-text-color !default;
 
 /**
 * $name 120. Error row background color
 * $type color
 */
-$datagrid-row-error-bg: color.mix($base-invalid-color, $datagrid-base-background-color, 60%) !default;
+$datagrid-row-error-bg: $base-invalid-color !default;
 $datagrid-link-color: $base-link-color !default;
 
 /**
@@ -180,7 +180,6 @@ $datagrid-icon-link-disabled-opacity: $button-disabled-icon-opacity;
   $datagrid-drag-header-second-shadow-color: color.change($base-shadow-color, $alpha: 0.2) !default;
   $header-filter-color: $datagrid-columnchooser-item-color !default;
   $header-filter-color-empty: color.change($header-filter-color, $alpha: 0.72) !default;
-  $datagrid-row-error-color: $base-inverted-text-color !default;
   $datagrid-columnchooser-item-bg: $datagrid-columnchooser-bg !default;
   $datagrid-row-alternation-bg: color.adjust($datagrid-base-background-color, $lightness: -4%, $space: hsl) !default;
   $datagrid-hover-bg: color.adjust($datagrid-base-background-color, $lightness: -4%, $space: hsl) !default;
@@ -195,7 +194,6 @@ $datagrid-icon-link-disabled-opacity: $button-disabled-icon-opacity;
   $datagrid-drag-header-second-shadow-color: color.change($base-shadow-color, $alpha: 0.4) !default;
   $header-filter-color: $datagrid-columnchooser-item-color !default;
   $header-filter-color-empty: color.change($header-filter-color, $alpha: 0.38) !default;
-  $datagrid-row-error-color: rgba(255, 255, 255, 1) !default;
   $datagrid-columnchooser-item-bg: color.adjust($datagrid-columnchooser-bg, $lightness: 3%, $space: hsl) !default;
   $datagrid-row-alternation-bg: color.adjust($datagrid-base-background-color, $lightness: 4%, $space: hsl) !default;
   $datagrid-hover-bg: color.adjust($datagrid-base-background-color, $lightness: 4%, $space: hsl) !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/list/_index.scss b/packages/devextreme-scss/scss/widgets/material/list/_index.scss
index f8a43b0e9424..85daf28b9327 100644
--- a/packages/devextreme-scss/scss/widgets/material/list/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/list/_index.scss
@@ -320,7 +320,7 @@ $material-list-searchbox-padding-top: $material-list-searchbox-vertical-padding
 
   .dx-list .dx-empty-message { // stylelint-disable-line no-duplicate-selectors
     padding: math.div($material-list-item-vertical-padding, 2) + 1px $item-horizontal-padding math.div($material-list-item-vertical-padding, 2);
-    color: color.change($list-normal-color, $alpha: 0.54);
+    color: color.change($list-normal-color, $alpha: 0.6);
     font-size: 12px;
   }
 
diff --git a/packages/devextreme-scss/scss/widgets/material/loadIndicator/_colors.scss b/packages/devextreme-scss/scss/widgets/material/loadIndicator/_colors.scss
index 38a079202f40..2480de0632b3 100644
--- a/packages/devextreme-scss/scss/widgets/material/loadIndicator/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/loadIndicator/_colors.scss
@@ -15,12 +15,12 @@ $load-indicator-animation-sparkle-bg-color3: null !default;
 
 @if $mode == "light" {
   $load-indicator-animation-sparkle-bg-color1: $base-accent !default;
-  $load-indicator-animation-sparkle-bg-color2: color.adjust($base-accent, $hue: 4deg, $saturation: -6.73%, $space: hsl, $lightness: 25.88%) !default;
-  $load-indicator-animation-sparkle-bg-color3: color.adjust($base-accent, $hue: 4deg, $saturation: -6.87%, $space: hsl, $lightness: 34.71%) !default;
+  $load-indicator-animation-sparkle-bg-color2: color.adjust($base-accent, $hue: 4deg, $saturation: -6.73%, $lightness: 25.88%, $space: hsl,) !default;
+  $load-indicator-animation-sparkle-bg-color3: color.adjust($base-accent, $hue: 4deg, $saturation: -6.87%, $lightness: 34.71%, $space: hsl,) !default;
 }
 
 @else if $mode == "dark" {
   $load-indicator-animation-sparkle-bg-color1: color.adjust($base-accent, $lightness: 19.22%, $space: hsl) !default;
-  $load-indicator-animation-sparkle-bg-color2: color.adjust($base-accent, $hue: 2deg, $saturation: -58.44%, $space: hsl, $lightness: 1.18%) !default;
-  $load-indicator-animation-sparkle-bg-color3: color.adjust($base-accent, $hue: 3deg, $saturation: -64.56%, $space: hsl, $lightness: -7.45%) !default;
+  $load-indicator-animation-sparkle-bg-color2: color.adjust($base-accent, $hue: 2deg, $saturation: -58.44%, $lightness: 1.18%, $space: hsl) !default;
+  $load-indicator-animation-sparkle-bg-color3: color.adjust($base-accent, $hue: 3deg, $saturation: -64.56%, $lightness: -7.45%, $space: hsl) !default;
 }
diff --git a/packages/devextreme-scss/scss/widgets/material/menu/_colors.scss b/packages/devextreme-scss/scss/widgets/material/menu/_colors.scss
index 48abaf352310..3bcd4f5df5f1 100644
--- a/packages/devextreme-scss/scss/widgets/material/menu/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/menu/_colors.scss
@@ -11,7 +11,7 @@ $menu-item-hover-bg: $base-hover-bg !default;
 * $name 10. Text color
 * $type color
 */
-$menu-color: color.adjust($base-text-color, $lightness: 46%, $space: hsl) !default;
+$menu-color: $base-text-color !default;
 $menu-item-expanded-color: $menu-color !default;
 
 
diff --git a/packages/devextreme-scss/scss/widgets/material/menuBase/_colors.scss b/packages/devextreme-scss/scss/widgets/material/menuBase/_colors.scss
index 89c53a85429e..c408f29332a8 100644
--- a/packages/devextreme-scss/scss/widgets/material/menuBase/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/menuBase/_colors.scss
@@ -4,3 +4,4 @@
 
 // adduse
 
+$menu-item-disabled-color: $base-disabled-color !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/menuBase/_index.scss b/packages/devextreme-scss/scss/widgets/material/menuBase/_index.scss
index 1efca1a05e9e..b36c1854fda3 100644
--- a/packages/devextreme-scss/scss/widgets/material/menuBase/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/menuBase/_index.scss
@@ -22,7 +22,7 @@ $material-menu-arrow-image-size: 7px;
   }
 
   &.dx-state-disabled {
-    opacity: 0.5;
+    color: $menu-item-disabled-color;
   }
 
   &.dx-state-hover {
diff --git a/packages/devextreme-scss/scss/widgets/material/pivotGrid/_colors.scss b/packages/devextreme-scss/scss/widgets/material/pivotGrid/_colors.scss
index d892b9375755..6eef92e6c34c 100644
--- a/packages/devextreme-scss/scss/widgets/material/pivotGrid/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/pivotGrid/_colors.scss
@@ -11,7 +11,7 @@ $pivotgrid-border-color: $base-border-color !default;
 * $name 10. Header text color
 * $type color
 */
-$pivotgrid-area-color: color.change($base-text-color, $alpha: 0.54) !default;
+$pivotgrid-area-color: $base-text-color !default;
 $pivotgrid-field-area-box-text-color: $pivotgrid-area-color !default;
 $pivotgrid-field-area-box-background-color: null !default;
 $pivotgrid-data-area-color: $base-text-color !default;
@@ -32,7 +32,7 @@ $pivotgrid-grandtotalcolor: $base-hover-bg !default;
 * $name 40. Field area text color
 * $type color
 */
-$pivotgrid-field-area-text-color: color.change(color.adjust($pivotgrid-area-color, $lightness: -26.2%, $space: hsl), $alpha: 0.3) !default;
+$pivotgrid-field-area-text-color: $base-label-color !default;
 $pivotgrid-accent-color: $base-accent !default;
 $pivotgrid-drag-header-border-color: color.change($pivotgrid-accent-color, $alpha: 0.5) !default;
 $pivotgrid-drag-header-first-shadow-color: color.change($base-shadow-color, $alpha: 0.1) !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/scheduler/_colors.scss b/packages/devextreme-scss/scss/widgets/material/scheduler/_colors.scss
index 65561b9d343e..404f8b130a75 100644
--- a/packages/devextreme-scss/scss/widgets/material/scheduler/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/scheduler/_colors.scss
@@ -52,7 +52,7 @@ $scheduler-workspace-focused-cell-color: color.change($base-accent, $alpha: 0.12
 */
 $scheduler-first-month-border-color: $base-border-color !default;
 $scheduler-droppable-cell-background-color: color.adjust($base-element-bg, $lightness: -5%, $space: hsl) !default;
-$scheduler-panel-text-color: color.change($base-text-color, $alpha: 0.54) !default;
+$scheduler-panel-text-color: color.change($base-text-color, $alpha: 0.6) !default;
 $scheduler-workspace-background-color: $base-bg !default;
 $scheduler-workspace-accent-color: $base-accent !default;
 
@@ -65,14 +65,15 @@ $scheduler-time-indicator-color: #eb5757 !default;
 $scheduler-dd-appointment-hover-text-color: $base-inverted-text-color !default;
 $scheduler-form-icon-color: $base-icon-color !default;
 $scheduler-popup-title-bg: $scheduler-workspace-background-color !default;
-$scheduler-workspace-month-text-color: color.change($base-text-color, $alpha: 0.54) !default;
-$scheduler-dropdown-appointment-date-color: color.change($base-text-color, $alpha: 0.54) !default;
+$scheduler-workspace-month-text-color: $base-text-color !default;
+$scheduler-workspace-other-month-text-color: color.change($base-text-color, $alpha: 0.6) !default;
+$scheduler-dropdown-appointment-date-color: $base-text-color !default;
 $scheduler-workspace-active-cell-color: $scheduler-accent-border-color !default;
 $scheduler-workspace-hovered-cell-color: $scheduler-workspace-month-text-color !default;
 $scheduler-group-header-color: color.change($base-text-color, $alpha: 0.87) !default;
 $scheduler-header-bg: $base-bg !default;
 $scheduler-alldaypanel-bg: $base-element-bg !default;
-$scheduler-other-month-cell-opacity: 0.5 !default;
+$scheduler-other-month-cell-opacity: 1 !default;
 $scheduler-fill-focused-appointment: false !default;
 $scheduler-is-shadow-color-for-focused-state: true !default;
 $scheduler-time-indicator-background-color: rgba(0, 0, 0, 0.03) !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/scheduler/_index.scss b/packages/devextreme-scss/scss/widgets/material/scheduler/_index.scss
index 827807e37dee..073b4638f901 100644
--- a/packages/devextreme-scss/scss/widgets/material/scheduler/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/scheduler/_index.scss
@@ -376,6 +376,10 @@ $material-scheduler-agenda-time-panel-cell-padding: 8px;
 }
 
 .dx-scheduler-work-space.dx-scheduler-work-space-month {
+  .dx-scheduler-date-table-other-month {
+    color: $scheduler-workspace-other-month-text-color;
+  }
+
   .dx-scheduler-appointment-content {
     padding-top: 3px;
     font-size: $material-scheduler-appointment-month-text-size;
diff --git a/packages/devextreme-scss/scss/widgets/material/slider/_colors.scss b/packages/devextreme-scss/scss/widgets/material/slider/_colors.scss
index 8de1f6a9f178..bd9822985bac 100644
--- a/packages/devextreme-scss/scss/widgets/material/slider/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/slider/_colors.scss
@@ -24,12 +24,4 @@ $material-slider-bar-disabled-bg: color.change($base-text-color, $alpha: 0.24) !
 * $name 30. Slider tooltip text color
 * $type color
 */
-$material-slider-tooltip-color: null !default;
-
-@if $mode == "light" {
-  $material-slider-tooltip-color: $base-inverted-text-color !default;
-}
-
-@if $mode == "dark" {
-  $material-slider-tooltip-color: $base-text-color !default;
-}
+$material-slider-tooltip-color: $base-inverted-text-color !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/slider/_index.scss b/packages/devextreme-scss/scss/widgets/material/slider/_index.scss
index e38d2ff37e2d..2248a3290c24 100644
--- a/packages/devextreme-scss/scss/widgets/material/slider/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/slider/_index.scss
@@ -73,7 +73,6 @@ $material-slider-handle-inner-disabled-size: 2px;
 
     .dx-overlay-content {
       border: 1px solid transparent;
-      opacity: 0.6;
 
       .dx-popup-content {
         line-height: normal;
diff --git a/packages/devextreme-scss/scss/widgets/material/stepper/_colors.scss b/packages/devextreme-scss/scss/widgets/material/stepper/_colors.scss
index 57a20c651653..e4ae8d2a7bbb 100644
--- a/packages/devextreme-scss/scss/widgets/material/stepper/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/stepper/_colors.scss
@@ -89,13 +89,13 @@ $stepper-connector-value-bg: $base-label-color !default;
 }
 
 @if $mode == 'dark' {
-  $stepper-step-base-bg: color.adjust($base-bg, $saturation: -5.59%, $space: hsl, $lightness: 29.22%) !default;
-  $stepper-step-base-hover-bg: color.adjust($base-bg, $saturation: -5.84%, $space: hsl, $lightness: 32.16%) !default;
+  $stepper-step-base-bg: color.adjust($base-bg, $saturation: -5.59%, $lightness: 29.22%, $space: hsl) !default;
+  $stepper-step-base-hover-bg: color.adjust($base-bg, $saturation: -5.84%, $lightness: 32.16%, $space: hsl) !default;
 
   $stepper-step-accent-hover-bg: color.adjust($stepper-step-accent-bg, $lightness: 8.5%, $space: hsl) !default;
   $stepper-step-danger-hover-bg: color.adjust($stepper-step-danger-bg, $lightness: 8.5%, $space: hsl) !default;
 
-  $stepper-step-disabled-bg: color.adjust($base-bg, $saturation: -3.02%, $space: hsl, $lightness: 9.22%) !default;
+  $stepper-step-disabled-bg: color.adjust($base-bg, $saturation: -3.02%, $lightness: 9.22%, $space: hsl) !default;
 }
 
 /**
diff --git a/packages/devextreme-scss/scss/widgets/material/tabs/variables/_colors.scss b/packages/devextreme-scss/scss/widgets/material/tabs/variables/_colors.scss
index f67e0c57bc1a..6bb0cc811c71 100644
--- a/packages/devextreme-scss/scss/widgets/material/tabs/variables/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/tabs/variables/_colors.scss
@@ -10,7 +10,7 @@ $material-tabs-nav-button-background: color.change($button-default-hover-bg, $al
 * $name 10. Tab text color
 * $type color
 */
-$tabs-tab-color: color.change($base-text-color, $alpha: 0.54) !default;
+$tabs-tab-color: color.change($base-text-color, $alpha: 0.6) !default;
 
 /**
 * $name 20. Selected tab text color
@@ -22,7 +22,7 @@ $tabs-tab-selected-color: $base-accent !default;
 * $name 30. Disabled tab color
 * $type color
 */
-$tabs-tab-disabled-color: color.change($tabs-tab-color, $alpha: 0.32) !default;
+$tabs-tab-disabled-color: null !default;
 
 /**
 * $name 40. Selected tab border color
@@ -54,11 +54,7 @@ $tabs-tab-icon-color: $tabs-tab-color !default;
 */
 $tabs-tab-icon-selected-color: $tabs-tab-selected-color !default;
 
-/**
-* $name 90. Disabled tab icon color
-* $type color
-*/
-$tabs-tab-icon-disabled-color: color.change($tabs-tab-icon-color, $alpha: 0.32) !default;
+
 $tabs-tab-button-disabled-opacity: 0 !default;
 
 /**
@@ -80,9 +76,17 @@ $tabs-focused-tab-bg-color: color.change($base-accent, $alpha: 0.12) !default;
 $tabs-active-tab-bg-color: color.change($base-accent, $alpha: 0.16) !default;
 
 @if $mode == "light" {
+  $tabs-tab-disabled-color: rgba(0, 0, 0, 0.38) !default;
   $tabs-disabled-tab-border-color: color.change($tabs-tab-color, $alpha: 0.13) !default;
 }
 
 @if $mode == "dark" {
+  $tabs-tab-disabled-color: rgba(255, 255, 255, 0.38) !default;
   $tabs-disabled-tab-border-color: color.change($tabs-tab-color, $alpha: 0.4) !default;
 }
+
+/**
+* $name 90. Disabled tab icon color
+* $type color
+*/
+$tabs-tab-icon-disabled-color: $tabs-tab-disabled-color !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/tagBox/_colors.scss b/packages/devextreme-scss/scss/widgets/material/tagBox/_colors.scss
index 4cb276546f55..67f3c5b08ac5 100644
--- a/packages/devextreme-scss/scss/widgets/material/tagBox/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/tagBox/_colors.scss
@@ -9,7 +9,7 @@
 * $name 10. Tag text color
 * $type color
 */
-$tagbox-tag-color: color.change($base-text-color, $alpha: 0.6) !default;
+$tagbox-tag-color: $base-text-color !default;
 
 /**
 * $name 20. Tag background color
@@ -23,29 +23,18 @@ $tagbox-tag-hover-bg: null !default;
 * $type color
 */
 $tagbox-tag-active-color: $base-text-color !default;
-
-/**
-* $name 40. Tag close button color
-* $type color
-*/
-$tagbox-tag-button-remove-bg: rgba(0, 0, 0, 0.36) !default;
-$tagbox-tag-button-remove-color: null !default;
+$tagbox-tag-button-remove-color: $base-icon-color !default;
 $tagbox-tag-focused-bg: null !default;
 $tagbox-select-all-border-color: $base-border-color !default;
 
 @if $mode == "light" {
-  $tagbox-tag-bg: color.adjust($base-bg, $lightness: -12%, $space: hsl) !default;
+  $tagbox-tag-bg: rgba(0, 0, 0, 0.08) !default;
   $tagbox-tag-hover-bg: color.adjust($base-bg, $lightness: -15%, $space: hsl) !default;
-  $tagbox-tag-button-remove-color: $tagbox-tag-bg !default;
   $tagbox-tag-focused-bg: color.adjust($base-bg, $lightness: -32%, $space: hsl) !default;
 }
 
 @if $mode == "dark" {
-  $tagbox-tag-bg: color.adjust($base-bg, $lightness: 12%, $space: hsl) !default;
+  $tagbox-tag-bg: rgba(255, 255, 255, 0.08) !default;
   $tagbox-tag-hover-bg: color.adjust($base-bg, $lightness: 15%, $space: hsl) !default;
-  $tagbox-tag-button-remove-color: color.adjust($base-bg, $lightness: 22%, $space: hsl) !default;
   $tagbox-tag-focused-bg: color.adjust($base-bg, $lightness: 32%, $space: hsl) !default;
 }
-
-$tagbox-tag-disabled-bg: $tagbox-tag-focused-bg !default;
-
diff --git a/packages/devextreme-scss/scss/widgets/material/tagBox/_index.scss b/packages/devextreme-scss/scss/widgets/material/tagBox/_index.scss
index dc6e02164f43..479ccbe20a65 100644
--- a/packages/devextreme-scss/scss/widgets/material/tagBox/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/tagBox/_index.scss
@@ -56,16 +56,6 @@
       }
     }
   }
-
-  &.dx-state-disabled {
-    .dx-tag-content {
-      background-color: $tagbox-tag-disabled-bg;
-
-      .dx-tag-remove-button::before {
-        color: $tagbox-tag-disabled-bg;
-      }
-    }
-  }
 }
 
 .dx-tagbox-single-line {
@@ -108,7 +98,6 @@
     width: $material-tagbox-remove-button-icon-size;
     height: $material-tagbox-remove-button-icon-size;
     color: $tagbox-tag-button-remove-color;
-    background-color: $tagbox-tag-button-remove-bg;
     border-radius: 50%;
     transform: none;
   }
diff --git a/packages/devextreme-scss/scss/widgets/material/textEditor/_colors.scss b/packages/devextreme-scss/scss/widgets/material/textEditor/_colors.scss
index 2c001732a6c1..97b856017bd2 100644
--- a/packages/devextreme-scss/scss/widgets/material/textEditor/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/textEditor/_colors.scss
@@ -52,11 +52,11 @@ $texteditor-focused-border-color: $base-accent !default;
 * $type color
 */
 $texteditor-hover-bg: color.change($base-text-color, $alpha: 0.07) !default;
-$texteditor-button-clear-icon-color: null !default;
+$texteditor-button-clear-icon-color: $base-icon-color !default;
 $texteditor-button-clear-icon-color-bg: null !default;
 $texteditor-invalid-focused-border-color: $base-invalid-color !default;
 $texteditor-invalid-faded-border-color: $base-invalid-faded-border-color !default;
-$texteditor-disabled-color: $base-disabled-color !default;
+$texteditor-disabled-color: null !default;
 $texteditor-input-border-radius: $base-border-radius !default;
 $texteditor-label-transition:
   font-size 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms,
@@ -64,13 +64,13 @@ $texteditor-label-transition:
   top 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms;
 
 @if $mode == "light" {
-  $texteditor-button-clear-icon-color: color.adjust($texteditor-color, $lightness: 46%, $space: hsl) !default;
-  $texteditor-button-clear-icon-color-bg: color.adjust($texteditor-color, $lightness: 76%, $space: hsl) !default;
+  $texteditor-disabled-color: rgba(0, 0, 0, 0.6) !default;
+  $texteditor-button-clear-icon-color-bg: rgba(0, 0, 0, 0.12) !default;
 }
 
 @if $mode == "dark" {
-  $texteditor-button-clear-icon-color: color.adjust($texteditor-color, $lightness: -76%, $space: hsl) !default;
-  $texteditor-button-clear-icon-color-bg: color.adjust($texteditor-color, $lightness: -34%, $space: hsl) !default;
+  $texteditor-disabled-color: rgba(255, 255, 255, 0.6) !default;
+  $texteditor-button-clear-icon-color-bg: rgba(255, 255, 255, 0.12) !default;
 }
 
 :root {
diff --git a/packages/devextreme-scss/scss/widgets/material/timeView/_colors.scss b/packages/devextreme-scss/scss/widgets/material/timeView/_colors.scss
index 73cd667e46a6..a071b2b2cca9 100644
--- a/packages/devextreme-scss/scss/widgets/material/timeView/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/timeView/_colors.scss
@@ -3,12 +3,4 @@
 @use "../colors" as *;
 
 // adduse
-$clock-digits-color: null !default;
-
-@if $mode == "light" {
-  $clock-digits-color: color.change($base-text-color, $alpha: 0.54) !default;
-}
-
-@if $mode == "dark" {
-  $clock-digits-color: color.change($base-text-color, $alpha: 0.6) !default;
-}
+$clock-digits-color: $base-icon-color !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/tooltip/_colors.scss b/packages/devextreme-scss/scss/widgets/material/tooltip/_colors.scss
index faa21c01e25d..21c6bf940a24 100644
--- a/packages/devextreme-scss/scss/widgets/material/tooltip/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/tooltip/_colors.scss
@@ -10,7 +10,7 @@
 * $name 10. Text color
 * $type color
 */
-$tooltip-color: null !default;
+$tooltip-color: $base-inverted-text-color !default;
 
 /**
 * $name 20. Background color
@@ -20,12 +20,10 @@ $tooltip-bg: null !default;
 $tooltip-border-radius: $base-border-radius !default;
 
 @if $mode == "light" {
-  $tooltip-color: $base-inverted-text-color !default;
-  $tooltip-bg: #616161 !default;
+  $tooltip-bg: color.adjust($base-bg, $lightness: -60%, $space: hsl) !default;
 }
 
 @if $mode == "dark" {
-  $tooltip-color: $base-text-color !default;
-  $tooltip-bg: rgba(0, 0, 0, 1) !default;
+  $tooltip-bg: color.adjust($base-bg, $lightness: 60%, $space: hsl) !default;
 }