Draft-js-plugins: Mentions plugin: augment default theme instead of replacing it

[icd2k3]

Hey there - not sure if this is a bug, question, or feature request...

I like the default theme for the mentions plugin, but I wanted to make some minor adjustments (specifically to the mention class):

.mention { color: blue; }

const mentionPlugin = createMentionPlugin({ theme });

^ this works, however it _completely_ overrides the default styles draft-js-mention-plugin/lib/plugin.css

Is there any way to merge the theme so that I can augment it instead of completely replacing it?

Thanks!

[irvingv8]

did you solve this ?

[juliankrispel]

good question, I just saw this and in the next release of mentions the defaultTheme will be exposed, so you can do

import { defaultTheme } from 'draft-js-mention-plugin'
const theme = {
  ...defaultTheme
  ...myTheme
}

[lucasreppewelander]

Does this still work since you moved to linaria? I cant make it work anymore, and I guess those classnames like .draftJsMentionPlugin__mentionSuggestions__2DWjA are random? I mean, they isn't safe to target in my style.css file and make modifications to that class directly?