Plugins SASS Custom Theme

jammerxd pro asked 3 years ago

I'm trying to design my own custom skin for MDB and need to be able to override plugin styles. Trouble is there is no example of this because the plugin scss uses normal hex colors instead of colors defined in the skin array. How do I make the plugin use the same skins array in the scss file for that plugin? I'm starting with the full calendar plugin.


Marta Szymanska staff pro premium answered 3 years ago

Hi,

could you show me any demo of your code, e.g. your test website? Then I could inspect your code and try to help you.

Best, Marta


jammerxd pro answered 3 years ago

I can't right now as I'm about to go to bed, but basically if I follow the tutorial on making a custom skin and compile mdb.scss, the elements use the skin I define in _custom-skin.scss(i.e. accent, body, primary, secondary colors etc...). But if I compile _full-calendar.scss, it doesn't use the skin I define for it's colors. Same for other plugins, full calendar just seemed like the easiest. I'm trying to design a dark mode.


Marta Szymanska staff pro premium commented 3 years ago

Hi,

when you show me your code in any example, I'll try to help you. In skins, you can style particular elements which you can see here: https://mdbootstrap.com/docs/jquery/css/skins/. In our basic thoughts of skin scheme, we haven't created color settings for calendar plugin.

Best, Marta


jammerxd pro commented 3 years ago

I'm just starting with the full calendar plugin to style as it seemed the most basic. I've managed to add my own scss code but don't want to do that every time MDB has a new release. The code can be found here(for the modified _full-calendar.scss): https://pastebin.com/8nRtG56p I made a plugin folder in the MDB-Gulp #.#.#\scss folder called plugin and placed this scss file there and compiled it.


Marta Szymanska staff pro premium commented 3 years ago

Hi,

please send me your ZIP with full-calendar plugin to m.szymanska@mdbootstrap.com. I'll check your custom-skin.scss and other things and I will send you back your package.

Best, Marta


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: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: Virtual Machine(esxi GT 710 GPU)
  • Browser: Chrome 76.0.3809.132 x64
  • OS: Windows Server 2019 Standard
  • Provided sample code: No
  • Provided link: No