Skip to content

TTG Blackout by Wraith

Write a review Install Get Stylus

Details

AuthorWraith

LicenseNo License

Categorythetechgame.com

Created

Updated

Size28 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A better dark mode for TTG.

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name         TTG Blackout
@version      20240111.03.24
@namespace    ?
==/UserStyle== */

@-moz-document domain("thetechgame.com") {

:root {
    --mono-1: #222;
    --mono-2: #010101;
    --mono-3: #080808;
    --mono-4: #1d1d1d;
    --mono-5: #222;
    --mono-6: #121212;
    --mono-7: #0f0f0f;
    --mono-8: #181818;
    --mono-9: #222;
    --mono-10: #424242;
    --mono-11: #161616;
    --mono-12: #2a2a2a;
    --mono-13: #4d4d4d;
    --mono-14: #222;
    --mono-15: #222;
    --mono-16: #676767;
    --mono-17: #696a6a;
    --mono-18: #777;
    --mono-19: #919191;
    --mono-20: #aaa;
    --mono-21: #aeaeae;
    --mono-22: #b0b0b0;
    --mono-23: #b9b9b9;
    --mono-24: #bababa;
    --mono-25: #c8c8c8;
    --mono-26: #ddd;
    --mono-27: #dedede;
    --mono-28: #e1e1e1;
    --mono-29: #e2e2e2;
    --mono-30: #ffeffe;
    --mono-31: #fefefe;
    --mono-32: #fffefe;
    --mono-33: #fff;
    --mono-34: #222;
    --mono-35: #2a2a2a;
}

@media only screen and (max-width: 1023px) {
    nav {
        background: var(--mono-11) !important;
    }
}

.cat-stats {
    background: var(--mono-6) !important;
}

.whats-going h2 {
    border-bottom: solid 2px var(--mono-34) !important;
}

footer {
    background: var(--mono-8) !important;
}

.forum-row {
    border-bottom: solid 1px var(--mono-34) !important;
}

.dark input::-webkit-input-placeholder,
.dark textarea::-webkit-input-placeholder {
    color: var(--mono-18) !important;
}
.dark input:-moz-placeholder,
.dark textarea:-moz-placeholder {
    color: var(--mono-18) !important;
}
.dark input::-moz-placeholder,
.dark textarea::-moz-placeholder {
    color: var(--mono-18) !important;
}
.dark input:-ms-input-placeholder,
.dark textarea:-ms-input-placeholder {
    color: var(--mono-18) !important;
}
.dark input::placeholder,
.dark textarea::placeholder {
    color: var(--mono-18) !important;
}
body {
    background: #262626 url(https://i.imgur.com/BZRmdjY.png) repeat;
    color: var(--mono-32);
}
.dark::-webkit-scrollbar-corner {
    background-color: var(--mono-11);
}
.dark::-webkit-scrollbar-thumb {
    background-color: var(--mono-19);
}
.dark::-webkit-scrollbar-thumb:hover {
    background-color: var(--mono-22);
}
.dark::-webkit-scrollbar-track {
    background-color: var(--mono-11);
}
.dark::-webkit-scrollbar-track-piece {
    background-color: var(--mono-11);
}
.dark ::-webkit-scrollbar-corner {
    background-color: var(--mono-11);
}
.dark ::-webkit-scrollbar-thumb {
    background-color: var(--mono-19);
}
.dark ::-webkit-scrollbar-thumb:hover {
    background-color: var(--mono-22);
}
.dark ::-webkit-scrollbar-track {
    background-color: var(--mono-11);
}
.dark ::-webkit-scrollbar-track-piece {
    background-color: var(--mono-11);
}
.dark .acc-progress-bar-num,
.dark .rank-progress-bar-num {
    text-shadow: none;
}
.dark div.mod-poll-results .poll-percent-bg {
    background-color: var(--mono-1);
}
.dark .light,
.dark a.light:link {
    color: var(--mono-18);
}
.dark .info-yellow a {
    color: var(--mono-3);
}
.dark .story-image {
    outline-color: var(--mono-15);
}
.dark .secure-note {
    color: var(--mono-1);
}
.dark .secure-note a {
    color: var(--mono-3);
}
.dark .buy-gold {
    border: 1px solid var(--mono-15);
    background-color: var(--mono-3);
}
.dark .image-info {
    border: solid 1px var(--mono-15);
    background-color: var(--mono-5);
}
.dark .image-default {
    background-color: #36c520;
}
.dark #premium h2.sec-header {
    background: var(--mono-11) url(https://i.imgur.com/BZRmdjY.png) no-repeat center center;
}
.dark #premium .cta,
.dark #premium .grpo,
.dark #premium .grpe {
    background-color: var(--mono-8);
    color: var(--mono-32);
}
.dark td.spacerow {
    background-color: var(--mono-20);
}
.dark .tipsy-inner {
    background-color: var(--mono-1);
    color: var(--mono-33);
}
.tipsy-arrow-n {
    border-bottom-color: var(--mono-1);
}
.tipsy-arrow {
    border: 5px dashed var(--mono-1);
}
.dark .urm-menu a {
    background-color: var(--mono-1);
}
.dark .menu-sep,
.dark .bbspacer {
    color: var(--mono-26);
}
.dark hr {
    color: var(--mono-35);
    background-color: var(--mono-35);
}
.dark a,
.dark .content,
.dark .postbody {
    color: var(--mono-32);
}
.dark .header,
.dark .mod-tools,
.dark #friends_list_online,
.dark .tables .thheads {
    background-color: var(--mono-8);
    color: var(--mono-33);
}
.dark a.forumlink:link,
.dark a.forumlink:active,
.dark a.forumlink:visited {
    color: var(--mono-32);
}
.dark .tables,
.dark .pollheader,
.dark .sec-header,
.dark .tcat,
.dark div.share,
.dark .helpline,
.dark .thead,
.dark .thheads,
.dark .thead-3,
.dark th {
    background-color: var(--mono-11);
}
.dark .tables .trhead {
    background-color: var(--mono-5);
}
.dark .tables .tdrow1,
.dark .row,
.dark .row1,
.dark td.row1,
.dark .thead-2,
.dark .thhead,
.dark .forumline,
.dark .forumline3 {
    background-color: var(--mono-6);
}
.dark .ttg-premium .tables .tdrow1 {
    background-color: var(--mono-33);
}
.dark .tables-striped > tbody > tr:nth-child(even),
.dark .li-striped li.forum-row:nth-child(even) {
    background-color: var(--mono-11);
}
.dark .tables.ranks-table td,
.dark .tables.min-table td {
    border-color: var(--mono-12);
}
.dark .ui-widget-overlay {
    background: var(--mono-1);
}
.codetitle {
    background-color: var(--mono-6);
    border-top: 1px solid var(--mono-15);
    border-left: 1px solid var(--mono-15);
    border-right: 1px solid var(--mono-15);
}
.codediv {
    background-color: var(--mono-1);
    border-bottom: 1px solid var(--mono-15);
    border-left: 1px solid var(--mono-15);
    border-right: 1px solid var(--mono-15);
}
.dark .topic_row td {
    border-right: 1px solid var(--mono-15);
    border-bottom: 1px solid var(--mono-15);
    border-left: 1px solid var(--mono-15);
}
.dark .tables .tdrow2,
.dark .row2,
.dark td.row2,
.dark .row3,
.dark .fwrap .focused {
    background-color: var(--mono-11);
}
.dark .row3,
.dark .tables .tdrow3 {
    background-color: var(--mono-8);
}
.dark .text-links,
.dark input,
.dark button,
.dark select,
.dark textarea,
.dark .member-left,
.dark .wall-textarea {
    background-color: var(--mono-8);
    color: var(--mono-32);
}
.dark .brow1,
.dark input,
.dark button,
.dark select,
.dark textarea {
    border-color: var(--mono-15);
}
.dark select:focus {
    border: 1px solid var(--mono-20);
}
.dark .wall-textarea {
    border-color: transparent;
}
.dark #chatwindow,
.dark #userwindow,
.dark .shout-scroll {
    background-color: var(--mono-8);
}
.dark #chatwindow .new {
    background-color: var(--mono-11);
}
.dark #chatwindow .atyou {
    background-color: var(--mono-3);
}
.dark #chatwindow .atyouyellow {
    background-color: #ffc;
}
.dark #chatwindow .atyougreen {
    background-color: #9fc;
}
.dark #chatwindow .atyouorange {
    background-color: #ff8000;
}
.dark #chatwindow .atyoublue {
    background-color: #5d8ec7;
}
.dark #chatwindow .atyoured {
    background-color: #e80000;
}
.dark #chatwindow .atyoudark {
    background-color: var(--mono-3);
}
.dark .messagewrapper,
.dark .userwrapper {
    border-color: var(--mono-12);
}
.dark .userwrapper.typing {
    border-color: #147bdb;
}
.dark span.tip,
.dark .fwrap span.tip {
    border-bottom: 1px dashed var(--mono-33);
}
.dark .fwrap div.fitem,
.dark .fwrap div.fitem_error {
    border-color: var(--mono-15);
}
.dark button:hover,
.dark input[type="submit"]:hover,
.dark input[type="reset"]:hover,
.dark input[type="button"]:hover {
    background-color: var(--mono-5);
    color: var(--mono-32);
}
.dark .ui-widget-content,
.ui-widget-content,
.dark .header_small {
    background: 0 0;
    background-color: var(--mono-6);
    color: var(--mono-32);
}

.header_small {
    border-color: var(--mono-12);
}

.dark .ranks-tabs.ui-widget-content {
    background-color: transparent;
}
.dark .ui-widget-header {
    background: var(--mono-11);
}
.dark .ui-state-active,
.dark .ui-widget-content .ui-state-active,
.dark .ui-widget-header .ui-state-active {
    background-color: var(--mono-35);
}
.dark .ui-autocomplete .ui-state-hover,
.dark .ui-autocomplete .ui-state-focus {
    background: var(--mono-1);
}
.dark p.over:hover,
.dark td.over:hover,
.dark tr.over:hover,
.dark .post-quote {
    background-color: var(--mono-8);
    color: var(--mono-32);
}
.dark .login #acclinks,
.dark .login #meslinks,
.dark .login #quicklinks,
.dark .login ul li {
    color: var(--mono-32);
}
.dark .login #quicklinks ul li.menu-header {
    color: #147bdb;
}
.dark .login #quicklinks,
.dark .login #acclinks,
.dark .login #meslinks {
    background: url(https://i.imgur.com/BZRmdjY.png) repeat;
}
.dark .news-time-home {
    color: var(--mono-27);
}
.dark .open-table a:hover,
.dark a.forumlink:hover,
.dark .header_small a.forumlink:hover,
.dark .gensmall {
    color: var(--mono-20);
}
.dark .gensmall a:hover {
    color: var(--mono-32);
}
.dark .video-icon-box {
    background-color: var(--mono-8);
}
.dark .story-block {
    border: 1px solid var(--mono-20);
    background-color: var(--mono-8);
}
.dark blockquote {
    border-left: 10px solid #d9d9d9;
    background-color: var(--mono-11);
    color: var(--mono-32);
}
.dark .site-search {
    background: var(--mono-11);
}
.dark .site-search .site-search-input {
    color: var(--mono-20);
}
.dark .site-search input::-webkit-input-placeholder {
    color: var(--mono-20) !important;
}
.dark .site-search input:-moz-placeholder {
    color: var(--mono-20) !important;
}
.dark .site-search input::-moz-placeholder {
    color: var(--mono-20) !important;
}
.dark .site-searc...

Reviews

No reviews yet.