🐛 Fixes scrollbar in code blocks

[OCram85]

📦 Content

• Increases contrast for horizontal scrollbar in pre code blocks
• adds matching scss definition for code blocks in dark mode

I'm not sure if i found all relevant css definitions, or used the preexisting scss variables / color definition

🔖 Refs

• should fix Highlight.js horizontal scroll bar disappears in dark mode #222

[OCram85]

btw what is the meaning of this block in assets/scss/components/_docs.scss:

.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: $beige;
  color: $body-color;
}

I tried to disable the background and color property to get this form the highlight.js themes. But even if there is no active theme or highlight enabled, the colors are still active. So these 2 properties could be removed, too ?

[h-enk]

So these 2 properties could be removed, too ?

Yeah, you're absolutely right.

[h-enk]

Tested /verified your scrollbar fix — nice + thanks!