Modifies TorrentBD to use Dark mode inspired by Github.
As of
// ==UserScript==
// @name TorrentBD True Dark CSS - Github Theme
// @namespace https://websalman.com/
// @version 1.0
// @description Modifies TorrentBD to use Dark mode inspired by Github.
// @author ac1d10.sk / NaeemBolchhi
// @icon data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhEQ0QxMEFEM0FFRTExRUFBMzAwQzI2REE1MEFBNTJEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhEQ0QxMEFFM0FFRTExRUFBMzAwQzI2REE1MEFBNTJEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OERDRDEwQUIzQUVFMTFFQUEzMDBDMjZEQTUwQUE1MkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OERDRDEwQUMzQUVFMTFFQUEzMDBDMjZEQTUwQUE1MkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4l3CaDAAADIUlEQVR42rRXv09aURQ+FsHWCg2RIAwSm6okJZSmi4tLKUZjw+TC6H9RN7vRTu3CYOzSxXY0JozCQgJ1KNSENKQ1jRB/1GJMKaBAyOs5z3vN8/mAdwVO8oXAu/d8H/f8uOcNgH4bQbxEPEc8RTxEPGDP/iJ+ITKIOCKKKEOPbBKxzhxKOlFmeya7Ib6LeIOoCRCrQXvfMl9C9giR7oJYjbTIaTxDHPeQnOOY+e4Y75M+kHOctDuJeyyLpT7jG+OSbVAh4DXC1+mILBYLGAwGMBqNMDw8DENDQ5eOBi9dXVxcQK1Wg3q9Do1GQ0a5fK0inzCuV/RlQJF03xHGa4U/MiKTOJ1O8Pl8MDMzA4FAAKanp3VncyaTgXg8DolEArLZLBSLRRLVKJVKj/HxT75unR8RkkpIKIVCISkWi0n9ML/fT1wfOLmZNxkiDwaDUr9tfn6eNyszBW4RcV9WYjbD1tZWT9pntVqFzc1N2N/fh7GxMZibm4Px8XEIh8Ows7MDjHORBLzgmyje3VoqlYLl5WU4OjoCjPON5FUlpcyd4vG3Wq1SpVK5cWT5fF5aXV2V8yIajbY82nQ6LfsQKEnihj/KHz0ej5x8uVxOWllZkdxut4Tqr56Pjo62FICVItoTiFvssqFETSaTmgLsdrvwZXVHNMYUv/Pzc82koyYkaiSgJLKBksnr9fZq1iiRgD2RHZTJNpvtxu+3rKA9ErArsoPugHbiBG2XBGyL7DCZTC0bT7PZFBWwfa0V68HExIRmBVCvEKyACnHTCfxDfBbJAS07ODgQ/fefiJuXIQ2fDT27+L2vtsPDQxHyBhtWgQuge/ldN/VEl46AvUf8UArgE9HubQUUCgXdmc+4QC2A2tsS78+iRrefDiPfS5izVS0BgA8oFAuI36ICzs7OOi0hnwuMAzQFMBFf8WNWNBynp6edjn2W+W5tuOAK7HWKMrWuvq61jOZIjVqv81czpW/mv70AxcIpNrRS45DnA7VFIhH5mlYQV9nQOaXlU0iAYgO9nodcLtdHnOvynHxjY6PpcDiK+OwLYo3W0Np2vpQC/gswALqtfOgnVs/UAAAAAElFTkSuQmCC
// @include https://*.torrentbd.*/*
// @run-at document-start
// @grant none
// ==/UserScript==
(function() {
let css = `
:root {
--body-bg: #0d1117;
--body-color: #c9d1d9;
--modal-color: #c1cdd2;
--main-bg: #161B22;
--nav-bg: #161B22;
--nav-alt-bg: #58a6ff;
--border-color: #333;
--link-color: #cae8ff;
--link-hover-color: #58a6ff;
--link-sp1-color: #bbb;
--link-sp1-hover-color: #58a6ff;
--link-sp2-color: #58a6ff;
--link-sp3-color: #58a6ff;
--btn-1-color: #58a6ff;
--cmodal-dark-bg: #111;
}
#form h5{
color: var(--body-color) !important;
}
.fltrsb-btn, .red.lighten-2{
background-color: var(--btn-1-color) !important;
}
.epi-trigger td{
color: var(--body-color) !important;
border-top: 1px solid var(--border-color) !important;
}
.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected{
background: var(--btn-1-color) !important;
color: #000 !important;
font-weight: 900 !important;
}
.picker__day--infocus:hover{
color: var(--body-color) !important;
}
.btn-floating i{
color: #000;
}
.btn-flat{
color: var(--link-color);
}
.btn-flat:hover{
color: var(--link-sp1-hover-color);
}
select[name="kuddus_secondary_filters_extended"]{
border: 1px solid var(--btn-1-color) !important;
}
button.picker__today:focus, button.picker__clear:focus, button.picker__close:focus{
background: var(--main-bg);
}
.donation-card{
background: transparent !important;
}
.season-intro {
color: var(--body-color) !important;
}
.movie-torrents-table .download-icon {
color: var(--body-color) !important;
}
.movie-torrents-table .download-icon:hover {
color: var(--link-sp2-hover) !important;
}
tr.pck td {
border-bottom: 1px solid var(--border-color) !important;
}
.sc-trigger{
color: var(--body-color) !important;
border: 2px solid var(--border-color) !important;
background: var(--main-bg) !important;
}
.dropdown-content li>span{
color: var(--body-color) !important;
}
.dropdown-content li>span:hover{
color: #000 !important;
background: var(--link-sp1-hover-color);
}
.dropdown-content li:hover, .dropdown-content li.active, .dropdown-content li.selected{
background: var(--link-sp1-hover-color);
color: #000 !important;
}
#kuddus-resetter {
background: transparent;
border: 3px solid var(--link-sp2-color);
color: var(--link-sp2-color);
}
#kuddus-resetter:hover {
background: var(--link-sp2-color);
border: 3px solid var(--link-sp2-color);
color: #000;
}
.content-title, .row .content-title, .cnav-menu-item>a, .cnav-menu-item>span{
color: var(--body-color);
}
.tradiopill [type="radio"]+label{
border-color: var(--btn-1-color);
}
.sh6{
border-color: var(--link-sp2-color) !important;
background-color: var(--link-sp2-color) !important;
color: #000 !important;
}
.carousel .carousel-item img, .logo-img, .tbdrank, .uc-seeding, .uc-leeching, .tooltipped img, .material-icons, .rel-icon, .cat-pic-img, .shout-text img{
}
.btn, .btn-large{
color: #000;
}
.tamperhead {
position:sticky;
top:-1px;
z-index:9999;
}
.new-torrent-tag {
background: var(--link-sp2-color)!important;
color: #000 !important;
}
.new-torrent-tag:hover {
background: #388bfd!important;
}
.pagination li {
line-height: 20px;
}
.pagination li.active {
color: #111!important;
}
.z-depth-2 {
box-shadow: 0 0 0 0;
}
#user-sb:hover {
color: var(--body-color);
}
.blue-grey.darken-2 {
background-color: var(--main-bg) !important;
}
select:focus{
outline: 1px solid var(--link-sp2-color);
}
.circle {
border-radius: 2% !important;
margin-top: 15px !important;
max-width: 60% !important;
}
.inline-submit-btn {
color: var(--body-color);
}
.inline-submit-btn:hover {
color: #ccc;
}
#tampersmile {
color: var(--link-sp2-color);
}
#tampersmile:hover {
color: var(--link-sp2-color);
}
.shout-label.active {
color: var(--link-sp2-color);
}
.green.darken-1 {
background-color: var(--link-sp2-color) !important;
}
.green.darken-2 {
background-color: var(--link-sp2-color) !important;
}
.btn-floating.btn-large {
height: 40px;
width: 40px;
}
.btn-floating {
border-radius: 20%;
}
.btn-floating.btn-large i {
line-height: 40px;
}
#kuddus-trigger {
height: 40px;
width: 40px;
margin-top: 7px;
border: 3.5px solid #999;
background-color: #111;
}
#kuddus-trigger i {
text-shadow: 2px 3px #222;
color: var(--body-color);
}
#kuddus-trigger-handle {
display: none;
}
#kuddus-trigger-container {
top: 3px;
right: -7px;
}
.material-icons.orange600 {
color: var(--link-sp2-color);
}
#kuddus-wrapper {
background: rgba(0, 0, 0, 0.95);
}
.kuddus-title-bar {
background: #111;
}
#kuddus-close {
background: var(--link-sp2-color);
}
#kuddus-searchtype {
background: var(--main-bg);
}
.forum-page-title {
background: rgba(0, 0, 0, 0.7);
color: var(--body-color);
}
.crumb-container, .crumb-container a {
color: var(--body-color) !important;
}
.crumb-container a:hover {
color: var(--link-sp2-color) !important;
}
.pg-intro {
color: var(--body-color);
}
.red100 {
color: var(--link-sp2-color);
}
body.dark-scheme .trgbtn {
border-color: var(--link-sp2-color) !important;
color: var(--link-sp2-color) !important;
}
body.dark-scheme .instr-trg {
border-color: var(--link-sp2-color) !important;
}
.instr-trg {
border: 1px solid var(--link-sp2-color) !important;
}
.btn:hover, .btn-large:hover {
background-color: var(--link-sp2-color);
color: #000;
}
.teal.darken-3 {
background-color: #060 !important;
}
.blue.darken-2 {
background-color: #06c !important;
}
.card .card-action a:hover {
color: var(--link-sp2-color);
}
.switch label input[type="checkbox"]:checked + .lever {
background-color: #533;
}
.switch label input[type="checkbox"]:checked + .lever::after {
background-color: #c33;
}
.bbc-btn, .bbc-option {
border: 1px solid var(--link-sp2-color) !important;
color: var(--link-sp2-color);
}
.bbc-btn:hover {
background: var(--link-sp2-color);
color: #000;
}
option {
background: #111 !important;
color: var(--link-sp2-color);
}
button:focus {
background-color: #a33;
}
.scrollToTop:hover {
opacity: 1.0;
}
.teal.lighten-2 {
background-color: #88f !important;
}
.teal.lighten-2:hover {
background-color: #77f !important;
}
.options .btn-floating i {
color: #111 !important;
}
.orange.lighten-2 {
background-color: #fc6 !important;
}
.orange.lighten-2:hover {
background-color: #c93 !important;
}
body.dark-scheme .cnav-menu-item > a:hover, body.dark-scheme .cnav-menu-item > span:hover {
background-color: var(--link-sp2-color);
}
.section-description, .updated-by-text {
color: var(--link-sp2-color) !important;
}
.forum-repu {
background: #388bfd !important;
color: #000 !important;
}
.white-text {
color: #111 !important;
}
.mrsr {
color: var(--link-sp2-color) !important;
}
.tampertopsl-btn {
color: var(--body-color);
border: 1px solid var(--link-sp2-color);
box-shadow: 0 2px 5px 0 var(--link-sp2-color)2, 0 2px 10px 0 var(--link-sp2-color)2;
background: none;
margin-right: 5px;
margin-top: 6px;
}
input[type="text"]:focus:not([readonly]) + label, input[type="password"]:focus:not([readonly]) + label, input[type="email"]:focus:not([readonly]) + label, input[type="url"]:focus:not([readonly]) + label, input[type="time"]:focus:not([readonly]) + label, input[type="date"]:focus:not([readonly]) + label, input[type="datetime-local"]:focus:not([readonly]) + label, input[type="tel"]:focus:not([readonly]) + label, input[type="number"]:focus:not([readonly]) + label, input[type="search"]:focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label {
color: var(--link-sp2-color);
}
input[type="text"]:focus:not([readonly]), input[type="password"]:focus:not([readonly]), input[type="email"]:focus:not([readonly]), input[type="url"]:focus:not([readonly]), input[type="time"]:focus:not([readonly]), input[type="date"]:focus:not([readonly]), input[type="datetime-local"]:focus:not([readonly]), input[type="tel"]:focus:not([readonly]), input[type="number"]:focus:not([readonly]), input[type="search"]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
border-bottom: 1px solid var(--link-sp2-color);
box-shadow: 0 1px 0 0 var(--link-sp2-color);
}
[type="checkbox"].filled-in:checked + label::after {
border: 2px solid var(--link-sp2-color);
background-color: var(--link-sp2-color);
}
.red.lighten-2 {
background-color: #f55 !important;
}
.red.lighten-2:hover {
background-color: var(--link-sp2-color) !important;
}
.tamperfltrsb-btn {
background: var(--link-sp2-color) !important;
}
body.dark-scheme {
background: #111 !important;
}
body.dark-scheme .subject-header {
color: var(--link-sp2-color);
}
body.dark-scheme .bg-warning {
background-color: #222;
}
body.dark-scheme hr {
border: 1px solid #444;
}
body.dark-scheme .bg-success {
background-color: #333;
}
body.dark-scheme .form-control, body.dark-scheme .list-group-item, body.dark-scheme select:not[name="kuddus_secondary_filters_extended"], body.dark-scheme .dropdown-menu {
background: #161B22;
border: 1px solid #333 !important;
}
.form-control:focus {
box-shadow: inset 0 1px 1px #000d, 0 0 8px #000d;
}
.label-success {
color: #000;
}
.btn-info {
background-color: var(--link-sp2-color);
border-color: var(--link-sp2-color);
}
.btn-info:hover {
border-color: #1f6feb;
}
.btn-warning {
color: #000;
font-weight: 700;
}
.btn-warning:hover {
color: #000;
}
.btn-success {
color: #000;
font-weight: 700;
}
.btn-success:hover {
color: #000;
background: #398439 !important;
}
[type="checkbox"]:checked + label::before {
border-right: 2px solid var(--link-sp2-color);
border-bottom: 2px solid var(--link-sp2-color);
}
table.striped > tbody > tr:nth-child(2n+1) {
background-color: var(--main-bg);
}
.tclabel, .kuddus-sorter {
color: var(--body-color) !important;
}
#kuddus-more-categories {
color: var(--body-color);
border: 1px solid var(--link-sp2-color);
}
.tclabel:hover {
color: var(--link-sp2-color);
}
.cmodal {
background: rgba(0, 0, 0, 0.95);
}
.cmodal-header {
background: #111;
}
.forum-cat-heading {
background: #000 !important;
}
.btn-links {
border: 2px solid var(--link-sp2-color) !important;
}
.btn-links:hover {
background: var(--link-sp2-color) !important;
color: #000 !important;
}
.tabs .tab a {
color: var(--body-color) !important;
}
.tabs .tab a:hover {
color: #ccc !important;
}
.tabs .indicator {
background-color: var(--body-color) !important;
}
.tab-sortable {
color: var(--link-sp2-color);
}
.tab-sortable:hover {
color: #c33;
}
.side-nav li:hover, .side-nav li:active {
background: var(--link-sp2-color);
}
.side-nav li.active {
background: #c33;
}
.btn-clear {
border: 1px solid var(--link-sp2-color) !important;
color: var(--link-sp2-color) !important;
}
.btn-clear:hover, .btn-clear:focus {
color: var(--body-color) !important;
background: var(--link-sp2-color) !important;
}
.tradiopill[type="radio"] + label {
border: 1px solid var(--link-sp2-color);
}
.tradiopill[type="radio"]:checked + label {
background: var(--link-sp2-color);
}
#kuddus-results-container a {
color: var(--link-sp1-color);
}
#kuddus-results-container a:hover {
color: var(--link-sp1-hover-color);
}
.border-teal {
border:1px solid var(--link-sp2-color) !important;
}
.short-links {
background: #051d4d !important;
}
.short-link-counter {
background: var(--link-sp2-color) !important;
color: #000 !important;
}
.sub-h6 {
color: #000 !important;
background: var(--link-sp2-color) !important;
border: 1px solid var(--link-sp2-color) !important;
}
.tp-progress {
background: var(--link-sp2-color) !important;
}
.tp-container {
background: #051d4d !important;
}
.icon-input-box input {
background: transparent !important;
}
.icon-input-box i {
}
.main-header, .sub-header {
background: #0F0F0F !important;
}
.main-header--icon, .sub-header--title {
color: var(--body-color) !important;
}
.icon-input-box input[type="text"]:focus {
border-color: var(--link-sp2-color) !important;
box-shadow: 0 0 0 2px var(--link-sp2-color)8 !important;
}
.picker__date-display {
background-color: var(--link-sp2-color);
}
.picker__weekday-display {
background-color: #222;
}
.picker__close, .picker__today {
color: var(--body-color);
}
.picker__header {
margin-bottom: .75em;
}
.picker__box {
background: #222;
border: 1px solid #111;
}
.picker__day.picker__day--today {
color: var(--link-sp2-color);
}
button.picker__today:focus, button.picker__clear:focus, button.picker__close:focus {
background-color: #633;
}
.picker__nav--prev, .picker__nav--next {
margin-top: .25em;
}
.picker__nav--prev:hover, .picker__nav--next:hover {
background: #0000;
}
.picker__nav--prev:hover::before {
border-right: 0.75em solid var(--link-sp2-color);
}
.picker__nav--next:hover::before {
border-left: 0.75em solid var(--link-sp2-color);
}
.select-field-custom {
background: transparent !important;
}
.select-field-custom::after {
background: #333 !important;
}
.select-field-custom:hover::after {
color: var(--body-color) !important;
}
[type="radio"].with-gap:checked + label::before {
border: 2px solid var(--link-sp2-color) !important;
}
[type="radio"].with-gap:checked + label::after, [type="radio"]:checked+label:after {
border: 2px solid var(--link-sp2-color) !important;
background-color: var(--link-sp2-color) !important;
}
.friend-card {
background: transparent;
border: 1px solid var(--link-sp2-color) !important;
}
.friend-card--delete::after{
background: transparent !important;
}
.light-blue.darken-3 {
background-color: var(--link-sp2-color) !important;
}
.picker__select--month, .picker__select--year {
background-color: #111 !important;
}
.friend-card--delete {
color: var(--link-sp2-color) !important;
}
.shoutbox-text {
color: var(--body-color);
}
.progress {
background-color: #622;
}
.progress .determinate {
background-color: var(--link-sp2-color);
}
.pr-action-container .btn-floating {
background: var(--btn-1-color) !important;
}
.pr-action-container .btn-floating:hover {
background: #1f6feb !important;
}
#msg-search {
border-bottom: 1px solid var(--link-sp2-color) !important;
}
.listitem {
background: var(--main-bg) !important;
border-bottom: 1px solid var(--border-color) !important;
}
.listitem:hover {
background: #1A2029 !important;
}
.message-body {
background: var(--main-bg) !important;
}
.message-subject, .backBtn {
color: var(--link-sp2-color) !important;
}
.replyBtn {
background: var(--link-sp2-color) !important;
}
#message-thread-delete-btn {
background-color: #822 !important;
border: 2px solid #1f6feb;
}
#message-thread-delete-btn:hover {
background-color: var(--link-sp2-color) !important;
}
.teal.darken-1 {
background-color: var(--link-sp2-color) !important;
}
.tradiopill.ell[type="radio"] + label {
border-right: 1px solid var(--link-sp2-color);
}
.gratitude legend, .stats {
color: var(--link-sp2-color);
}
.tgaction {
color: var(--link-sp2-color);
border: 1px solid var(--link-sp2-color);
}
.repu {
background: var(--link-sp2-color);
}
.topsl-btn {
border:1px solid var(--link-sp2-color) !important;
}
.news-content h5, .news-content span a {
color: var(--link-sp2-color) !important;
}
.cnp-container {
background: #051d4d;
}
.cnp-progress {
background: var(--link-sp2-color);
}
.ft-lock-indicator {
border: 2px solid var(--link-sp2-color);
color: var(--link-sp2-color);
}
.fixed-pos {
top: 0px;
background-color: var(--nav-bg) !important;
}
.btn-outline {
border: 1px solid var(--link-sp2-color);
}
.btn-outline:focus {
background: var(--link-sp2-color);
}
.supp-post-body {
background:#333;
border:1px solid #444;
}
.req-reseed-btn:hover {
border: 1px solid var(--link-sp2-color);
}
.tx-sp {
color:var(--link-sp2-color)!important;
}
.likebtn:hover {
color:var(--link-sp2-color)!important;
}
`;
if (typeof GM_addStyle !== "undefined") {
GM_addStyle(css);
} else {
let styleNode = document.createElement("style");
styleNode.appendChild(document.createTextNode(css));
(document.querySelector("head") || document.documentElement).appendChild(styleNode);
}
})();