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!


Topic: Primary Color - MDB Standard Installation

Digitalarbeit free asked 3 years ago


Hi all together,

I am new in MDBoostrap and I am very impressed about this product. The last time I work with bootstrap is years ago and its time to renew all my skills.

To my question:

I have an complete Installation of MDBootstrap via Zip Folder. Evertything works fine.

Now, I try to change the primary color via Sass. I was creating something like:

$theme-colors: (
"primary":#e20000,
"secondary":#becc00,

);

Just an example. I put this code under /scss/custom/_variables.scss and try to compile it with "Live Sass Compiler" under "Visual Studio Code".

I try nearly everything, but I need some help.

Can somebody explain in easy words how to change the primary-color, secondary-color, where I can change the basic bootstrap Styles??

Is there maybe an Sass command I can use, maybe like "sass mdb.free.scss main.css" something like this? I already try, I get the the colors but then I miss other classes like "text-light" or similar...


Michał Duszak staff commented 3 years ago

Your Sass code seems to be correct. Make sure you compile it properly. Are you compiling your Sass to the file you import in your project? For further reference see your Live Sass settings:https://github.com/ritwickdey/vscode-live-sass-compiler/blob/master/docs/settings.md

Here's a piece of information directly from MDB Docs https://mdbootstrap.com/docs/standard/content-styles/theme/



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Opened

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Standard
  • MDB Version: MDB5 3.10.1
  • Device: Laptop Captiva
  • Browser: Brave
  • OS: Ubuntu 18.04
  • Provided sample code: No
  • Provided link: No