Greasy Fork is available in English.
Dark Theme.
// ==UserScript==
// @name TinyLlama : Home [Dark]
// @namespace https://greasyfork.org/users/186041
// @description Dark Theme.
// @author SmokeyLlama
// @include https://tinychat.com/*
// @exclude https://tinychat.com/room/*
// @run-at document-start
// @version 2018.07
// ==/UserScript==
(function() {var css = [
".left-arrow.active:before, .right-arrow.active:before {",
" border-color: #111111 !important;",
"}",
".left-arrow:before, .right-arrow:before {",
" border-color: #111111 !important;",
"}",
"body {",
" background-color: #333333 !important;",
"}",
"",
"#welcome-wrapper {",
" width: 100% !important;",
" max-width: none !important;",
" padding: 0 !important;",
" border-bottom: 1px solid #e5e5e5 !important;",
" box-sizing: border-box !important;",
" background-color: #666666 !important;",
" height: 10px !important;",
" display: none !important;",
"}",
"#navigation {",
" position: relative !important;",
" display: block !important;",
" top: -160px !important;",
" left: 0px !important;",
" right: 30px !important;",
" margin: 0 auto !important;",
" font-size: 0 !important;",
" text-align: center !important;",
" z-index: 6 !important;",
" width: 600px !important;",
"}",
"#promoted-wrapper > #promote-button {",
" max-width: 420px !important;",
" margin: 26px auto 59px !important;",
" display: none;",
"}",
"#nav-static-wrapper {",
" position: relative !important;",
" height: 87px !important;",
" width: 100% !important;",
" background-color: #222222 !important;",
" opacity: 0.95 !important;",
" z-index: 2 !important;",
" border:0px !important;",
"}",
"#nav-static {",
" position: relative !important;",
" height: 100% !important;",
" max-width: 1300px !important;",
" margin: 0 auto !important;",
" padding: 0 30px !important;",
" border-bottom: 1px solid #111111 !important;",
" box-sizing: border-box !important;",
" line-height: 87px !important;",
" vertical-align: middle !important;",
"}",
"#nav-fixed {",
" position: relative !important;",
" height: 60px !important;",
" max-width: 1300px !important;",
" margin: auto !important;",
" padding: 0 30px !important;",
" border-bottom: 1px solid #111111 !important;",
" line-height: 60px !important;",
"}",
"#nav-fixed-wrapper {",
" position: fixed !important;",
" height: 60px !important;",
" width: 100% !important;",
" top: -400px !important;",
" left: 0 !important;",
" font-family: \"Open Sans\" !important;",
" background-color: #111111 !important;",
" opacity: 0.95 !important;",
" z-index: 2 !important;",
" transition: top .3s !important;",
" border-bottom: 0px solid #e9e9e9 !important;",
"}",
".tile-header {",
" height: 195px !important;",
" outline: 0px solid #111111 !important;",
"",
"}",
".tile-header > img {",
" height: 195px !important;",
" outline: 0px solid #111111 !important;",
"",
"}",
".tile {",
" position: relative !important;",
" border-radius: 20px !important;",
" background-color: #222222 !important;",
" border:1px solid #666666 !important;",
" box-shadow: 0 2px 15px 0 #111111 !important;",
" overflow: hidden !important;",
"",
"}",
".trended-tiles {",
" position: relative !important;",
" border-radius: 4px !important;",
" background-color: #222222 !important;",
" border:2px solid #111111 !important;",
" box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1) !important;",
" overflow: hidden;",
"",
"}",
".tile-content {",
" display: block !important;",
" width: 100% !important;",
" padding: 29px 23px 35px 17px !important;",
" box-sizing: border-box !important;",
" /* text-align: left !important; */",
" overflow: hidden !important;",
"}",
".tile-content-info{",
" height: 40px !important;",
"}",
"",
".tile-content-info-text{",
" color: #666666 !important;",
" position: relative !important;",
" bottom: 20px !important;",
"}",
"",
".tile-name {",
" background-color:#111111 !important; ",
" padding-top: 0px !important;",
" font-size: 20px !important;",
" white-space: nowrap !important;",
" box-shadow: 0 2px 15px 0 #111111 !important;",
" border-bottom: 0px solid #666666 !important;",
"}",
".tile-content > img {",
" position: relative !important;",
" bottom: 20px !important;",
" padding-top: 0px !important;",
" border-radius: 10PX !important;",
"/*DISPLAY: NONE !important;8",
"VISIBILITY: HIDDEN !important;*/",
"}",
".tile-info {",
" position: absolute !important;",
" display: block !important;",
" height: 195px !important;",
" width: 110% !important;",
" bottom: 0 !important;",
" left: -20px !important;",
" font-weight: 600 !important;",
" color: #ffffff !important;",
" text-shadow: 0 1px 3px rgba(0, 0, 0, .4) !important;",
" box-shadow: 0 2px 15px 0 #111111 !important;",
"}",
".tile-statistic {",
" border-radius: 10px !important;",
" text-align: left !important;",
" position: relative !important;",
" top: 135px !important;",
" left:160px !important;",
" padding-top: 0px !important;",
" width:100px !important;",
" height: 25px !important;",
" font-size: 0 !important;",
" text-shadow: 0 1px 3px rgba(0, 0, 0, .4) !important;",
" background-color:#111111 !important; ",
" white-space: nowrap !important;",
" border: 1px solid #666666 !important;",
"}",
"",
"#promoted-wrapper, #trended-wrapper {",
" ",
" position: relative !important;",
" display: none;",
" width: 100% !important;",
" max-width: 1360px !important;",
" margin: 0 auto !important;",
" padding-bottom:20px !important;",
" border-bottom:3px solid #111111 !important;",
"",
"}",
"",
"#promoted .tile-promoted, #trended .tile-promoted {",
" position: absolute !important;",
" bottom: 20px !important;",
"display:none;",
"visibility: hidden !important;}",
"",
"#no-rooms-error {",
" padding-top: 33px !important;",
" font-family: Roboto !important;",
" font-weight: 300 !important;",
" font-size: 40px !important;",
" color: #ffffff !important;",
"}",
"#footer-content {",
" max-width: 1300px !important;",
" margin: 0 auto !important;",
" padding: 0px 0px 0px !important;",
" font-size: 11px !important;",
" color: #333333 !important;",
"}",
"#footer-content-wrapper {",
" background-color: #333333 !important;",
" display: none !important;",
" visibility: hidden !important;",
"}",
"#footer {",
" position: relative !important;",
" height: 0px !important;",
" width: 100% !important;",
" padding: 0 !important;",
" background-color: #333333 !important;",
" border-top: 1px solid #111111 !important;",
" display: none !important;",
" visibility: hidden !important;",
"}",
"#footer-social {",
" position: absolute !important;",
" width: 650px !important;",
" min-height: 54px !important;",
" top: -30px !important;",
" left: 30px !important;",
" right: 30px !important;",
" margin: 0 auto !important;",
" text-align: center !important;",
" border: 1px solid #e1e1e1 !important;",
" background-color: #fff !important;",
" color: transparent !important;",
" display: none !important;",
" visibility: hidden !important;",
"}",
".nav-menu-links, .nav-menu-links {",
" font-weight: bold !important;",
" display: none !important;",
"}",
".nav-menu-links > a {",
" position: relative !important;",
" height: 100% !important;",
" padding: 0 1% !important;",
" box-sizing: border-box !important;",
" color: #FFFFFF !important;",
" transition: color .2s !important;",
" font-weight: bold !important;",
"}",
".nav-menu-links > a:before {",
" content: \"\" !important;",
" position: absolute !important;",
" display: block !important;",
" height: 4px !important;",
" width: 100% !important;",
" bottom: -1px !important;",
" left: 0 !important;",
" color: #111111 !important;",
" background-color: #111111 !important;",
" cursor: default !important;",
" opacity: 0 !important;",
" transition: opacity .2s !important;",
"}",
".nav-menu-links > a:hover, .nav-menu-links > a.active {",
" color: #111111 !important;",
"}",
".nav-logo {",
" position: relative !important;",
" display: inline-block !important;",
" height: 70px !important;",
" width: 120px !important;",
" margin-right: -100% !important;",
" vertical-align: middle !important;",
" z-index: 1 !important;",
" COLOR:#FFFFFF !important;",
" background-image: url(http://bcweedco.com/wp-content/uploads/2017/01/weed-logo.png) !important;",
" background-position: center center !important;",
" background-size: 100% 100% !important;",
" background-repeat: no-repeat !important;",
"",
"}",
".nav-logo svg {",
" display: none !important;",
"",
"}",
".nav-btn-sign-on {",
" position: absolute !important;",
" right: -30px !important;",
" top: 25px;",
"}",
".nav-btn-instant-room {",
" font-family: \"Open Sans\" !important;",
" border: 1px solid #111111 !important;",
" background-color: #111111 !important;",
" color: #fff !important;",
" margin-right: 20px !important;",
" position: absolute !important;",
" right: 50px !important;",
" top: 25px;",
"}",
"#promoted-wrapper > h2, #trended-wrapper > h2, #header-for-all {",
" padding: 0 0 11px 5px !important;",
" font-size: 20px !important;",
" line-height: 27px !important;",
" color: #111111 !important;",
" text-transform: uppercase !important;",
" text-align: left !important;",
" font-weight: bold !important;",
"}",
"#input-catalog-menu-all:checked ~ #navigation > label[for=\"input-catalog-menu-all\"], #input-catalog-menu-near-you:checked ~ #navigation > label[for=\"input-catalog-menu-near-you\"], #input-catalog-menu-most-gifted:checked ~ #navigation > label[for=\"input-catalog-menu-most-gifted\"] {",
" background-color: #111111 !important;",
" border-color: #111111 !important;",
" z-index: 1 !important;",
" font-weight: bold !important;",
"}",
"#navigation > label[for=\"input-catalog-navigation\"] {",
" display: none !important;",
"}",
"#navigation > label {",
" position: relative !important;",
" display: inline-block !important;",
" height: 40px !important;",
" width: 193px !important;",
" background-color: #222222 !important;",
" border: 0px solid #111111 !important;",
" font-size: 17px !important;",
" color: #5b5b5b !important;",
" cursor: pointer !important;",
" z-index: 1 !important;",
" transition: .2s !important;",
"}",
".nav-sandwich-menu-button:before {",
" height: 5px !important;",
" width: 100% !important;",
" top: 4px !important;",
" left: 0 !important;",
" background-color: #111111 !important;",
"}",
".nav-sandwich-menu-button {",
"",
" background-color: #222222 !important;",
"",
"}",
".nav-sandwich-menu-button:after {",
" height: 5px !important;",
" width: 100% !important;",
" top: 4px !important;",
" left: 0 !important;",
" background-color: #111111 !important;",
" bottom: 4px !important;",
"}",
"#loadmore {",
" height: 48px !important;",
" font-size: 16px !important;",
" color: #fff !important;",
" background-color: #111111 !important;",
" line-height: 48px !important;",
" vertical-align: middle !important;",
" transition: background-color .2s !important;",
"}",
"#content > h1 {",
" text-transform: uppercase;",
" font-weight: 600 !important;",
" color: #fff !important;",
"}",
"#content > #wrapper-forms {",
" background-color: #222222 !important;",
"}",
"#content {",
" background-color: #333333 !important;",
"}",
"#content-page-content {",
" background-color: transparent !important;",
"}",
"#content-page-menu {",
" background-color: #666666 !important;",
" box-shadow: 0 2px 15px 0 #111111 !important;",
"}",
"#content-page-menu > a:hover, #content-page-menu > a.active {",
" background-color: #333333 !important;",
" color: #fff !important;",
"}",
"#wrapper {",
" background-color: #222222 !important;",
"}",
"#content > * {",
" background-color: #222222 !important;",
"}"
].join("\n");
if (typeof GM_addStyle != "undefined") {
GM_addStyle(css);
} else if (typeof PRO_addStyle != "undefined") {
PRO_addStyle(css);
} else if (typeof addStyle != "undefined") {
addStyle(css);
} else {
var node = document.createElement("style");
node.type = "text/css";
node.appendChild(document.createTextNode(css));
var heads = document.getElementsByTagName("head");
if (heads.length > 0) {
heads[0].appendChild(node);
} else {
// no head yet, stick it whereever
document.documentElement.appendChild(node);
}
}
})();