Topic: change theme colors in RTL
I want to change the colors of the theme in RTL website. $primary:red; $theme-colors: ( "primary": $primary ); @import '~mdb-ui-kit/src/mdb/scss/mdb.pro.scss'; @import '~mdb-ui-kit/css/mdb.rtl.min.css';
this not work ! Is there a RTL scss file ? What is the correct way to do this (change theme colors in RTL)?
Hi,
first of all, you need to use a correctly configured bundler. You should follow these instructions: https://mdbootstrap.com/docs/standard/content-styles/theme/#section-new-theme which means use our Webpack Starter. Additionally, to obtain files in the RTL version you need to install this plugin to transform to RTL: https://www.npmjs.com/package/rtl-css-transform-webpack-plugin, import it in webpack.common.js file and use as the last plugin:
plugins: [
<Other_Plugins>
new RtlCssPlugin({
filename: '[name].rtl.min.css',
}),
],
Keep coding
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: Yes
- Technology: MDB Standard
- MDB Version: MDB5 6.0.1
- Device: mac
- Browser: vscode
- OS: ios
- Provided sample code: No
- Provided link: No