cortex-js / cortexjs.io

Source for the cortexjs.io website
http://cortexjs.io/
49 stars 18 forks source link

MathLive demo is difficult to read in dark mode #14

Closed zphrs closed 2 years ago

zphrs commented 2 years ago

Problem: When my device's dark mode is on the MathLive demo at the bottom of the page https://cortexjs.io/mathlive/demo/ shows the text in a light gray color which makes it difficult to read.

image

Proposed Solution: Within the css for .result on line 96 of code-playground.ts add a color: black; to that style so that it becomes:

.result {
    width: calc(50% - .5em);
    margin-left: .5em;
+    color: black;
  }

I tried my fix using chrome devtools and it seemed to fix the issue:

image
arnog commented 2 years ago

Thanks! I've deployed an update that should address this issue. Don't hesitate to report any other problems you might see. The paint on the Dark Mode is fresh!

zphrs commented 2 years ago

Awesome, I love the demo even more in complete dark mode!