span.cm-comment { color: #626466; } span.cm-atom { color: #aa759f; } span.cm-number { color: #aa759f; } span.cm-property, span.cm-attribute { color: #aa759f; } span.cm-keyword { color: ${theme.secondary()}; } span.cm-string { color: #99c794; } span.cm-variable { color: ${theme.primary.darken(0.1)()}; } span.cm-variable-2 { color: ${theme.secondary()}; } span.cm-def { color: #fac863; } span.cm-bracket {
color: ${props => (props.color ? props.color : theme.secondary())};
border-left-color: ${props => props.color ? props.color : theme.secondary()};
border-color: ${props => { if (props.type === 'error') return theme.red.darken(0.2)(); if (props.type === 'warning') return theme.primary.darken(0.2); if (props.type === 'success') return theme.green(); return theme.secondary(); }};