toonhq-dark.user.css

/* ==UserStyle==
@name           toonhq-dark
@namespace      JonathanHelianthicusDoe
@version        0.2.2
@description    toonhq makes my eyes hurt
@license        CC-BY-SA-4.0
@author         Dr. Jonathan Helianthicus Doe, IV
@homepageURL    https://github.com/JonathanHelianthicusDoe/toonhq-dark
@updateURL      https://github.com/JonathanHelianthicusDoe/toonhq-dark/raw/master/toonhq-dark.user.css
==/UserStyle== */
@-moz-document domain("toonhq.org") {
    body,
    .dropdown-menu,
    .modal-content,
    .vuedal,
    .card,
    .multiselect__input,
    .multiselect__single,
    .multiselect__tags,
    .multiselect__content-wrapper,
    .group-filters__filter .multiselect__placeholder {
        color: #fff;
        background-color: #212529;
    }

    .dropdown-item {
        color: #fff;
    }

    .dropdown-item:hover,
    .dropdown-item:focus {
        color: #fff;
        background-color: #414549;
    }

    .navbar.navbar-default {
        background: #111315;
    }

    .btn.btn-generic-solid {
        background: #132846;
        color: #fff;
        border-color: #52709b;
    }

    .navbar.navbar-default .navbar-nav li.steel > a {
        color: #8881b7;
    }

    .navbar.navbar-default .navbar-nav li > a.sign-up span {
        background: #732222 !important;
    }

    .theme.theme--home {
        background: #111315;
        color: #fff;
    }

    .parallax.parallax {
        background: #111315;
        -webkit-mask-image: none;
        mask-image: none;
        padding: 0;
    }

    .parallax__bg img {
        display: none;
    }

    .welcome.welcome {
        background: #333537;
        color: #fff;
    }

    .tt-card {
        background: #333537;
        color: #fff;
    }

    .features-curve.features-curve,
    .theme.theme--generic-solid,
    .theme.theme--generic .theme__nav-bg {
        background: #162233;
    }

    .feature.feature {
        color: #fff;
    }

    .modal-image-close.modal-image-close {
        top: -2px;
    }

    .text-muted {
        color: #b8bfc8 !important;
    }

    a {
        color: #70abff;
    }

    a:hover {
        color: #99ccff;
    }

    .form-control,
    .form-control:focus {
        color: #b8bfc8;
        background-color: #111315;
    }

    .descriptive-hr__line {
        background: rgba(255, 255, 255, 0.1);
    }

    .descriptive-hr__text {
        color: rgba(255, 255, 255, 0.5);
    }

    .navbar.navbar-default .navbar-nav li.blue > a.active,
    .subnav.subnav--blue {
        background: #103e59 !important;
        color: #6faad7;
    }

    .subnav.subnav--blue .subnav__items > li a {
        color: #6faad7;
    }

    .subnav.subnav--blue .subnav__items > li:hover a {
        color: #5090bc;
    }

    .info-card,
    .card,
    .card.card,
    .table {
        background: #222426;
        color: #fff;
    }

    .progress-bar,
    .info-card--invasions .progress-bar {
        background: #4d6879;
    }

    .theme.theme--invasions {
        background: #05161e;
    }

    canvas {
        filter: invert(100%);
    }

    .modal-close-corner {
        color: white;
    }

    footer.theme__accent-bg {
        background: #111315 !important;
    }

    .info-card--groups .invading-cog {
        background: #000;
        border: 1px solid #111315;
    }

    .subnav.subnav--green .subnav__btn {
        background: #154a31;
    }

    .subnav.subnav--green .subnav__btn:hover {
        background: #12402a;
    }

    .vue-dropdown__content {
        background: #111315;
    }

    .subnav.subnav--green {
        color: #59b088;
    }

    .multiselect__tags,
    .multiselect__content-wrapper {
        border: 1px solid #66696f;
    }

    .multiselect__option--highlight {
        background-color: #33896a;
    }

    .multiselect__option--selected {
        background: #333537;
        color: #fff;
    }

    .multiselect__option--selected.multiselect__option--highlight {
        background: #248d95 !important;
    }

    .theme.theme--groups {
        background: #1c402c;
    }

    .alert-primary {
        color: #bdf;
        background-color: #112335;
        border-color: #224466;
    }

    .speedchat__footer.speedchat__footer {
        background: #111315;
    }

    .message__header.message__header,
    .speedchat__chat-disabled-reason.speedchat__chat-disabled-reason,
    .splash {
        color: #b8bfc8;
    }

    .message__bubble.message__bubble {
        background: #111315;
    }

    .gdetails__boarding {
        color: #61a2ff;
    }

    .info-card--groups .info-card__title,
    .info-card--groups .group-synced {
        color: #60d089;
    }

    .table-info,
    .table-info > td,
    .table-info > th {
        background-color: #333840;
    }

    textarea {
        color: #fff;
    }

    .gdetails .invasion-info {
        background: #222426;
    }

    .btn.btn-default {
        background: #111315;
        color: #fff;
        border-color: #222426;
    }

    .btn.btn-default:hover {
        background-color: #333537;
    }

    .speedchat__messages-hidden.speedchat__messages-hidden {
        background: #333537;
        color: #c9cbcd;
    }

    .alert-info {
        color: #d9effd;
        background-color: #1d587a;
        border-color: #cae9fc;
    }

    .dropdown--text button.dropdown-toggle {
        color: #fff !important;
    }

    .list-group-item {
        border: 1px solid rgba(255, 255, 255, 0.125);
        background-color: #222426;
    }

    .no-inv.no-inv {
        color: #fff;
    }

    .announcement.announcement {
        background: #111315;
        color: #fff;
        outline: none;
    }

    .announcement__icon.announcement__icon {
        display: none;
    }
}