Trying to change primary color

BradleyByerly04 pro premium priority commented 11 months ago

Exactly that, I've imported the file using npm and then when I edit mdb.min.css I use an SCSS compiler on it, similar to how it's done with BS5 but it never changes the primary and secondary colors.

Grzegorz Bujański staff commented 11 months ago

Try to do the same, but using scss files. In the scss/free/_variable.scss file, find the $primary variable, overwrite it, and recompile the files.

BradleyByerly04 pro premium priority commented 11 months ago

I'm not seeing any scss files, where exactly would I find these and/or import them?

Grzegorz Bujański staff commented 11 months ago

@import '~mdb-ui-kit/src/scss/mdb.pro.scss'; or @import '~mdb-ui-kit/src/mdb/scss/mdb.pro.scss'; if you use advanced pack.

BradleyByerly04 pro premium priority commented 11 months ago

And that goes in? Not familiar with using @

MDBootstrap staff pro premium priority commented 11 months ago

It's a way of linking stylesheets alternative to linking multiple files in the HTML.

BradleyByerly04 pro premium priority commented 11 months ago

It goes in CSS then?

Mateusz Lazaru staff commented 11 months ago

Not exactly. Normal CSS will not be able to read this file. You must have SCSS file and import it inside this file. To make your file able to read SCSS, you'll need an additional library, like sass to compile it to normal CSS at the endpoint.

Are you using any bundler like webpack, vite, parcel or other in your project?

BradleyByerly04 pro premium priority commented 11 months ago

No, I'm not. Should I be for this process?

Mateusz Lazaru staff commented 11 months ago

Yes. We have a tutorial how to create a project with a bundler, which already has sass included. For example: https://mdbootstrap.com/docs/standard/getting-started/vite-integration/