Background color in Help Documents.

I have the BlitzMax IDE set to a dark background color. When I click the Help tab, I am instantly blinded by that brilliantly white background. LOL last night, I turned off all my lights, and that background lit the room adequately by itself. Try it, you'll see. Is there a way to change the background color of the help section?

Edit
I don't want to use blide quite yet (see reply below), and I would prefer an addition to the default IDE settings that could change all the help documents' backgrounds without having to go through each and every HTML document and changing them.

Use the freakishly awesome BLIde ( http://blitzbasic.com/Community/posts.php?topic=46695 ), or edit the HTML help docs for the color of your choosing.

No need to change *every* HTML document thanks to cascading style sheet magic.

You can edit the file <blitzmax install dir>/doc/bmxstyle.css which contains all the background colour information for the main index page along with all the help pages. Changing the body, table and table.open background,color attributes should be enough.

PS Make sure you take a backup incase you ruin it :)

FWIW, here's the version I'm using :

body{
        color: #FFFFFF;
        background: #8888AA;
        font: 10pt helvetica;
}
body.navbar{
        color: #000000;
        background: #8888AA;
        font: 9pt helvetica;
        padding: 2px;
}
h1{
        font: 14pt helvetica;
        font-weight: bold;
}
h2{
        font: 12pt helvetica;
        font-weight: bold;
}
h3{
        font: 10pt helvetica;
        font-weight: bold;
}
table{
        background: #8888AA;
        border: solid 1px #446;
}
table.open{
        background: #8888AA;
        border: 0px;
}
th{
        font: 10pt helvetica;
        font-weight: bold;
        text-align: left;
        padding: 4px 16px 4px 1px;
}
td{
        font: 10pt helvetica;
        padding: 2px 16px 2px 1px;
}
pre{
        font: 10pt courier;
        color: #002255;
        padding: 8px;
}
font.token{
        color: #205555;
        font-weight: bold;
}
font.syntax{
        color: #205555;
}
div.ref{
        border: 1px solid #446;
}
div.indent{
        padding-left: 8px;
}
div.syntax{
        color: #205555;
        padding: 8px;
}
div.rootdoc{
        background: #779;
        border: none;
        padding: 8px;
}
div.innerdoc{
        background: #779;
        border-top: 1px solid #446;
        padding: 8px;
}
a{
        color: #000088;
}
a:hover{
        color: #000088;
}
a.null{
        text-decoration: none;
}
a.token{
        color: #205555;
        font: 10pt helvetica;
        text-decoration: underline;
        font-weight: bold;
}
div.entries{
        display: none;
}

HTH

Wow thanks tesuji. That works great.