mirror of
https://github.com/knadh/listmonk.git
synced 2025-01-09 07:48:17 +08:00
ac8c7ed93b
- Use 'config-overrides.js' with less loader to load ant.design's less files instead of the compiled css to override theme variables - Change logo, favicon, and primary theme colours - Add pageTitle() to App() to let components set page titles - Move all notifications to bottomRight to avoid blocking action items on the UI
30 lines
No EOL
927 B
JavaScript
30 lines
No EOL
927 B
JavaScript
const {injectBabelPlugin} = require("react-app-rewired");
|
|
const rewireLess = require("react-app-rewire-less");
|
|
|
|
module.exports = function override(config, env) {
|
|
config = injectBabelPlugin(
|
|
[
|
|
"import", {
|
|
libraryName: "antd",
|
|
libraryDirectory: "es",
|
|
style: true
|
|
}
|
|
], // change importing css to less
|
|
config,
|
|
);
|
|
config = rewireLess.withLoaderOptions({
|
|
modifyVars: {
|
|
"@font-family":
|
|
'"IBM Plex Sans", "Helvetica Neueue", "Segoe UI", "sans-serif"',
|
|
"@font-size-base": "15px",
|
|
"@primary-color": "#7f2aff",
|
|
"@shadow-1-up": "0 -2px 3px @shadow-color",
|
|
"@shadow-1-down": "0 2px 3px @shadow-color",
|
|
"@shadow-1-left": "-2px 0 3px @shadow-color",
|
|
"@shadow-1-right": "2px 0 3px @shadow-color",
|
|
"@shadow-2": "0 2px 6px @shadow-color"
|
|
},
|
|
javascriptEnabled: true,
|
|
})(config, env);
|
|
return config;
|
|
}; |