Topic: how to use _variable.scss?

cmjung88 premium asked 11 months ago


Expected behavior*change a primary button color*Actual behavior*not changing*Resources (screenshots, code snippets etc.)

Hi, I'm new to css and html.

I wanted to override a color of 'primary' and found your document about color theme.

It says using _variable.scss in src/scss/free folder

So, I just change the color of $primary and save it. However, nothing has changed.enter image description here

I googled a lot. but only Bootstrap one can be founded and that way seems to be little different.

I'm sorry, but could you explain ,step by step, what I should do to customize primary color?

It will be great, if this is on docmentation as well.

Thanks!


Kamila Pieńkowska staff answered 11 months ago


If you want to customize variables place new values in _variable.scss in src/scss/free folder. But to use this you need to use a bundler to process your SCSS.

Also, here is general instruction on how to use SCSS: https://mdbootstrap.com/learn/mdb-foundations/mdb-advanced-features/sass-scss/



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: Premium
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 6.3.0
  • Device: mobile
  • Browser: chrome
  • OS: android
  • Provided sample code: No
  • Provided link: No