Tiddlywiki 5.1.23 New Features: Dark mode for Code mirror and Highlight.js

[Mohammad]

In TW 5.1.22 and earlier when you switch to dark palette there is a problem that CodeMirror and Highlight.JS do not follow palette colors. In TW 5.1.23 this problem has gone!

1. Open https://tiddlywiki.com/prerelease/

2. Change your pallet to something dark like Spartan night or Cupertino, or Gruvbox

3. Create a tiddler and see how Codemirror editor looks in dark mode

4. Add some code e.g. css, JS or any language supported by TW-Codemirror plugin

5. check how they look

It is good to give feedback here or on https://github.com/Jermolene/TiddlyWiki5/pull/5128

--Mohammad

[BurningTreeC]

Hi Mohammad,

this new feature can be tested on https://tiddlywiki.com/prerelease/plugins/tiddlywiki/codemirror/ and https://tiddlywiki.com/prerelease/plugins/tiddlywiki/highlight/

I'd be specially interested in what people say about readability with the different color palettes

all the best, BTC

[Mohammad]

Hi BTC,

 Many thanks for making this. For sure I will test the new dark mode for codemirror and highlight.js.

 I kindly ask interested user to give a try and send their feedback.

Best wishes

Mohammad

[Mohammad]

Hi BTC,

 I just testing the https://tiddlywiki.com/prerelease/plugins/tiddlywiki/highlight/

I set the palette to Cupertino dark.

 

On the sidebar, open Tools tab, all buttons are very light background color, also the description has a very pale color hard to read.

  is this by design or it is a small issue?

--Mohammad

[Mohammad]

Testing the codemirror with dark palette

1. The color of line number has best contrast and readability in solarizeddark. The blue color of line number in few dark palette like Cupertino and Contrast Dark is not good for me at least. The dark blue on the dark background.

--Mohammad

On Monday, November 30, 2020 at 10:14:48 PM UTC+3:30 BurningTreeC wrote: