Dark Pony Town by werewire

/* ==UserStyle==
@name           Dark Pony Town
@namespace      github.com/openstyles/stylus
@version        1.8.2
@description    Dark mode for Pony Town, not perfect but it'll get the job done, might come back to it and see if i can finish it up.
@author         Werewire
==/UserStyle== */

@-moz-document domain("pony.town") {
/* Front Page */
body, html {
    background: #111111 !important;
    color: #fff !important;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

.btn-outline-patreon {
    border-color: #fff !important;
    color: #f96955 !important;
}

.form-control {
    background-clip: padding-box;
    background-color: #000 !important;
    border: 1px solid #fff !important;
    border-radius: .25rem;
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
    color: #ddd;
    display: block;
    font-size: 1rem;
    font-weight: 400;
    height: calc(1.5em + .75rem + 2px);
    line-height: 1.5;
    padding: .375rem .75rem;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    width: 100%;
}

.btn.btn-default {
    color: #fff !important;
}

.btn-group > .btn-success:not(:last-child), .input-group-append > .btn-success:not(:last-child), .input-group-prepend > .btn-success:not(:last-child) {
    border-right-color: #fff !important;
}

.btn-group > .btn-success:not(:first-child), .input-group-append > .btn-success:not(:first-child), .input-group-prepend > .btn-success:not(:first-child) {
    border-left-color: #fff !important;
}

.btn-success {
    background-color: #4a4a4a !important;
    border-color: #a8a8a8 !important;
        border-left-color: #a8a8a8 !important;
    color: #fff !important;
}

.btn-success.focus, .btn-success:focus, .btn-success:hover {
    background-color: #a8a8a8 !important;
    border-color: #4a4a4a !important;
        border-right-color: #fff !important;
    color: #fff !important;
}

.btn:hover {
    color: #eee !important;
    text-decoration: none;
}

.btn-default {
    background-color: #292929 !important;
    border-color: #fafafa !important;
        border-right-color: rgb(250, 250, 250);
    color: #212529 !important;
}

.form-group > character-preview .rounded {
    background: #292929 none repeat scroll 0% 0% !important;
}

.text-fading {
    color: #fff !important;
}

h1, h2 {
    color: #939292 !important;
}

a {
    background-color: transparent;
    color: #a8a8a8 !important;
    text-decoration: none;
}
    a[_ngcontent-bte-c109] {
  color: #0d0d0d !important;
}

code {
    background: #6c6c6c !important;
    border-radius: .25rem;
    padding: 2px 5px;
}
code {
    word-wrap: break-word;
    color: #000 !important;
    font-size: 87.5%;
}

/* Account Settings*/
.text-warning {
    color: #8c2020 !important;
}

.btn-dark {
    background-color: #000 !important;
    border-color: #222 !important;
    color: #fff;
}

.btn-primary.focus, .btn-primary:focus, .btn-primary:hover {
    background-color: #515151 !important;
    border-color: #f2f2f2 !important;
    color: #fff !important;
}

/* Editor */
.btn-default.disabled, .btn-default:disabled {
    background-color: #fafafa !important;
    border-color: #fafafa !important;
    color: #212529 !important;
}

.btn-group > .btn-danger:not(:first-child), .input-group-append > .btn-danger:not(:first-child), .input-group-prepend > .btn-danger:not(:first-child) {
    border-left-color: #151515 !important;
}

.btn-danger {
    background-color: #151515 !important;
    border-color: #801b18 !important;
        border-left-color: rgb(217, 83, 79) !important;
    color: #fff !important;
}

.form-group > .my-3.mx-auto.character-preview-box > character-preview > .rounded {
        background: #312772 none repeat scroll 0% 0% !important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #a8a8a8 !important;
    color: #fff !important;
}

.nav-link {
    color: #fff !important;
}
    
.nav-link:hover {
  background: #a8a8a8;
}

.character-tab[_ngcontent-wmr-c187] {
    background: #161616 !important;
    border-radius: 2px;
    margin-top: 10px;
    min-height: 900px;
    padding: 10px 15px;
}

[_nghost-wmr-c159] {
    background: #121212 !important;
    border: 1px solid #777 !important;
    border-radius: 3px;
    display: block;
    overflow: hidden;
}

.dropdown-menu {
    border: 1px solid rgba(0,0,0,.15) !important;
    color: #000 !important;
  --bs-dropdown-color: #000;
  --bs-dropdown-bg: #292929;
  --bs-dropdown-divider-bg: #e9ecef;
  background-color: var(--bs-dropdown-bg);
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  color: var(--bs-dropdown-color);
}
    .server-label[_ngcontent-kym-c30], .clock-display {
  color: #EEE !important;
}
    .dropdown-item.mb-1 {
    color: #EEE !important;
    }
    .dropdown-item-text {
  color: #EEE;
}
    .dropdown-item, .dropdown-item:active {
  background-color: inherit;
  color: #EEE !important;
}
    .dropdown-item:focus, .dropdown-item:hover {
  background-color: #e9ecef2b;
}
    .friends-item-name[_ngcontent-kym-c31] {
  color: #EEE;
}
    .character-select-list[_ngcontent-kym-c85] {
  background: #292929;
  border-top: 1px solid #eee;
  color: #ddd !important;
}
    .character-name[_ngcontent-kym-c85] {
  color: #EEE;
}
    a[_ngcontent-kym-c85]:hover {
  background-color: #e9ecef2b;
  color: #1e2125;
}
    .character-select-list[_ngcontent-icn-c84] {
  background: #292929;
  border-top: 1px solid #eee;
  color: #000 !important;
}
.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
  background-color:#c2d9df;
  color:#236e83
}
a[_ngcontent-xvv-c125]:focus, a[_ngcontent-xvv-c125]:hover {
    background-color: #292929 !important;
    color: #16181b !important;
    text-decoration: none;
}

/* Dropdown Ingame */
.settings-box-menu {
    color: #000 !important;
}

.dropdown-header {
    color: #000 !important;
}

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

/* Dropdown Ingame end */


.character-select-list {
    background: #4d4d4d !important;
    border-top: 1px solid #eee !important;
}
    
.character-select-search > .form-control {
  background: #fff;
    background-color: rgb(255, 255, 255);
  border-color: #eee !important;
  border-radius: 3px !important;
  box-shadow: none !important;
  color: #fff;
}
    .character-select-list {
  background: #fff0;
  border-top: 1px solid #eee;
}
    .character-select-list a {
    color: #fff !important
    }
    
    .logo {
    filter: grayscale(100%) brightness(80%);
    }
}

@-moz-document url-prefix("https://pony.town/character") {
    a {
    background-color: transparent;
    color: #666 !important;
    text-decoration: none;
}
.character-select-search > .form-control {
  background: #000;
  border-color: #eee !important;
  box-shadow: none !important;
  color: #fff;
}
}