visuals for roblox website

this script changes your roblox website, dark theme must be enabled: Settings > Theme > Dark.

目前為 2023-08-23 提交的版本,檢視 最新版本

// ==UserScript==
// @name         visuals for roblox website
// @version      4
// @description  this script changes your roblox website, dark theme must be enabled: Settings > Theme > Dark.
// @author       weyble
// @match       *://www.roblox.com/*
// @namespace    https://greasyfork.org/users/754911
// ==/UserScript==
function weybleOnTop () {
let css=`
.dark-theme .rbx-divider{
background-color: gold;
}
.dark-theme{
background-color: black;
}
.dark-theme .content{
background-color: black;
}
.dark-theme .container-fluid{
background-color: black;
}
.dark-theme .rbx-upgrade-now .btn-secondary-md:visited{
background-color: black;
}
.dark-theme .chat-container .chat-main .chat-header{
background-color: black;
}
.dark-theme .rbx-upgrade-now .btn-secondary-md:visited{
color: white;
}
.dark-theme .gotham-font .font-title, .gotham-font .h1, .gotham-font h1{
color: gold;
}
.dark-theme .container-footer{
background: black;
}
.dark-theme .rbx-upgrade-now .btn-secondary-md{
display: none
}
.dark-theme .profile-header .profile-header-content{
background: #0f0f0f;
}
.dark-theme .slide-switcher .slide-item-container .slide-item-container-right{
background: #0f0f0f;
}
.dark-theme .slide-switcher .slide-item-container .slide-item-container-left{
background: #0f0f0f;
}
.dark-theme .rbx-tabs-horizontal .rbx-tab.active .rbx-tab-heading{
background-color: #0f0f0f;
}
.dark-theme .rbx-tab .rbx-tab-heading{
background-color: #0f0f0f;
}
.dark-theme .profile-avatar-right .profile-avatar-mask{
background-color: #0f0f0f;
}
.dark-theme .section-content{
background-color: #0f0f0f;
}
.dark-theme .layer{
background-color: #0f0f0f;
}
.dark-theme .profile-accoutrements-container .profile-accoutrements-slider .accoutrement-item{
padding: 2px;
}
.dark-theme .rbx-tabs-horizontal .rbx-tab .rbx-tab-heading.active{
background-color: #0f0f0f;
}
.dark-theme .friends-content .avatar-card-content{
background-color: #0f0f0f;
}
.dark-theme .avatar-card-btns{
background-color: #0f0f0f;
}
.dark-theme .rbx-tabs-horizontal #horizontal-tabs .rbx-tab:not(.active) a:not(:hover){
background-color: #0f0f0f;
}
.dark-theme .menu-vertical .menu-option-content{
background-color: #0f0f0f;
}
.dark-theme .rbx-header .rbx-navbar-icon-group>li .dropdown-menu li, .rbx-header .rbx-navbar-right-nav>li .dropdown-menu li{
background-color: #0f0f0f;
}
.dark-theme .chat-friend-list .chat-friend-container{
background-color: #0f0f0f;
}
.dark-theme .dialog-container .dialog-body .dialog-messages{
background-color: #0f0f0f;
}
.dark-theme .dialogs .dialog-container .dialog-body{
background-color: #0f0f0f;
}
.dark-theme .table{
background-color: #0f0f0f;
}
.dark-theme .premium-container .page-refined{
background-image: none;
}
.dark-theme .rbx-header .navbar-search .navbar-search-option a{
background-color: #0f0f0f;
}
.dark-theme .input-group-btn .dropdown-menu li a, .input-group-btn .dropdown-menu li button{
background-color: #0f0f0f;
}
.dark-theme .stack .stack-list .stack-row{
background-color: #0f0f0f;
}
.dark-theme .thumbnail-holder .thumbnail-span{
background-color: #0f0f0f;
}
.dark-theme .stack .card-list .card-item{
background-color: #0f0f0f;
}
.dark-theme .container-empty, .dark-theme .section-content-off{
background-color: #0f0f0f;
}
.dark-theme .asset-thumb-container{
background-color: #1a1919;
}
.dark-theme .dropdown-menu li{
background-color: #0f0f0f;
}
.dark-theme .details-container{
background-color: #0f0f0f;
}
.dark-theme .details-members-container .add-friends-option .add-friends-label{
background-color: #0f0f0f;
}
.dark-theme .details-members-container .add-friends-option .add-friends-icon{
background-color: #0f0f0f;
}
.dark-theme .friends-list-container .friend-container{
background-color: #0f0f0f;
}
.dark-theme .people-info-card-container .place-container {
background-color: #0f0f0f;
}
.dark-theme .rbx-left-col{
background-color: black;}`;
var e=document.createElement("style");
e.appendChild(document.createTextNode(css));
(document.querySelector("head")||document.documentElement).appendChild(e);
console.log("roblox website has been changed succesfully, enjoy!")}
setTimeout(()=>{weybleOnTop();},200);
setTimeout(()=>{weybleOnTop();document.title="BetterRoblox";},999); //in case theres internet problems