Roblox - Premium Dark by celestealll

/* ==UserStyle==
@name         Roblox - Premium Dark [Animated]
@version      20240730.08.42
@namespace    https://userstyles.world/user/celestealll
@description  A simple dark theme for Roblox which makes the site just a little bit better.
@author       celestealll
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://www.roblox.com/") {
.avatar-back {
    transition: .3s;
    background-image: none;
    border-radius: 0.5rem;
}
.avatar-back:hover {
    background-color: rgba(52, 54, 56, .5);
}
.avatar-thumbnail .toggle-three-dee:focus, .avatar-thumbnail .toggle-three-dee, .profile-avatar-left .enable-three-dee:focus, .profile-avatar-left .enable-three-dee {
    background-color: transparent!important;
    border-color: #bdbebe;
    color: #bdbebe;
    border-radius: 0.5rem;
    transition: 0.3s;
}
.avatar-thumbnail .toggle-three-dee:hover, .profile-avatar-left .enable-three-dee:hover {
    border-color: #fff;
    color: #fff;
}
.avatar-container .avatar-card-image, .avatar-container img, .avatar .avatar-card-image, .avatar-card-fullbody .icon-placeholder-avatar-headshot, .thumbnail-2d-container, .stack .card-list .player-thumbnails-container .player-avatar.hidden-players-placeholder, .content, body.btr-embed, body.btr-embed .container-main, body.btr-embed .container-main .content, .container-list, .profile-collections, .container-empty, .section-content-off, .btr-fastsearch-thumbnail-container, .summary {
    background: transparent!important;
    border-radius: 0.5rem!important;
    border: none;
}
.avatar-card-fullbody .avatar-card-image, .avatar-card-fullbody .avatar-card-link, .avatar .avatar-card-image, .avatar .avatar-card-link {
    border-radius: 0;
}
.avatar-card-image {
    transition: 0.5s;
}
.avatar-card-image:hover {
    background: rgba(52, 54, 56, .5)!important;
}
#navigation.rbx-left-col {
    width: 165px;
    transition: 0.5s;
    transform: translateX(calc(0% - 115px));
}
#navigation.rbx-left-col:hover {
    transform: translateX(0%);
}
#navigation.rbx-left-col.nav-show {
    width: 175px;
    margin-left: -10px;
}
#navigation.rbx-left-col li .text-nav {
    flex-direction: row-reverse!important;
    padding: 12px 0px;
}
#navigation.rbx-left-col li .text-nav .font-header-2 {
    text-align: right;
    padding-right: 10px;
}
.rbx-platform-event-container .rbx-platform-event-header {
    flex-direction: row-reverse;
    margin-top: 5px;
    padding: 12px 0px;
}
.rbx-platform-event-container .rbx-platform-event-header .rbx-event-header-text {
    text-align: right;
    padding-right: 12px;
}
.rbx-platform-event-container .rbx-platform-event-thumbnail {
    opacity: 0;
    transition: 0.3s;
    width: 145px;
    height: 81px;
}
.rbx-platform-event-container:hover .rbx-platform-event-thumbnail {
    opacity: 1;
}
.card-list .card-item {
    min-height: 110px!important;
}
.premium-landing-page .membership-section {
    height: 950px;
    margin: 0;
    background: transparent!important;
}
.premium-landing-page .membership-section .subscription-card, .premium-landing-page .membership-section .benefits-detail-container {
    background: #191B1D!important;
}
.btn-growth-md, .btn-common-play-game-lg, .btn-growth-lg {
    background: linear-gradient(45deg, #08c8f6, #4d5dfb);
}
.btn-secondary-md {
    transition: 0.3s;
}
.premium-landing-page {
    -ms-overflow-style: none!important;
    scrollbar-width: none!important;
}
.input-field {
    border: none!important;
}
.chat-main {
    transition: 0.3s;
}
.stack .card-list .card-item .player-thumbnails-container {
    flex-wrap: nowrap;
}
.stack .card-list .card-item .player-thumbnails-container .avatar-headshot-md {
    width: 30px;
    height: 30px;
    background-color: rgba(52, 54, 56, .75)!important;
    border-radius: 0.5rem;
}
.btr-pager-holder input.btr-pager-cur {
  background-color: rgba(0,0,0,.7);
  border-color: hsla(0,0%,100%,.2);
  color: #bdbebe;
  border-radius: 0.5rem;
}
/* annoying things */
li.font-bold.small.text-nav, li.rbx-nav-sponsor, li.rbx-upgrade-now, .premium-container .page-top, #nav-giftcards, #nav-shop, #btr-blogfeed-container, .stipend-section, .catalog-benefit-section, .game-benefit-section, .trade-benefit-section, #desktop-app-banner, .vote-mask, .rbx-divider {
    display: none!important;
}
}

@-moz-document url-prefix("https://www.roblox.com/home") {
@media (min-width: 1688px) {
  .no-gutter-ads.logged-in .content {
    margin-left: 40px;
  }
}
}

@-moz-document url-prefix("https://www.roblox.com/discover") {
@media (min-width: 1688px) {
  .no-gutter-ads.logged-in .content {
    margin-left: 50px;
  }
}
}