Add solarized dark to editor themes

[georgeherby]

This is not 100% finished as I have run into an issue.

I have added the line to add solarized dark to the editor themes. This applies fine but not so when i add it to the code blocks. See image.

I am happy to continue the work but would appreciate a pointer to help find out what is up.

[claassistantio]

All committers have signed the CLA.

[Rokt33r]

@georgeherby Please revert the last commit which import style manually and check ThemeLink component in src/components/CodeMirrorStyle.tsx file.

The component is injecting the style so we need to replace theme name before injecting solarized-dark like the below.

if (theme === 'solarized-dark') {
  theme = 'solarized'
}

Also check src/components/atoms/MarkdownPreviewer.tsx component. At the line 75, its markdown plugin is injecting cm-s-{theme}. Like the line, injecting cm-s-dark class when theme is solarized dark should fix the code fence problem.

[georgeherby]

Thanks @Rokt33r all done!

PS thanks for the title bar change earlier too 😍

[Rokt33r]

I prefer solarized-dark.

[georgeherby]

As mentioned on Slack

With regards to adding in the - to solarized dark. If i do this is is not applied to the editor theme correctly. But if i do not have the - it works 🤷