Dark crucible style

crucible.css

/*
 * Mostly stolen from https://userstyles.org/styles/107782/dark-crucible
 * Modified by [email protected]
 * Enjoy.
 */
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document regexp('.*crucible.*') {

  div.fineprint {
    display: none;
  }
  
  #generalCommentsInner {
    background-color: #222222;
  }
  
  /* comments count */
  .aui-badge {
    color: rgba(255, 255, 255, 0.8);
  }
  
  /*common header*/
  body#reviewpage  {
    background: #333333;
    color: #BBBBBB;
  }
  
  h1#review-perm-id {
    color: #BBBBBB;
  }
  
  #reviewpage .page-sub-header, .review-header {
    background-color: #222222;
    border: none;
  }
  
  div.aui-buttons {
    background-color: #555;
    border-radius: 4px;
  }
  
  .aui-button, a.aui-button, .aui-button:visited {
    background: none;
    color: #BBBBBB;
    text-shadow: none;
    border:none;
  }
  
  h2.editable-field.read-mode {
    color: #BBBBBB;
  }
  
  /* dim all images */
  span, #toggle-tree, a.toggleFileRead-manual, #time-spent, .frxSlider .ui-slider {
    opacity: 0.7;
  }
  
  /* left panel header */
  #review-meta h3 {
    background-color: #333333;
    color: #BBBBBB;
    border: none;
  }
  
  #tree-root li.source-node .source-node-hr {
    border-top: 1px solid black;
  }
  
  #tree-root li.source-node > span {
    color: #BBBBBB;
    background: #333333;
  }

  
  /* left panel body */
  #reviewpage #content-navigation {
    background: #222222;
    border: none;
  }
  
  #reviewpage #content-resizable {
    background-color: black;
  }
  
  li.activeFrx > span {
    background-color: rgba(49, 49, 50, 1);
  }
  
  /* main panel header */
  #reviewpage #content-column .toolbar {
    background: #333333;
  }
  
  #reviewpage #review-info-container .toolbar {
    border: none;
  }
  
  .toolbar .tb_left {
    border-right: 1px solid black;
  }

  .frx-header-container .frx-header {
    border-bottom: 0px;
    background: #222222;
  }
  
  .toolbar-frame .aui-dd-parent a.aui-dd-link {
    color: #BBBBBB;
  }
  
  #time-spent-input {
    color: #BBBBBB;
  }
  
  .inline-comment-tip {
    background-color: #333333;
    padding: 0px 0px;
  }

  #mark-comments-read-button a {
    color: #BBBBBB;
  }
  
  /* source code columns */
  .tetrisColumn {
    background-color: #313131;
  }
  
  .diffNav {
    display: none;
    background-color: #313131;
  }

  .blameAuthGutter {
    background-color: #313131;
    border-color: #313131;
    color: #ffffff;
  }
  
  /* author */
  .inlineSource td.author {
    background-color: #313131;
  }
  
  .inlineSource td.author.cell-empty, .inlineSource td.revision.cell-empty {
    border-color: #313131;
    background-color: #313131;
  }
  
  /* revision */
  td.revision {
    opacity: 0.7;
  }
  
  td.revision.annotAge0 {
    opacity: initial;
    background-color: #313131;
    color: #BBBBBB;
  }
  
  /* code */
  .sourceLine {
    background: #313131;
    color: #BBBBBB;
  }
  
  .hl_identifier {color: #D8D7D5;}
  .hl_string     {color: #EBDF8C;}
  .hl_keyword, .hl_starttag, .hl_endtag {
    color: #DF2C73; /* monokai pink */
  }
  .hl_numeric    {color: #BD9CFC;}
  
  /* unchanged */
  .diffContent, .diffContentA, .diffContentB, .ediffContentA, .ediffContentB {
    border-left: none;
    border-right: none;
  }
  
  /* removed */
  .diffLineNumbersA, td.diffContentA, a.diffFileA:link, a.diffFileA:hover, a.diffFileA:visited, .ediffContentA
  {
    background: #46292A;
  }
  
  .ediffChangedA
  {
    background: #7F3B3C;
  }
  
  /* added */
  .diffLineNumbersB, td.diffContentB, a.diffFileB:link, a.diffFileB:hover, a.diffFileB:visited,  .ediffContentB
  {
    background: #293128;
  }
  
  .ediffChangedB
  {
    background: #3E493C;
  }
  
  /* comments */
  .source {
    background-color: #313131;
    padding-bottom: 0px;
  }
  
  .comment-list {
    border: 1px solid #999;
    background-color: #313131;
  }
  
  .comment textarea, .commentForm textarea {
    border: none;
    background: #333333;
    color: #BBBBBB;
  }
  
  .comment .wiki-buttons {
    background: #333333;
    border: none;
  }
  
  .comment:hover:not(form) {
    background-color: #222222;
  }
  
  .comment.unread, .comment.leaveUnread {
    background-color: #444444;
  }
  
  /* skipped because of no diffs */
  .activeFrx .diffSkipped td {
    filter: invert(80%);
    background-color: #DDD;
  }
  
  /* file names */
  #content-column span.frx-changed, #navigation-tree .tree span.frx-changed a {
    color: #3b73af;
  }
  
  /* hovered comment highlight */
  .inlineSource .lineHighlighted .diffLineNumbersA,
  .inlineSource .lineHighlighted .diffLineNumbersB,
  .inlineSource .lineHighlighted .diffMarkerCol,
  .inlineSource .lineHighlighted .diffContent,
  .inlineSource .lineHighlighted .diffContentA,
  .inlineSource .lineHighlighted .diffContentB,
  .inlineSource .lineHighlighted .ediffContentA,
  .inlineSource .lineHighlighted .ediffContentB {
    background-color: #555555;
  }

  /* bottom space */
  #frx-pane {
    background-color: #222222;
    border-bottom: 0px;
    border-left: 0px;
    border-radius: 0px 0px 0px 0px;
    overflow: hidden;
  }
  
  /* dialog box */
  .dialog-components {
    background-color: #333333;
    color: #BBBBBB;
  }
  
  .dialog-panel-body {
    background-color: #222222;
    color: #BBBBBB !important;
  }
  
  .aui-dialog h2.dialog-title, .lingo h3, .linked-jira-content dt {
    color: #BBBBBB;
  }
}