Danbooru: dark colour scheme

@-moz-document domain("donmai.us") {
/* This style updates colours used on Danbooru to make it a generally light-on-dark */
/*  theme, rather than the dark-on-white that is the site default.                  */
/* It changes *only* colours; no other styling is affected.                         */

/* It was originally based on flynch's "Darkbooru" style; that was rebuilt because  */
/*  the original Darkbooru also contained many other style adjustments, so wasn't   */
/*  terribly well suited to working with Small Mode.                                */
/* This style contains some rules for Small Mode elements, but should generally be  */
/*  fine to use by itself as well.                                                  */

/* Last updated 2013-07-02 by kounishin                      */
/* May break if Danbooru page styles change after that date. */

/* 2013-07-02: #page and #page-footer now explicitly set background as well */
/* 2013-07-06: div#expandable should match blockquote */
/* 2013-07-19: pools list has last-page links too now */
/* 2013-07-22: fix colour of text/links in spoilers */

body,
div#page,
footer#page-footer {
  background: #222 !important;
  color: #CCC !important;
}

/* borders for Small Mode elements */
header#top nav,
div#nav-links,
div#page aside#sidebar {
  border-color: #569ffa !important;
}

/* adjust colours for floating pool navigation */
div#nav-links {
  background: rgba(48,48,96,0.8) !important;
}
div#nav-links li:hover {
  background: #6c6cac !important;
}
div#nav-links > div:last-child li:last-child {
  background: rgba(48,48,96,0.8);
}

header#top nav {
  background-color: rgba(48,48,96,0.8) !important;
}

/* all header menus (in practice only the main one) */
header#top menu.main {
  background: rgba(48,48,96,0.8) !important;
}

/* adjust background for submenu; you want to match the active link in the main one */
header#top menu.main + menu {
  background: rgba(96,96,144,0.9) !important;
}
/* caution: if this is semitransparent, it will combine with the main menu  */
/*  background, so you can't just use the same colour values as the submenu */
header#top menu.main li.current a {
  background: rgba(128,128,176,0.5) !important;
}

div#page aside#sidebar,
div#page aside#sidebar:hover {
  background: rgba(48,48,96,0.8) !important;
}

blockquote,
div.expandable,
div.prose pre {
  background: #333 !important;
}

div.expandable-button {
  background: #444!important;
}

div#news-updates {
  /* background: #EEE; */
  background: #777 !important;
}

div.ui-state-highlight {
  /* border: 1px solid #fceec1; */
  /* background: #FDF5D9;       */
  /* color: #363636;            */
  border: 1px solid #786F52 !important;
  background: #79735D !important;
  color: #111 !important;
}

/* notes still have light backgrounds, so need to default to dark text */
/* but make them a little softer than pure-black-on-pure-white         */
div.note-body {
  background: #f8f8f8 !important;
  color: #111 !important;
  border-color: #111 !important;
}

/* default link colours need to be lighter */
a {
  /* color: #0073ff */
  color: #58a3ff !important;
}
a:hover {
  /* color: #80b9ff; */
  color: #C2DDFF !important;
}
div#c-forum-topics a.last-page,
div#c-pools a.last-page {
  /* color: #666 */
  color: #888 !important;
}

/* spoilers need their own adjustments */
/* .spoiler{color:black;background:black} */    /* default is fine here */
.spoiler a {        /* needs to be !important to override custom link colors */
  color: black !important;
}
.spoiler:hover {    /* match adjusted body text */
  color: #CCC !important;
}
.spoiler:hover a {  /* needs to be !important to override the non-hovered one */
  color: #58a3ff !important;
}
.spoiler:hover a:hover {  /* and stay consistent with other links */
  color: #C2DDFF !important;
}

/* defined in default style sheet this way, thus more specific than the general one above */
div.prose pre {
  background: rgb(51,51,51) !important;
}

/* tag history uses wrappers rather than classes for added/deleted tags */
ins > a {
  /* color: green */
  color: #6d6 !important;
}
ins > a:hover {
  color: #bfb !important;
}
del > a {
  /* color: red */
  color: #d66 !important;
}
del > a:hover {
  color: #fbb !important;
}

/* general tags just use default style at time of writing */
/*
.category-0 a, a.tag-type-0 {
  color: #0073ff;
}
*/

/* artist tags */
.category-1 a, a.tag-type-1 {
  /* color: #A00; */
  color: #D66 !important;
}
/* copyright tags */
.category-3 a, a.tag-type-3 {
  /* color: #A0A; */
  color: #D6D !important;
}
/* character tags */
.category-4 a, a.tag-type-4 {
  /* color: #0A0; */
  color: #6D6 !important;
}

/* make paginator / footer / forum borders blend better */
div.paginator a,
#page-footer,
table.striped tbody tr {
  border-color: rgba(238,238,238,0.3) !important;
}

/* likewise striped tables (ie, the forum) */
table.striped tr.even {
  /* background-color: #FAFAFA; */
  background-color: rgba(128,128,128,0.2) !important;
}
/* needs "tbody" to out-specific the .tr.even definition */
table.striped tbody tr:hover {
  /* background-color: #C5F1FF; */
  background-color: #576265 !important;
}

/* pos/neg feedback background colours override odd/even rows in original style */
/* these override the on-hover highlight; that's true in the original too.      */
div#c-user-feedbacks tr.feedback-category-positive {
    background-color: rgba(64,128,64,0.3) !important;
}
div#c-user-feedbacks tr.feedback-category-negative {
    background-color: rgba(128,64,64,0.3) !important;
}
div#c-user-feedbacks tr.feedback-category-neutral {
    background-color: transparent !important;
}

/* additions to keep even-row highlights for pos/neg rows */
/*  clashes too much when going from a highlight-coloured */
/*  row to a regular non-highlighted non-coloured one, so */
/*  I've turned it off again.                             */
/*
div#c-user-feedbacks tr.feedback-category-positive.even {
    background-color: rgba(128,192,128,0.3) !important;
}
div#c-user-feedbacks tr.feedback-category-negative.even {
    background-color: rgba(192,128,128,0.3) !important;
}
*/

/* uncomment to enable hover-highlight on pos/neg rows too */
/* must appear AFTER the pos/neg colours to work correctly */
div#c-user-feedbacks tr:hover {
  /* background-color: #C5F1FF; */
  background-color: #576265 !important;
}


/* Forum / history column headings */
th {
  color: #888 !important;
}

}