Polytoria Dark theme (Blue) by as1

/* ==UserStyle==
@name           Polytoria Dark Theme Blue
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document url-prefix("https://polytoria.com") {
/* Hope you enjoy my fun theme made by me. */
/* Made by AS from Mopaiv and jumper21367 from Polytoria. */
/* */
/*. */
body,
html {
    background-color: #1a1a1a;
}

footer small:after {
    display: block;
    margin-top: 0.8rem;
    content: "Dark theme created by Index, thank you so much. :D";
}

.navbar {
    background-color: #191919;
    border-color: #292929;
}

hr,
hr.dropdown-divider {
    border-color: #292929;
}

.header-body {
    border-bottom-color: #292929;
}

.card {
    background-color: #1a1a1a;
    border-color: #292929;
    /* box-shadow: 0 .75rem 1.5rem #191919; */
    box-shadow: none;
    color: #6ef7ff;
}

a,
a:hover,
a:focus,
a.text-reset:hover *,
a.text-reset:focus * {
    color: #6ef7ff !important;
}

.form-control,
.form-control:hover,
.form-control:focus,
.dropdown-menu {
    background-color: #1a1a1a;
    border-color: #292929;
}

.form-control::placeholder {
    /* color: #3e3e3e; */
    color: #ccc;
    text-shadow: none;
}

select.form-control,
select.form-control:hover,
select.form-control:focus,
select.custom-select,
select.custom-select:hover,
select.custom-select:focus {
    background-color: #1a1a1a;
    border-color: #292929;
}

.header-pretitle {
    color: #555;
}

#poly-chat-toggler {
    background-color: #1a1a1a;
}

.navbar-vertical .nav-item a.nav-link,
#topbar input#headerSearchDesktop::placeholder {
    color: #6f6f6f;
}

#topbar .input-group-prepend i {
    color: #6f6f6f;
}

.list-group-item {
    border-color: #292929;
}

.dropdown-item {
    color:#6ef7ff ;
}

.dropdown-item:hover {
    color: #6ef7ff;
}

.nav-pills .nav-link.active {
    background-color: #1a1a1a;
    border: 1px solid #292929;
}

small {
    color: #6ef7ff !important;
}

.btn.btn-sm.btn-rounded-circle.btn-white,
.btn.btn-sm.btn-rounded-circle.btn-white:hover,
.btn.btn-sm.btn-rounded-circle.btn-white:focus {
    background-color: #1a1a1a;
    border-color: #292929;
}

.card-header,
h4.card-header,
.table thead th {
    color: #fff !important;
    background: #141414;
    border-color: #292929;
}

.table thead th a,
.table thead th a:hover,
.table thead th a:focus,
.table thead th a.text-reset,
.table thead th a.text-reset:hover,
.table thead th a.text-reset:focus {
    color: #6ef7ff !important;
}

.table td,
.table th {
    border-color: #292929;
}

#postContentInput,
#postContentInput:hover,
#postContentInput:focus,
#postTitleInput,
#postTitleInput:hover,
#postTitleInput:focus,
#redeem-form .form-control,
#redeem-form .form-control:hover,
#redeem-form .form-control:focus {
    background-color: #202020 !important;
}

#postContentInput::placeholder,
#postTitleInput::placeholder,
#redeem-form .form-control::placeholder {
    color: #6ef7ff;
}

footer.border-top {
    border-color: #292929 !important;
}

.form-control.disabled,
.form-control.disabled:hover,
.form-control.disabled:focus,
.form-control[disabled],
.form-control[disabled]:hover,
.form-control[disabled]:focus {
    background-color: #1a1a1a;
    border-color: #292929;
    color: #6ef7ff;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border-color: transparent transparent #292929;
}

.text-secondary,
.text-muted {
    color: #474747 !important;
}

.border {
    border: 1px solid #292929 !important;
}

.bg-light {
    background-color: #1a1a1a !important;
}

p.small.text-muted,
small.text-muted,
ul.small.text-muted {
    color: #6ef7ff!important;
}

.tooltip-inner {
    background-color: #1a1a1a !important;
    border: 1px solid #292929 !important;
}

.modal-content {
    background-color: #1a1a1a;
}

.modal-header,
.modal-footer {
    background-color: #1a1a1a;
}

button.close[data-dismiss="modal"],
button.close[data-dismiss="modal"]:hover,
button.close[data-dismiss="modal"]:focus {
    color: #6ef7ff;
}

/*
    REVERT STYLE FOR BLOG SUBDOMAIN (blog.polytoria.com)
    body.home-template, body.post-template {
        background-color:#1a1a1a ;
    }
    
    .post-card-title {
        color: #15171a;
    }
    
    .post-card-primary-tag, .article-byline-meta a, .article-tag a {
        color: #15171a !important;
    }
    
    .post-card-byline-content a {
        color: #373c44 !important;
    }
    
    .gh-head-button.gh-portal-close {
        color: #000 !important;
    }
    */
.card-title {
    color: #6ef7ff;
}

h3,
h2,
p,
span[style="font-size: 20px; font-weight: 400"],
.header-title {
    color: #6ef7ff;
}

#games_accordion .card-header button {
    color:  #6ef7ff!important;
}

.nav-tabs {
    border-color: #181818;
}

/*
    REVERT STYLE FOR SCRIPTING API DOCUMENTATION SUBDOMAIN (docs.polytoria.com)
    html.js-focus-visible body {
        background-color: #ffffff;
        color: #000 !important;
    }
    
    html.js-focus-visible p, html.js-focus-visible h1, html.js-focus-visible h2, html.js-focus-visible h3, html.js-focus-visible h4, html.js-focus-visible h5, html.js-focus-visible h6 {
        color: #000 !important;
    }
    
    html.js-focus-visible article a, html.js-focus-visible article a:hover, html.js-focus-visible article a:focus {
        color: #526cfe !important;
    }
    
    html.js-focus-visible .md-nav__item.md-nav__item--active a, html.js-focus-visible .md-nav__item.md-nav__item--active a:hover, html.js-focus-visible .md-nav__item.md-nav__item--active a:focus {
        color: #2094f3 !important;
    }
    */
/*
    REVERT STYLE FOR API DOCUMENTATION SUBDOMAIN (api.polytoria.com/docs/) 
    div.swagger-ui {
        background-color: #fafafa;
    }
    
    div.swagger-ui p, div.swagger-ui h1, div.swagger-ui h2, div.swagger-ui h3, div.swagger-ui h4, div.swagger-ui h5, div.swagger-ui a, div.swagger-ui a:hover, div.swagger-ui a:focus {
        color: #000 !important;
    }
    */
quote.text-muted {
    color: #a6a6a6 !important;
}

footer a,
footer a:hover,
footer a:focus {
    color:#6ef7ff ;
}

.breadcrumb-item.active {
    color:#6ef7ff ;
}

.btn.btn-success,
.btn.btn-success:hover,
.btn.btn-success:focus {
    color: #6ef7ff !important;
}

td,
td.text-muted {
    color: #6ef7ff !important;
}

/*
    .btn-outline-dark {
        background: #0f0f0f !important;
        border-color: #090909 !important;
    }
    
    .btn-outline-dark, .btn-outline-dark:hover, .btn-outline-dark:focus {
        color: #fff !important;
    }
    */
.p-5 .display-2 i,
.p-5 h5.text-muted,
center .display-2 i,
center h3.text-secondary,
center h5.text-muted {
    color: #6ef7ff !important;
}

footer a.text-muted,
footer a.text-muted:hover,
footer a.text-muted:focus {
    color: #6ef7ff !important;
}
}