Topic: change theme colors in RTL

maestrocrm priority asked 1 month ago


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)?


Marta Wierzbicka staff answered 1 month ago


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



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • User: Priority
  • 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