GitX: diff custom css (forked from https://github.com/rowanj/gitx/blob/master/html/css/diff.css)

custom.css

/*
$ cd /Applications/GitX.app/Contents/Resources/html/css/
$ open diff.css
*/

.diff .file {
  margin: 10px;
  line-height: 1.5em;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-size: 12px;
  border: 1px solid #ddd;
}

.diff .file .fileHeader {
  line-height: 2em;
  padding: 0 0.5em;
  font-family: Monaco;
  background: #eee;
}

.diff .file .fileHeader a {
  color: #666;
  text-decoration: none;
}

.diff .file .diffContent {
  white-space: pre;
}

.diff .file .diffcontent .lineno {
  float: left;
  padding-left: 5px;
  padding-right: 5px;
  background-color: white;
  color: #A9A9A9;
  border-right: 1px solid #DDDDDD;
  text-align: center;
}

.diff .file .diffContent .lines {
  overflow: auto;
}

.diff .file .diffContent .lines .hunkheader {
  line-height: 2m;
  background-color: #f8f8ff;
  color: #999;
}


.diff .file .diffcontent .lines .delline {
  background-color: #FEE;
  color: #B00;
}

.diff .file .diffcontent .lines .addline {
  background-color: #DFD;
  color: #080;
}

.diff .file .diffcontent .lines .whitespace {
  background-color: rgba(255,0,0,0.5);
}

#CurrentHunk {
  border-left: 5px solid black;
}