A simple dark theme for Roblox
Roblox - Premium Dark V1.1 by celestealll
Details
Authorcelestealll
LicenseNo License
Categoryroblox
Created
Updated
Size2.9 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
V1.1
Performance fixes (thanks gallifory):
-Rewritten left menu
-Reverted to default background
-Removed play button animation
-Removed unnecessary lines
Source code
/* ==UserStyle==
@name Roblox - Premium Dark
@version 20221212.01.46
@namespace userstyles.world/user/celestealll
@description A better dark theme for Roblox
@author celestealll
@license No License
==/UserStyle== */
@-moz-document url-prefix("https://www.roblox.com/") {
* {
cursor: default!important;
}
.avatar-back {
transition: .3s;
background-image: none;
}
.avatar-back:hover {
background-color: rgba(52, 54, 56, .5);
}
.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;
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;
}
.rbx-left-col {
transition: 0.5s;
transform: translateX(calc(0% - 125px));
}
.rbx-left-col:hover {
transform: translateX(0%);
}
.rbx-left-col ul {
width: 165px;
}
.rbx-left-col li .text-nav {
flex-direction: row-reverse!important;
padding: 12px 0px;
}
.rbx-left-col li .text-nav .font-header-2 {
text-align: right;
padding-right: 10px;
}
.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);
}
.premium-landing-page {
-ms-overflow-style: none!important;
scrollbar-width: none!important;
}
.input-field {
border: none!important;
}
.chat-main {
transition: 0.3s;
}
/* removes annoying roblox 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, #premium-title, .stipend-section, .catalog-benefit-section, .game-benefit-section, .trade-benefit-section, #desktop-app-banner, .vote-mask, #simplemodal-container, #simplemodal-overlay, .rbx-divider, .stack .card-list .card-item .player-thumbnails-container {
display: none!important;
}
}
@-moz-document url-prefix("https://www.roblox.com/catalog/") {
#simplemodal-container, #simplemodal-overlay {
display: initial!important;
}
}