JS.eval ("$('body').css('background-color', 'black');")
JS.eval ("$('#gameBorder').css('background-color', 'black');")
JS.eval ("$('#gameBorder').css('border-color', 'black');")
You should add a function InitUserInterface to your game (Best way is to activate Filter/Show Library Elements and search for InitUserInterface. Then you can copy the function into your game). Into this functions you can copy all off your JS commands.
The first line sets the colour of the margins. Despite the name, the second line sets the colour of the rest of the screen, where the text appears, the panes, etc. I suspect what you want is the border of that element (so the border of the border!) to be black, so adding this line maybe what you need:
Could you upload screen shots of before and after so we can see exactly what is happening?
Right, and perhaps you can post your complete InitUserInterface function and your startup script. By the way the function InitUserInterface is called at game start so you don't need JS commands in an extra startup script.
JS.eval ("$('#statusVarsLabel').insertBefore('#inventoryLabel')")
JS.eval ("$('#statusVarsAccordion').insertBefore('#inventoryLabel')")
JS.eval ("$('#compassLabel').insertBefore('#inventoryLabel')")
JS.eval ("$('#compassAccordion').insertBefore('#inventoryLabel')")
JS.eval ("$('#placesObjectsLabel').insertBefore('#inventoryLabel')")
JS.eval ("$('#placesObjectsAccordion').insertBefore('#inventoryLabel')")
JS.eval ("$('#gamePanes').css('background-color', 'rgba(0, 0, 0, 0)')")
JS.eval ("$('#statusVars').css('background-color', 'black')")
JS.eval ("$('#statusVars').css('color', 'grey')")
request (SetInterfaceString, "PlacesObjectsLabel=Objects")
JS.eval ("$('#inventoryAccordion.ui-widget-content').css('background', 'black')")
JS.eval ("$('#inventoryAccordion.ui-widget-content').css('color', 'grey')")
JS.eval ("$('#statusVarsLabel').css('background', 'black')")
JS.eval ("$('#statusVarsLabel').css('color', 'grey')")
JS.eval ("$('#inventoryLabel').css('background', 'black')")
JS.eval ("$('#inventoryLabel').css('color', 'grey')")
JS.eval ("$('#placesObjectsLabel').css('background', 'black')")
JS.eval ("$('#placesObjectsLabel').css('color', 'grey')")
JS.eval ("$('#placesObjectsAccordion.ui-widget-content').css('background', 'black')")
JS.eval ("$('#placesObjectsAccordion.ui-widget-content').css('color', 'grey')")
JS.eval ("$('.ui-state-active').css('border', '1px solid lightgrey')")
JS.eval ("$('.ui-widget-content').css('border', '1px solid grey')")
JS.eval ("$('#gamePanesFinished').html('<h2></h2>')")
JS.eval ("$('.ui-button').css('background', 'black')")
JS.eval ("$('.ui-button').css('border', '1px solid grey')")
JS.eval ("$('.ui-button-text').css('color', 'grey')")
JS.eval ("$('.ui-button').mousedown(function() { $(this).css('background-color', 'grey'); } )")
JS.eval ("$('.ui-button-text').mousedown(function() { $(this).css('color', 'black'); } )")
JS.eval ("$('#gameBorder').mouseup(function() { $('.ui-button-text').css('color', 'grey'); } )")
JS.eval ("$('#gameBorder').mouseup(function() { $('.ui-button').css('background-color', 'black'); } )")
JS.eval ("var styleSelecting = $('<style>.ui-selecting { color: black; background-color: grey;}</style>'); $('html > head').append(styleSelecting)")
JS.eval ("var styleUnselecting = $('<style>.ui-unselecting { color: grey; background-color: black;}</style>'); $('html > head').append(styleUnselecting)")
JS.eval ("var styleSelected = $('<style>.ui-selected { color: black; background-color: grey;}</style>'); $('html > head').append(styleSelected)")
JS.eval (" var arrowUrl = 'images/ui-icons_f9bd01_256x240.png'; var styleArrow = $('<style>.ui-state-default .ui-icon { background-image: url('+ arrowUrl +'); }</style>'); $('html > head').append(styleArrow) ")
JS.eval ("$('#cmdCompassN').css('background', 'black')")
JS.eval ("$('#cmdCompassE').css('background', 'black')")
JS.eval ("$('#cmdCompassS').css('background', 'black')")
JS.eval ("$('#cmdCompassW').css('background', 'black')")
JS.eval ("$('#cmdCompassNW').css('background', 'black')")
JS.eval ("$('#cmdCompassNE').css('background', 'black')")
JS.eval ("$('#cmdCompassSW').css('background', 'black')")
JS.eval ("$('#cmdCompassSE').css('background', 'black')")
JS.eval ("$('#cmdCompassU').css('background', 'black')")
JS.eval ("$('#cmdCompassIn').css('background', 'black')")
JS.eval ("$('#cmdCompassD').css('background', 'black')")
JS.eval ("$('#cmdCompassOut').css('background', 'black')")
JS.eval ("$('#cmdCompassN').css('border', '2px solid grey')")
JS.eval ("$('#cmdCompassE').css('border', '2px solid grey')")
JS.eval ("$('#cmdCompassW').css('border', '2px solid grey')")
JS.eval ("$('#cmdCompassS').css('border', '2px solid grey')")
JS.eval ("$('#cmdCompassNW').css('border', '2px solid grey')")
JS.eval ("$('#cmdCompassNE').css('border', '2px solid grey')")
JS.eval ("$('#cmdCompassSE').css('border', '2px solid grey')")
JS.eval ("$('#cmdCompassSW').css('border', '2px solid grey')")
JS.eval ("$('#cmdCompassIn').css('border', '2px solid grey')")
JS.eval ("$('#cmdCompassOut').css('border', '2px solid grey')")
JS.eval ("$('#cmdCompassU').css('border', '2px solid grey')")
JS.eval ("$('#cmdCompassD').css('border', '2px solid grey')")
JS.eval ("$('#compassLabel').css('background', 'black')")
JS.eval ("$('#compassLabel').css('color', 'grey')")
JS.eval ("$('#compassAccordion').css('background', 'black')")
JS.eval ("$('#status').css('background-image', 'none')")
JS.eval ("$('#status').css('background-color', 'black')")
JS.eval ("$('#dialog_window_1').css('background-color', 'black');")
JS.eval ("$('body').css('background-color', 'black');")
JS.eval ("$('#gameBorder').css('background-color', 'black');")
Last try: add this to InitUserInterface
format=GetString(game, "commandbarformat")
if (format <> null){
JS.setCommandBarStyle(format)
}
format=GetString(game, "gameBorder")
if (format <> null){
JS.setCommandBarStyle(format)
}
Upps, I didn't notice that there is a problem with the side-bars
Just do a trick. Create a small picture with the colour black and use it as a background image in the "Display" tab of game
JS.eval ("$('body').css('background-color', 'black');")
JS.eval ("$('#gameBorder').css('background-color', 'black');")