60 lines
1.5 KiB
JavaScript
60 lines
1.5 KiB
JavaScript
import {defaultsDeep} from "lodash";
|
|
import {theme} from "antd";
|
|
|
|
const {defaultAlgorithm, darkAlgorithm} = theme;
|
|
|
|
let isDarkMode = false;
|
|
|
|
/**
|
|
* Default theme
|
|
* @type {{components: {Menu: {itemDividerBorderColor: string}}}}
|
|
*/
|
|
const defaultTheme = {
|
|
components: {
|
|
Table: {
|
|
rowHoverBg: '#e7f3ff',
|
|
rowSelectedBg: '#e6f7ff',
|
|
headerSortHoverBg: 'transparent',
|
|
},
|
|
Menu: {
|
|
darkItemHoverBg: '#1677ff',
|
|
itemHoverBg: '#1677ff',
|
|
horizontalItemHoverBg: '#1677ff',
|
|
}
|
|
},
|
|
token: {
|
|
colorPrimary: '#1677ff'
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Development theme
|
|
* @type {{components: {Menu: {itemHoverBg: string, darkItemHoverBg: string, horizontalItemHoverBg: string}}, token: {colorPrimary: string}}}
|
|
*/
|
|
const devTheme = {
|
|
components: {
|
|
Menu: {
|
|
darkItemHoverBg: '#a51d1d',
|
|
itemHoverBg: '#a51d1d',
|
|
horizontalItemHoverBg: '#a51d1d',
|
|
}
|
|
},
|
|
token: {
|
|
colorPrimary: '#a51d1d'
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Production theme
|
|
* @type {{components: {Menu: {itemHoverBg: string, darkItemHoverBg: string, horizontalItemHoverBg: string}}, token: {colorPrimary: string}}}
|
|
*/
|
|
const prodTheme = {};
|
|
|
|
const currentTheme = process.env.NODE_ENV === "development" ? devTheme
|
|
: prodTheme;
|
|
|
|
const finaltheme = {
|
|
algorithm: isDarkMode ? darkAlgorithm : defaultAlgorithm,
|
|
...defaultsDeep(currentTheme, defaultTheme)
|
|
}
|
|
export default finaltheme; |