My New Roblox Mod, try it out!

Since I’m bad at LUA, I’ll show you what Im better at, here I will show you my new roblox background that you all can use!

This is a nice background and can be changed

It requires a lot of steps to obtain but I 'll guide you step by step
One, on your browser, go in settings and add a Add-On. Next get Stylus, after obtaining it, click it and it should show something like this. Showcase1

Click the icon and it should say something like Write Style For roblox.com, make sure your on the roblox home page!

Then it will show you this,

I want you to paste all this code in there, and then click the Save Button.

.ad,
.ad *,
.img_ad,
.ad-annotations,
#google_image_div,
#aw0,
#AdvertisingLeaderboard {
display: none !important;
}

.ad,
.ad *,
.img_ad,
.ad-annotations,
#google_image_div,
#aw0,
#AdvertisingLeaderboard {
display: none !important;
}

#header {
background-color: #299ec1;
}

.navigation .notification-icon,
.rbx-highlight {
background: #299ec1;
}

#chat-header {
background: #299ec1;
}

.slide-item-container-left,
.profile-avatar-right {
background: #299ec1;
}

.rbx-tabs-horizontal .rbx-tab.active .rbx-tab-heading,
.rbx-tabs-horizontal .rbx-tab-heading:hover,
.rbx-tabs-horizontal .rbx-tab-heading:focus,
.rbx-tabs-horizontal .rbx-tab-heading:active {
box-shadow: 0 -4px 0 .6 #299ec1 inset;
/* Yea idk what this is for*/
;
}

.forum-table-header,
body .forum-table-header th,
body .forum-table-footer,
#ctl00_cphRoblox_Message1_ctl00_CenterColumn > table > tbody > tr:nth-child(1) > th,
#ctl00_cphRoblox_CenterColumn > table > tbody > tr:nth-child(1) > th {
background: #299ec1 !important;
}

.rbx-upgrade-now #upgrade-now-button,
.rbx-btn-secondary-xs.btn-more,
#AjaxCommentsContainer > div > div.comment-form > form > button,
.rbx-vip-server-create,
.btn-secondary-xs {
background-color: #299ec1 !important;
border-color: #299ec1;
}

.rbx-upgrade-now #upgrade-now-button:hover,
.rbx-btn-secondary-xs.btn-more:hover,
#AjaxCommentsContainer > div > div.comment-form > form > button:hover,
.rbx-vip-server-create:hover,
.btn-secondary-xs:hover {
background: #299ec1 !important;
border-color: #299ec1;
}

#TopAbpContainer,
.ad-annotations,
#LeftGutterAdContainer,
#RightGutterAdContainer,
#Skyscraper-Adp-Right,
#Skyscraper-Adp-Left,
.abp-spacer,
#GamesListContainer1 > div.games-list > ul > div.abp.in-game-search-ad.dynamic-ad.ad-order-even,
#GamesListContainer1 > div.games-list > ul > div.abp.in-game-search-ad.dynamic-ad.ad-order-odd,
#GamesListContainer8 > div.games-list > ul > div.abp.in-game-search-ad.dynamic-ad.ad-order-even,
#GamesListContainer8 > div.games-list > ul > div.abp.in-game-search-ad.dynamic-ad.ad-order-odd,
.sponsored-game,
.alert-info,
#mCSB_1_container > ul > li.font-bold.small,
#mCSB_1_container > ul > li.rbx-nav-sponsor {
display: none !important;
}

#navbar-search-input,
#navbar-search-btn {
border: 1px solid #299ec1;
}

body {
background: transparent !important;
}

.content {
background: transparent !important;
}

#fb-root {
width: 100% !important;
height: 100% !important;
position: fixed !important;
background-image: url(“https://i.ytimg.com/vi/mYrKAMLbjYA/maxresdefault.jpg”) !important;
background-size: cover !important;
background-attachment: fixed !important;
}

#party_none_title,
div.friend_dock_chatbox_titlebar.chat-header-blink-off {
background: linear-gradient(to bottom, #299ec1, #299ec1);
}

#ctl00_cphRoblox_RightColumn,
#Body > table > tbody > tr > td:nth-child(3),
#Body > table > tbody > tr > td:nth-child(4) {
display: none;
}

#GamesPageLeftColumn {
width: auto;
margin-right: 10px !important;
margin-left: 10px !important;
}

#GamesListsContainer > div {
background-color: transparent !important;
width: 100% !important;
}

#navigation {
background-color: rgba(244, 244, 244, 0.8);
}

.rbx-btn-primary-lg {
background-color: rgba(244, 244, 244, 0.5);
}

.rbx-btn-primary-lg:hover,
.rbx-btn-primary-lg:focus {
background-color: rgba(244, 244, 244, 0.5);
}

After such you can now save it and it should show you mine, Im bad at explaining, if it did not work then search up on youtube how to you use Stylus and then you might understand how ;D G’day!

IF THIS POST GETS UP TO 30 HEARTS I might make a script to where it will make your play button change colors like this, Showcase1
It can range from as many colors as I wish and it smoothly changes to each color and acts like a Live Gradient, remember, only if this post gets 30 hearts!

15 Likes

:thinking:I might use it not gonna lie… :slight_smile:

3 Likes

That looks like it makes the site harder to read to me.

6 Likes

If you look in the code you can actually change the background!

1 Like

It’s the blue link, it takes you to the image. You can change it ;D

1 Like

In the code, the blue link, it actually is the link to the image, you can change the link to a image that you prefer.

1 Like

Ah, a CSS tutorial, eh?
You can also change the text :>

2 Likes

This is cool, but is it allowed? I don’t want to be warned/banned for “altering” the site since isn’t this reprogramming the site’s code?

2 Likes

I mean, you ARE changing the background…

1 Like

A little CSS doesn’t hurt anybody, nor does it the website…

1 Like

Oh, ok. It makes sense. It is kinda hard to read the page though…

1 Like

To change the image, click “copy image address” (on the image you want), then replace https://i.ytimg.com/vi/mYrKAMLbjYA/maxresdefault.jpg with your image.

2 Likes

Awesome, thank you! This is really good for people who know HTML, CSS, and JavaScript

1 Like

Thank you so much, I used this as an example and now I am able to get a TON of things to go into dark theme :smiley:

2 Likes