Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!

stressdoctor priority asked 2 years ago


Many thanks for the wonderful product that greatly speeds up the process of website creating.

I am not an expert in CSS, and I need your detailed recommendations on the following issue.

I need to change the color scheme of the site and, in particular, primary color and secondary color. I am using "MD5-STANDARD-UI-KIT-Pro-Advanced-4.0.0".

From your answers in previous forum discussions, I understood that this requires:

1) change the values of the variables $primary and $secondary in the file "\src\mdb\scss\free_variables.scss";

2) recompile the project so that the colors are updated in css scripts that are directly used on the site: "css/mdb.min.css" and "plugins/css/all.min.css".

Please give me detailed instructions on how I can recompile CSS scripts.


Grzegorz Bujański staff answered 2 years ago


To recompile scss files you need a bundler to do this. You can use our webpack starter: https://mdbootstrap.com/docs/standard/getting-started/webpack-starter/#section-custom-version-of-mdb-ui-kit

After making the changes, just use the command npm run buildMDB to create the package with the changed styles.



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

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 4.0.0
  • Device: Laptop Lenovo
  • Browser: Firefox 100.0.2 (64-bit)
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No