Here's what we're currently working on. This is very much a work in progress and we've got a more planned.
Some notes:
- Adjusted the width of the case so that it fills 1/2 of a standard 22" widescreen monitor (950px), yay Windows 7!
- Removed the dark blue borders from the header strip
- Made some fonts bigger & more readable, replaced excessive Verdana use with some Arial (personal preference)
- Changed the bug grid colors to be a little less overwhelming and more Gmail-y
Here's the code (just the CSS field in BugMonkey):
a.vb{color: #0F5491 !important}
a.uvb{font-weight:bold !important}
#mainArea,#mainAreaContinued{font-size:10pt !important}
.changes{padding: 0 !important}
#idContainer{width: 90% !important}
#www-fogcreek-com-fogbugz,#mainArea{font-family:Arial;}
.buttonbar {width: 100% !important}
div.bugShadowBottom {width: 100% !important; max-width: 79em;}
#bugviewContainer {width: 100% !important}
#bugviewContainer .top .ixBug {width:13em !important}
#bugviewContainer .top .idTitleProjectAndArea {margin-left:13.5em !important}
#bugviewContainer .side {width:13em !important}
#bugviewContainer .bugevents {margin-left:14em !important}
#bugviewContainer .bugevents .bugevent .body textarea { width:99% !important}
#BugFields, #BugMeta {width:100% !important}
div.emailHeaderName {font-family:arial !important; font-size:8pt !important; color:#555 !important;}
div.emailHeaderValue {font-family:arial !important; font-size:8pt !important; color:#555 !important;}
div.emailBody {font-size:10pt !important; padding:12px 10px !important;}
#bugviewContainer .top .row1 {width: 49.3em !important;}
#bugviewContainer .top .row2,
#bugviewContainer .top .row3,
#bugviewContainer .top .rowPlugin {width: 15.5em !important}
#bugviewContainer .top .row2 input,
#bugviewContainer .top .row3 input,
#bugviewContainer .top .rowPlugin input {width: 17em !important}
#bugviewContainer .top .plugins.edit {margin-left:0em !important; clear:left; width:100% !important;}
#bugviewContainer .top .title {font-size:1.5em !important;}
.bugTopItem3 {width: 99% !important}
#bugviewContainer .bugevents .bugevent .summary .action {font-size:10pt !important;}
#bugviewContainer .bugevents .bugevent .changes {font-size:10pt !important;}
#banner {border-top: 2px solid #E0E9F1 !important; border-bottom: 2px solid #E0E9F1 !important; }
.bugs tbody tr td {font-size:12px !important; color:#888 !important; }
.bugs tbody tr td a {text-decoration:none !important; }
.bugs tbody tr td a:hover {text-decoration:underline !important; }
#mainArea #bugGrid .g-r-context td a { color: #999 !important; }
#mainArea h2 #bugGrid .g-r-context td a.dotted { text-transform:none border-bottom: 1px dotted #999 !important;}