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();
}};