Previously, theme prop of editor only support theme name(string
). But we found that it's not familiar for css in js to customizing their theme.
Provide meaningful names instead of neutral-[level].
- neutral-0 -> text
- neutral-4 -> icon
- neutral-5 -> placeholder
- neutral-6 -> divider
- neutral-7 -> border
- neutral-8 -> background
- neutral-9 -> surface
And remove useless levels(1 - 3).
If you use these variables on your custom components before, just use your own theme system instead of depending on theme of artibox.
Before:
import '@artibox/theme/artibox';
<ArtiboxEditor theme="artibox" />;
After:
import '@artibox/theme/prebuilts/artibox.css';
<ArtiboxEditor theme="artibox" />;
// or
import { THEME_ARTIBOX } from '@artibox/theme/artibox';
<ArtiboxEditor theme={THEME_ARTIBOX} />;