Plugins SASS Custom Theme

Topic: Plugins SASS Custom Theme

jammerxd pro asked 4 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.

Add comment

jammerxd pro answered 4 years ago

0 0 Best answer

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 Wierzbicka staff commented 4 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 4 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 Wierzbicka staff commented 4 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

Add comment

Marta Wierzbicka staff answered 4 years ago