What do you think of this?
body { cursor:default; background-color:black; margin-top:5px }
body, optgroup, tr, legend, .button { font:10px 'Verdana','san-serif'; color:white }
.tuser { font-family: 'Trebuchet MS','Georgia','san-serif' }
.tsmall, small { font-size:9px }
.tmid { font-size:12px }
.tstrong, strong { font:14px 'Arial','Helvetica','san-serif' }
.tbig, big { font:22px 'Arial','Helvetica','san-serif' }
.bold { font-weight:bold }
.box { border:1px solid #404040; padding:3px; background:#7f7f7f }
.box_title { border-bottom:0px }
.box_title .coltitle { padding:10px 7px 10px 7px }
.box_body { border-top:0px; padding-top:0px }
.noborder { border:0px }
.bump { margin-bottom:15px }
.bump_left { margin-left:15px }
.box div { zoom:100%; padding:5px }
.box .bit { display:inline }
.box .anchor { text-align:right }
.box .tab span { padding:5px }
.box .toggle { padding:0px; margin:1px 4px 1px 1px }
.box .left { float:left }
.box .right { float:right }
.row_emboss .toggle { border:1px solid #bfb400 }
.bit .row_emboss { background:#403c00; border: 1px solid #e5d800; color:#e5d8bf }
.main_inner_border { border:1px solid #bfb400; }
.main_outer_border { border:1px solid #7f7800; }
ul { padding-left:25px }
.main_table, .bg { background-color:#201e00 }
.coltitle { background:#404040; color:#e5e5e5 }
.row_dark { background:#202020; color:#bfbfbf }
.row_alt { background:#404040; color:#e5e5e5 }
.row { background:#403c00; color:#e5d8bf }
.row_browse { background:#404040; color:#e5e5e5 }
.tab, .active_tab { background:#202020; color:#bfbfbf }
.button { background:#606060 }
.button { color:lightgrey; text-decoration:none }
.textbox, textarea { background:#202020 }
form { display:inline }
.hp { cursor:help }
.button { padding:1px; font-weight:bold }
acronym, abbr { text-decoration:none }
input, .textbox, textarea, select { color: #bfbfbf; padding: 2px; font: 11px 'courier new'; border: 1px solid #404040 }
select { background: #202020; color: #bfbfbf }
img { border: 1px solid transparent }
a { color:#e5d800; text-decoration:none }
a:hover { text-decoration:underline }
a.item:link { font-weight:bold }
.quote div, .file td { background-color:#202020; color:#bfbfbf; padding:5px; margin:5px }
.form_error { border:2px solid #FF4E4E; background-color:#18151A; padding:5px; margin:5px }
.form .row_dark { padding: 10px }
.form .subtitle { margin-bottom: 7px }
.red { color:#FF4E4E }
.green { color:#6EE16C }
.blue { color:#6CB1E1 }
.orange { color:#FF7238 }
.grey { color:#8D8D8D }
.link_color { color:#FFD800; }
.thumb { border:1px solid #000000; margin:3px }
.bump .widget { white-space:nowrap }
.bump .news { margin-left:50px }
.bump .date { margin-left:55px; padding-top:0px; padding-bottom:0px }
.row .bump .counter, .row .bump .click { text-align:center; background:#201e00 }
.row_alt .bump .counter, .row_alt .bump .click { text-align:center; background:#202020 }
.bump .icon { cursor:pointer }
#content td { padding:3px }
How about this?
If there's little stuff don't be shy about it. It just took a few minutes for me to fudge around with the colors, so I can't imagine how long it would take if you don't know which end is up with the CSBanana stylesheet.
body { cursor:default; background-color:black; margin-top:5px }
body, optgroup, tr, legend, .button { font:10px 'Verdana','san-serif'; color:white }
.tuser { font-family: 'Trebuchet MS','Georgia','san-serif' }
.tsmall, small { font-size:9px }
.tmid { font-size:12px }
.tstrong, strong { font:14px 'Arial','Helvetica','san-serif' }
.tbig, big { font:22px 'Arial','Helvetica','san-serif' }
.bold { font-weight:bold }
.box { border:1px solid #000000; padding:3px; background:#000000 }
.box_title { border-bottom:0px }
.box_title .coltitle { padding:10px 7px 10px 7px }
.box_body { border-top:0px; padding-top:0px }
.noborder { border:0px }
.bump { margin-bottom:15px }
.bump_left { margin-left:15px }
.box div { zoom:100%; padding:5px }
.box .bit { display:inline }
.box .anchor { text-align:right }
.box .tab span { padding:5px }
.box .toggle { padding:0px; margin:1px 4px 1px 1px }
.box .left { float:left }
.box .right { float:right }
.row_emboss .toggle { border:1px solid #7f7800 }
.bit .row_emboss { background:#403c00; border: 1px solid #bfb400; color:#e5d8bf }
.main_inner_border { border:1px solid #bfb400; }
.main_outer_border { border:1px solid #7f7800; }
ul { padding-left:25px }
.main_table, .bg { background-color:#000000 }
.coltitle { border:1px solid #bfb400; background:#403c00; color:#e5d8bf }
.row_dark { background:#000000; color:#bfbfbf }
.row { background:#000000; color:#e5e5e5 }
.row_alt { border:1px solid #7f7800; background:#403c00; color:#e5d8bf }
.tab, .active_tab { background:#202020; color:#bfbfbf }
.button { background:#7f7800 }
.button { color:#e5d8bf; text-decoration:none }
.textbox, textarea { background:#202020 }
form { display:inline }
.hp { cursor:help }
.button { padding:1px; font-weight:bold }
acronym, abbr { text-decoration:none }
input, .textbox, textarea, select { color: #bfbfbf; padding: 2px; font: 11px 'courier new'; border: 1px solid #404040 }
select { background: #202020; color: #bfbfbf }
img { border: 1px solid transparent }
a { color:#e5d800; text-decoration:none }
a:hover { text-decoration:underline }
a.item:link { font-weight:bold }
.quote div, .file td { background-color:#202020; color:#bfbfbf; padding:5px; margin:5px }
.form_error { border:2px solid #FF4E4E; background-color:#18151A; padding:5px; margin:5px }
.form .row_dark { padding: 10px }
.form .subtitle { margin-bottom: 7px }
.red { color:#FF4E4E }
.green { color:#6EE16C }
.blue { color:#6CB1E1 }
.orange { color:#FF7238 }
.grey { color:#8D8D8D }
.link_color { color:#FFD800; }
.thumb { border:1px solid #000000; margin:3px }
.bump .widget { white-space:nowrap }
.bump .news { margin-left:50px }
.bump .date { margin-left:55px; padding-top:0px; padding-bottom:0px }
.row .bump .counter, .row .bump .click { text-align:center; background:#202020; border:0px }
.row_alt .bump .counter, .row_alt .bump .click { text-align:center; background:#201e00; border:0px }
.bump .icon { cursor:pointer }
.bump { background:#000000 }
#content td { padding:3px }
OK so I think the only grey left is the text on the black background (#d8d8d8, #bfbfbf).
body { cursor:default; background-color:black; margin-top:5px }
body, optgroup, tr, legend, .button { font:10px 'Verdana','san-serif'; color:white }
.tuser { font-family: 'Trebuchet MS','Georgia','san-serif' }
.tsmall, small { font-size:9px }
.tmid { font-size:12px }
.tstrong, strong { font:14px 'Arial','Helvetica','san-serif' }
.tbig, big { font:22px 'Arial','Helvetica','san-serif' }
.bold { font-weight:bold }
.box { border:1px solid #000000; padding:3px; background:#000000 }
.box_title { border-bottom:0px }
.box_title .coltitle { padding:10px 7px 10px 7px }
.box_body { border-top:0px; padding-top:0px }
.noborder { border:0px }
.bump { margin-bottom:15px }
.bump_left { margin-left:15px }
.box div { zoom:100%; padding:5px }
.box .bit { display:inline }
.box .anchor { text-align:right }
.box .tab span { padding:5px }
.box .toggle { padding:0px; margin:1px 4px 1px 1px }
.box .left { float:left }
.box .right { float:right }
.row_emboss .toggle { border:1px solid #7f7800 }
.bit .row_emboss { background:#403c00; border: 1px solid #bfb400; color:#e5d8bf }
.main_inner_border { border:1px solid #bfb400; }
.main_outer_border { border:1px solid #7f7800; }
ul { padding-left:25px }
.main_table, .bg { background-color:#000000 }
.coltitle { border:1px solid #bfb400; background:#403c00; color:#e5d8bf }
.row_dark { background:#000000; color:#bfbfbf }
.row { background:#000000; color:#d8d8d8 }
.row_alt { border:1px solid #7f7800; background:#403c00; color:#e5d8bf }
.tab, .active_tab { background:#000000; color:#bfbfbf }
.button { background:#7f7800 }
.button { color:#e5d8bf; text-decoration:none }
.textbox, textarea { background:#201e00 }
form { display:inline }
.hp { cursor:help }
.button { padding:1px; font-weight:bold }
acronym, abbr { text-decoration:none }
input, .textbox, textarea, select { color: #bfb47f; padding: 2px; font: 11px 'courier new'; border: 1px solid #403c00 }
select { background: #201e00; color: #bfb47f }
img { border: 1px solid transparent }
a { color:#e5d800; text-decoration:none }
a:hover { text-decoration:underline }
a.item:link { font-weight:bold }
.quote div, .file td { background-color:#201e00; color:#bfb47f; border:1px solid #7f7800; padding:5px; margin:5px }
.form_error { border:2px solid #FF4E4E; background-color:#18151A; padding:5px; margin:5px }
.form .row_dark { padding: 10px }
.form .subtitle { margin-bottom: 7px }
.red { color:#FF4E4E }
.green { color:#6EE16C }
.blue { color:#6CB1E1 }
.orange { color:#FF7238 }
.grey { color:#8D8D8D }
.link_color { color:#FFD800; }
.thumb { border:1px solid #000000; margin:3px }
.bump .widget { white-space:nowrap }
.bump .news { margin-left:50px }
.bump .date { margin-left:55px; padding-top:0px; padding-bottom:0px }
.row .bump .counter, .row .bump .click { text-align:center; background:#000000; border:0px }
.row_alt .bump .counter, .row_alt .bump .click { text-align:center; background:#000000; border:0px }
.bump .icon { cursor:pointer }
.bump { background:#000000 }
#content td { padding:3px }