Charts: add fluent theme (#25893)

Co-authored-by: Alexander Bulychev <[email protected]>
DevExpress · Oct 27, 2023 · 4ac1006 · 4ac1006
1 parent 8d0c24d
commit 4ac1006
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 1 deletion.
diff --git a/packages/devextreme/js/viz/core/themes/fluent.js b/packages/devextreme/js/viz/core/themes/fluent.js
@@ -0,0 +1,34 @@
+const themes = [
+    {
+        theme: {
+            name: 'fluent'
+        },
+        baseThemeName: 'material'
+    },
+    {
+        theme: {
+            name: 'fluent.blue.light'
+        },
+        baseThemeName: 'fluent'
+    },
+    {
+        theme: {
+            name: 'fluent.blue.light.compact'
+        },
+        baseThemeName: 'fluent.blue.light'
+    },
+    {
+        theme: {
+            name: 'fluent.blue.dark'
+        },
+        baseThemeName: 'material.blue.dark'
+    },
+    {
+        theme: {
+            name: 'fluent.blue.dark.compact'
+        },
+        baseThemeName: 'fluent.blue.dark'
+    }
+];
+
+export default themes;
diff --git a/packages/devextreme/js/viz/themes.js b/packages/devextreme/js/viz/themes.js
@@ -12,6 +12,7 @@ import darkVioletThemes from './core/themes/generic.darkviolet';
 import greenMistThemes from './core/themes/generic.greenmist';
 import softBlueThemes from './core/themes/generic.softblue';
 import materialThemes from './core/themes/material';
+import fluentThemes from './core/themes/fluent';
 
 const themes = {};
 const themesMapping = {};
@@ -216,7 +217,8 @@ if(isEmptyObject(themes) && isEmptyObject(themesMapping) && !defaultTheme) {
         darkVioletThemes,
         greenMistThemes,
         softBlueThemes,
-        materialThemes
+        materialThemes,
+        fluentThemes
     ).forEach(t => {
         registerTheme(t.theme, t.baseThemeName);
     });