Code highlighting needs additional css styles

[justinwalsh]

Reported by reddit user:

Source code formatting doesn't seem to work.

The code formatting is working, but there are not enough style differences in our custom themes to make the code highlighting more visible.

Source

[Teepareep]

How can we incorporate these styles? http://highlightjs.org/static/test.html
I tried just including a link to the stylesheet as described here: http://highlightjs.org/usage/
That didn't seem to do much.
Wonderful project :)

[dkisselev]

Are you sure that you placed the link into the appropriate place? The index.php file in daux is a little confusing because it generates both the homepage and the documentation pages, so you have to make sure that you scroll far enough down so that you're editing the documentation pages, not just the homepage.

Check View Source on your docs pages to make sure that highlight stylesheet is being loaded.

[Teepareep]

Thank you for your assistance. I had trouble trying the style sheets on highlightjs' github. This is what ended up working, as long as the css file was downloaded directly from here: http://yandex.st/highlightjs/7.5/styles/

    <!-- hightlight.js -->
    <link rel="stylesheet" href="/docs/css/tomorrow-night.min.css">
    <script src="/docs/js/highlight.min.js"></script>
    <script>hljs.initHighlightingOnLoad();</script>

It looks awesome now!

[MSylvia]

Just pull the css files needed from the 7.5 tag of highlight.js.
https://github.com/isagalaev/highlight.js/tree/7.5

[dkisselev]

Fixed with PR 118