scripts/core/editor3/components/customStyleMap.tsx
export const customStyleMap: {[key: string]: React.CSSProperties} = {
HIGHLIGHT: {
display: 'inline-block',
padding: '1px 3px',
backgroundColor: 'rgba(255, 235, 59, 0.2)',
},
HIGHLIGHT_STRONG: {
display: 'inline-block',
padding: '1px 3px',
backgroundColor: 'rgba(255, 235, 59, 0.8)',
},
COMMENT: {
backgroundColor: 'rgba(255, 235, 59, 0.2)',
},
COMMENT_SELECTED: {
backgroundColor: 'rgba(255, 235, 59, 0.6)',
},
ANNOTATION: {
borderBlockEnd: '4px solid rgba(100, 205, 0, 0.6)',
},
ANNOTATION_SELECTED: {
borderBlockEnd: '4px solid rgba(100, 205, 0, 1.0)',
},
STRIKETHROUGH: {
textDecoration: 'line-through',
},
CODE: {
backgroundColor: '#e6ffe6',
},
SUBSCRIPT: {
verticalAlign: 'sub',
fontSize: 'smaller',
},
SUPERSCRIPT: {
verticalAlign: 'super',
fontSize: 'smaller',
},
};