contrast is too low for code keywords...

[kylebakerio]

dark mode doesn't fix this for me, it's just a CSS issue.

in Foundation.css, here:

.hljs-code,
.hljs-number,
.hljs-literal,
.hljs-keyword,
.hljs-selector-tag {
  color: #099;
}

Changing#099 to #0758fc increases the contrast from 3 (insufficient) to 4.74 (passing) according to devtools.

will dig in and see if I can do a quick pull request.

[kylebakerio]

checked. Looks like it's a lib imported in src/components/Html.tsx. I am not familiar enough with this code context to just throw in a quick fix for this to do a CSS override in this context, unfortunately, but I hope someone else can.

[kylebakerio]

For now I've downloaded the stylebot chrome extension and added in this rule:

.hljs-code, .hljs-keyword, .hljs-literal, .hljs-number, .hljs-selector-tag {
    color: #0758fc;
}

works for now.

[kylebakerio]

I've made some improvements to the readability of the comments as well--currently, these are the override styles I'm applying:

.hljs-code, .hljs-keyword, .hljs-literal, .hljs-number, .hljs-selector-tag {
    color: #0758fc;
}

pre {
  background: #f5f5f5;
}

.hljs-comment, .hljs-quote {
    color: #5f5f55;
}

[t4sk]

@kylebakerio Thanks