darkic.user.js

gistfile1.txt

// ==UserScript==
// @name         Dark Imgur Scheme for IC
// @namespace    IC Change
// @version      3.5
// @description  Changes theme on Discourse IC to dark
// @author       MartynMage
// @include      http://community.imgur.com/*
// @include      https://community.imgur.com/*
// @run-at       document-end
// @grant        Nothing!
// ==/UserScript==

function addGlobalStyle(css) {
    var head, style;
    head = document.getElementsByTagName('head')[0];
    if (!head) { return; }
    style = document.createElement('style');
    style.type = 'text/css';
    style.innerHTML = css;
    head.appendChild(style);
}


addGlobalStyle(`
/*Core Colours*/
html {background-color: #222; color: #fff;}
a:active, a:hover {outline: 0;}
a {color: #4E76C9;}
.settings .setting.overridden.string input[type=text] {background-color: #f0f0f0 !important;}
.settings .setting.overridden h3 {color: #e0e0e0 !important;}
.setting.overridden h3 {color: #e0e0e0 !important;}
.setting.overridden h3 {color: #e0e0e0 !important;}
a:hover {color: #39C442;}

/*Hide the "register" button*/
.d-header button.sign-up-button {display: none;}

/*Colours for Banner at top of Website*/
#banner {background: #f0f0f0; color: #222; box-shadow: 0 1px 2px #191919;}
#banner .close{color: #222;}

/*Colours on Topic List*/
.topic-list > tbody > tr {color: #000}
.topic-list > tbody > tr:nth-child(even) {background: #ffffff}
.topic-list > tbody > tr:nth-child(odd) {background: #f0f0f0}
.topic-list a{color: #000;}
.topic-list a.title {color: #000;}

/*Categories colour*/
.topic-list.categories{border-spacing: 0 1em; border-collapse: separate;}
.topic-list.categories th, .topic-list.categories td {padding: 0 15px 0 15px;}
.topic-list.categories>tbody>tr:nth-child(odd), .topic-list.categories>tbody>tr:nth-child(even) {background-color: #fff;}
.topic-list.categories td.category  {border-top-left-radius: 6px; border-bottom-left-radius: 6px;}
.topic-list.categories .category h3 a[href] {color: #222;}
.topic-list.categories a.title {color: #39C442;}
.topic-list.categories .category .category-description {color: #222;}
.topic-list td > .badge-wrapper.bullet span.badge-category.clear-badge {color: #222 !important;}

/*Rounded Corners*/
.topic-list:not(.categories){background-color: white; border-radius: 6px;}
.topic-list.categories td.category  {border-top-left-radius: 6px; border-bottom-left-radius: 6px;}
.topic-list.categories td.category  {border-top-left-radius: 6px; border-bottom-left-radius: 6px;}


/*"reply" popup*/
#reply-control {background-color: #222;}
#reply-control .wmd-controls .d-editor-input, #reply-control .wmd-controls .d-editor-preview {background-color: #fff;}
#reply-control .d-editor-button-bar {background-color: #fff;}
#reply-control .d-editor-button-bar button {color: #222;}
#reply-control .contents .d-editor-input, #reply-control .contents .d-editor-preview {color: #222;}
.d-editor-input {background-color: white; color: #222222;}
#reply-control .toggler {color: #fff;}

/*"view deleted replies"*/
.gap.jagged-border {min-width: 75%;	margin-left: 55px; border-radius: 6px;}

/*User Menu (notifications etc)*/
.user-menu .notifications li {background-color: #464646;}
.user-menu .notifications li:hover {background-color: #464646;}
.menu-panel ul.menu-links li a:hover, .menu-panel ul li.heading a:hover {background-color: #464646;}
.user-info.medium.badge-info .granted-on {color: #222;}
.user-info.medium .user-detail {background-color: #fff}
.user-menu .notifications li a {color: #f0f0f0}
.user-menu .notifications li a:hover {background-color: #222}
.user-menu .notifications li span {color: #39C442;}
.user-menu .notifications .read {background-color: #222;}


/*Post Reply display*/
.embedded-posts .topic-body { max-width: 90%;}
.embedded-posts.top {min-width: 68%;}
.embedded-posts.top.topic-body {padding: 11px;}

/*Padding, colours and wider comments on topics*/
#topic-title h1 a {color: #fff;}
.topic-body.highlighted, #topic-list .topic-list-item.highlighted {background-color: #eee;}
.topic-body{-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); box-shadow: 0 1px 1px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); background-color: #fff; color: #000; margin-top: 5px; margin-bottom: 10px; padding-left: 20px; border-radius: 6px; padding-right: 25px; min-width: 71%;}
.topic-avatar{border-top: 0; padding-right: 10px;}
.topic-body {background-color: #fff; color: #222;}

/*Moderator Colour on Replies*/
.moderator .topic-body {background-color: #c3eec6;}

/*Topic Progress*/
#topic-progress {background-color: #222; border: 1px solid #222; color: #fff; font-weight: normal;}
#topic-progress .bg {background-color: #39C442; border-right: 1px solid #222;}
#topic-progress-expanded {background: #222;}

/*Button Colours*/
.btn {background: #333; color: #39C442;}
.btn-primary {background: #39C442; color: #2b2b2b;}
.btn:hover {color: #222; background: #39C442;}
.topic-map>.buttons>.btn:hover {color: #222; background: #ccc;}
.topic-map>.buttons>.btn {color: #222; background: #fff;}
button#create-topic.btn.btn-default {color: #39C442; background: #222;}
button#create-topic.btn.btn-default:hover {background: #39C442; color: #fff;}
.topic-map > .buttons > .btn {border: 0; padding: 0 23px; color: #222; background: #2b2b2b; border-left: 1px solid #fff; border-top: 1px solid #fff;}
.btn[href] {color: #fff;}
.admin-contents > .btn {background: #fff;}
.btn-small {background: #fff !Important; color: #222 !important;}
#reply-control {color: #fff;}
#topic-footer-buttons p {color: #fff;}
a:hover.reply-new {color: #39C442;}
nav.post-controls button.create:hover {color: #fff; background: #222;}


/*User "title"*/
.names .new_user a, .names .user-title, .names .user-title a {color: #222;}

/*Topic Visited/ read*/
.topic-list a.title:visited {color: #666 !important}
.topic-list a.visited:not {color: #222 !important}
.fa.tracking, .fa.watching{color: #39C442;}

/*Admin Options*/
.admin-contents {color: #222; padding-left: 25px !important; padding-right: 25px !important;}
.selected-posts p {color: #222;}
.popup-menu h3 {color: #fff;}
.popup-menu {background-color: #222;}

/*User Profile*/
.user-main {padding-left: 5px; padding-right: 5px; padding-top: 5px;}
.nav-pills>li>a {color: #fff; background-color: #222}

/*Alerts*/
.badge-notification.new-posts, .badge-notification.unread-posts {background-color: #39C442; color: #f2f2f2;}
.alert.alert-info {background-color: #ccc;}
.alert.alert-info.clickable {color: #222;}

/*Misc*/
.badge-wrapper.bullet span.badge-category {color: #39C442 !important; display: inline-block; overflow: hidden; text-overflow: ellipsis;}
.badges-listing {tr:nth-child(even) {background: #2b2b2b} tr:nth-child(odd) {background: #222222}}
body textarea {background-color: white; color: #222222;}
body input[disabled], body select[disabled], body textarea[disabled], body input[readonly], body select[readonly], body textarea[readonly] {cursor: not-allowed; background-color: #6C6C6C; border-color: #6C6C6C;}
.badge-notification.clicks {background: #39C442; color: #222222;}
.topic-map .topic-links .badge-notification {margin: 5px 10px 5px 10px;}
.topic-list td:first-of-type {padding-left: 10px;}
.badges-listing tr td {padding: 11px;}
body input[type="text"], body input[type="password"], body input[type="datetime"], body input[type="datetime-local"], body input[type="date"], body input[type="month"], body input[type="time"], body input[type="week"], body input[type="number"], body input[type="email"], body input[type="url"], body input[type="search"], body input[type="tel"], body input[type="color"] {background-color: #fff;}
body input, body textarea, body select {color: #222 !important;}
body .grippie {border-top: 1px solid #191919; background: #2b2b2b no-repeat center 3px;}
.names span a {color: #222;}
.menu-panel ul.menu-links li a, .menu-panel ul li.heading a:visited {color: #39C442;}
.menu-panel ul.menu-links li a:hover {background-color: #666;}
nav.post-controls button.create {color: #fff; background: #39C442;}
.nav-pills > li > a:hover{background-color: #39C442; color: #fff;}
body select, body textarea {color: #2b2b2b;}
.ace_search_field{color: #000;}
a.mention, a.mention-group {background: #f0f0f0; color: #222 !important;}
.topic-map {margin: 20px 0 0 0; background: #fff; border: 1px solid #fff;}
nav.post-controls > button.d-hover {background: #39C442; color: #222;}
nav.post-controls > button.like.d-hover {color: #222; background: #39C442;}
.nav-pills>li>a {color: #fff;}
.list-controls .category-breadcrumb li.bullet>.badge-category {background: #595959 !important; color: #fff !important;}
.nav-pills>li.active>a, .nav-pills>li>a.active {background-color: #39C442;}
.badge-notification.new-topic {color: #39C442;}
.menu-panel {background-color: #222; color #fff}
.search-menu li:not(.category):not(.heading):hover a:not(.badge-notification) {background-color: #444;}
.select2-container a.select2-choice {background: #222; border-color: #222; color: #39C442;}
.select2-container a.select2-choice {background: #fff; border-color: #2b2b2b; color: #222;}
.list-controls .category-dropdown-menu {background-color: #222;}
.list-controls .category-dropdown-menu .home {color: #fff;}
#suggested-topics {color: #fff;}
.search-menu li:not(.category):not(.heading) a {color: #fff;}
.user-main {background: #fff;}
.user-main > .badge-wrapper.bullet span.badge-category {color: #222 !important;}
hr {border-top: 1px solid #666;}
div.menu-links-header a:hover {background-color: #666;}
div.menu-links-header .fa, div.menu-links-header a {color: #39C442;}
.directory table th.sortable {color: #fff;}
.period-chooser h2 {color: #fff;}
.directory table th.sortable:hover {background-color: #f0f0f0;}
.directory table tr.me td {background-color: #e0e0e0;}
.small-action {max-width: 890px;}
.reply-to, a, a:visited {color: #39C442}
.topic-list .sortable:hover {background-color: #f0f0f0;}
.itemscope {color: #fff;}
.similar-topics {background-color: #f0f0f0; color: #222;}
.modal-body {color: #222;}
.user-main .nav-pills a {color: #fff;}
`);