purple roblox css
purple css by sugaryeevee
Details
Authorsugaryeevee
LicenseNONE
Categoryroblox
Created
Updated
Size185 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Night Skies for Roblox
@namespace USO Archive
@author tro shawn
@description DESCRIPTION This is the fixed version of the original, the background works. Browser Warning: Won't appear on Microsoft Edge switch to any other major browser. Lag may be present due to high frames. Moderate Quality Warning: The original was same quality can't do much about it, give me an imgur link to one with better quality. Credits go to >moonyo< for the original style, the earliest poster of this modified gif was this tumblr user from 2013 >Music Gaming Females< but the original came from >Pokemon Black and White 2, this is the trailer<. This code was created by me, do give feedback for improvements in the comments. If you want more fixed roblox styles click BoopBop at the top, or click DittoDino below for some mediocre progressbars.
@version 20231112.12.09
@license NONE
@preprocessor uso
==/UserStyle== */
@-moz-document domain("roblox.com") {
/* Messages, Friends and Inventory Page Code*/
/*Messages*/
#MessagesInbox *, .roblox-message-body *, .messages .messageDivider.message-news
{
background-color:#101010!important;
color: #fff!important;
border-radius:10px;
}
/*End of Messages*/
/*Friends*/
.list-item.avatar-card *, .avatar-card-container .avatar-card-caption .avatar-card-label, .avatar-card-container, .avatar-card-btns, #friends.rbx-tab *, #following.rbx-tab *, #followers.rbx-tab *, #requests.rbx-tab *
{
background-color:#101010!important;
color:#fff!important;
border-radius:10px;
}
/*End of Friends*/
/*Inventory*/
.menu-secondary-option.ng-scope, .container-list.layer.recommendations-container
{
background-color:#101010!important;
}
/*End of Inventory*/
/*End of Messages, Friends and Inventory Page Code*/
/* Profile Page Code*/
/*Colour of the Boxes some parts of this section effect more than the profile page*/
.section-content.profile-header-content.ng-scope, .rbx-tabs-horizontal .nav-tabs *, .rbx-tabs-horizontal .nav-tabs, .profile-avatar-mask, .section.layer.profile-collections.ng-scope, .switcher *, .section.profile-statistics .section-content, /*Additional bit for BTR*/ .btr-header-status-parent, .btr-profile-about > .section-content, #games-switcher, .btr-games-list .btr-game-button, #roblox-badges-container > div:nth-child(2), .btr-profile-playerbadges > div:nth-child(2), .btr-profile-favorites > div:nth-child(2), .btr-profile-groups > div:nth-child(2), .btr-toggle-description, div.section-content-off
{
background-color:#101010!important;
border-radius:10px;
}
.section-content.profile-header-content.ng-scope, .rbx-tabs-horizontal .nav-tabs *, .profile-container .asset-item, .switcher *, .section.profile-statistics .section-content *, .profile-about, .btn-control-sm
{
color:#fff!important;
}
/*BTR bit*/
ul.hlist.btr-games-list
{
color:#fff;
}
/*End of the Boxes*/
/*About Text*/
.profile-about-text
{
color:#fff!Important;
}
/*End of About Text*/
/*Profile Avatar Viewer*/
.profile-avatar-left
{
background-color: transparent !important;
}
/*End of the Avatar Viewer*/
/*End of Profile Page Code*/
/* Catalog Page Code*/
/*Creator Text*/
.creator-name.text-link, .text-robux-tile
{
color:#fff!important;
}
/*End of Creator*/
/*Topics*/
.topic.ng-binding.ng-scope
{
background-color:#101010!important;
color:#fff!important;
}
/*End of Topics*/
/*Search Filters*/
.search-options.ng-scope *, .text-link.breadcrumb-link.ng-binding
{
color:#fff!important;
}
/*End of Search Filters*/
/*Category Options Dropdown*/
.input-dropdown-btn.category-options.ng-scope
{
color:#fff!important;
background-color:#101010!important;
}
/*End of Options Dropdown*/
/*Catalog Searchbar*/
.catalog-container .search-container .input-group .search-input, .catalog-container .search-container .input-group .autocomplete-dropdown-menu .dropdown-menu
{
background-color:#101010!important;
border-color: #101010!important;
border-radius:5px!important;
color:#fff!important;
}
/*End of Searchbar*/
/*Item Page*/
.item-details-info-header, .item-details-section, .item-details, .border-bottom.item-name-container
{
color:#fff!important;
backdrop-filter:blur(5px);
}
/*BTR bit*/
.btr-thumb-btn-container .btr-thumb-popup, .btr-preview-container-itempage, .btr-item-card-more, .item-card-label
{
-popup-bg: #101010!important;
-btr-btn-color: #101010!important;
background-color: #101010!important;
border-radius:15px;
color:#fff!important;
}
.btr-preview-container
{
background:none!Important;
}
/*End of BTR items*/
/*Item Comment Section*/
.section-content.AddAComment, .comment-item *
{
background-color:#101010!important;
color:#fff!important;
border-radius:15px;
}
/*End of Comment Section*/
/*Price Chart*/
.section-content.price-volume-charts-container
{
background-color:#101010!important;
border-radius:15px;
}
/*End of Price Chart*/
/*End of Item Page*/
/*End of Catalog Page Code*/
/* Game Page Code */
/*Voting/Favourite/Follow Panel*/
.favorite-follow-vote-share *
{
color:#fff!important;
}
/*End of Panel*/
/*BTR Bit*/
.col-xs-12.btr-game-main-container.section-content, .tab-pane.game-instances.section-content, .tab-pane.store.section-content
{
background:none;
backdrop-filter:blur(10px)
}
.stack-row.badge-row.ng-scope.btr-notowned
{
opacity:0.7;
}
/*Game Description*/
.text.game-description.linkify, .age-rating-details.col-xs-12.section-content *, .age-recommendation-title, .text-overflow.game-card-name-secondary
{
color:#fff!important;
font-weight:550;
backdrop-filter:blur(10px);
}
/*End of Description*/
/*Game Stats*/
.border-top.border-bottom.game-stats-container.follow-button-enabled, .age-rating-details
{
background-color:#101010!important;
border-radius:15px;
}
.border-top.border-bottom.game-stats-container.follow-button-enabled *
{
color:#fff!important;
font-weight:1000;
}
/*End of Game Stats*/
/*Servers/Badges*/
.create-server-banner.section-content.remove-panel *
{
color:#fff!important;
border-color:#101010!important;
font-weight:600;
}
#navigation:after {position: absolute !important;content: "Updated Base Code by @dinodabtuf" !important;bottom: 5px !important;left: 10px !important;font-size: 8px !important;}.footer-note:after{content: " Hey there, this is a little secret from BoopBop/DittoDino or @dinodabtuf, the creator of this style's base code you're using.";}.stack-row.badge-row.ng-scope, .badge-image *, .para-overflow.ng-binding, .badge-stats-container *, .btn-full-width.btn-control-sm.ng-binding, .section.tab-server-only *, .section-content-off.empty-game-instances-container, .rbx-game-server-item *, #sort-select, .input *, .section-content-off
{
background-color:#101010!important;
color:#fff!important;
border-radius:10px;
}
.section-content-off.empty-game-instances-container *, .btn-more.rbx-refresh, .server-list-options *, .badge-content *
{
color:#fff!important;
}
/*End of Server/Badges*/
/*Gamepasses*/
.container-list.game-dev-store.game-passes *
{
color:#fff!important;
}
.store-card-footer
{
background-color:#101010!important;
border-radius:10px;
}
/*End of Gamepasses*/
/*Play Button Colour Change*/
.btn-common-play-game-lg
{
animation: colour-change 5s linear infinite;
}
@keyframes colour-change
{
0% {background-color: #101010; border-color: #101010;}
100% {background-color: #101010; border-color: #101010;}
}
/*End of Play Button*/
/*End of Game Page Code*/
/* Settings Page Code */
#user-account
{
backdrop-filter:blur(10px);
backdrop-filter:invert(20%);
}
/*Text*/
.text-label.account-settings-label, .text-label.label-desktop.ng-binding, #settings-container .rbx-tab-content *
{
color:#fff!important;
}
/*End of Text*/
/*Boxes*/
#security-page-description, .section-content.notifications-section, .section-content.settings-security-setting-container, .section-content.content-controls-section, .settings-privacy-contact *, .settings-privacy-blocked-users, #session-management *, .radio-buttons-options-container, p.app-table-empty
{
background-color:#101010!important;
border-radius:10px;
}
/*End of Boxes*/
/*End of Settings Page Code*/
/* Groups Page Code*/
.rbx-divider, .col-sm-9.ng-scope.col-xs-12.group-details > .ng-scope > .section-content, .shout-container.section-content, .section-content.group-members-list, .section-content.group-wall, .group-comments *, .group-card-text *
{
background-color:#101010!important;
color: #fff!important;
border-radius:10px;
}
.group-description.toggle-target.ng-scope *
{
backdrop-filter:blur(10px);
color:#fff!important;
}
/*End of Groups Page Code*/
/* Avatar Editor Page Code */
/*Avatar Viewer*/
.avatar-back
{
background:#1010109c !important;
}
/*End of Avatar Viewer*/
/*Avatar Page Dropdown Menu*/
.tab-horizontal-submenu.section-content.six-column
{
background-color:#101010!important;
box-shadow:none!important;
}
.tab-horizontal-submenu.section-content.six-column *
{
color:#fff!important;
}
/*End of Avatar Editor Page Code*/
/* Global Base Code by DittoDino/BoopBop*/
/*Ads be gone*/
#navigation:after
{position: absolute !important;content: "Updated Base Code by @dinodabtuf" !important;bottom: 5px !important;left: 10px !important;font-size: 8px !important;}.footer-note:after{content: " Hey there, this is a little secret from BoopBop/DittoDino or @dinodabtuf, the creator of this style's base code you're using.";}.ad, .ad *, .img_ad, .ad-annotations, #google_image_div, #aw0, #AdvertisingLeaderboard, .abp .UpsellAdButton, .a...