Original is called Lofi's coffee - for Roblox (gif)
Tweaked some assets and colors to make this wonderful background for dark theme enjoyers.
cool bg by staircase that makes roblox have a cool animated bg by staircase
Details
Authorstaircase
LicenseNo License
Categoryhttps://www.roblox.com
Created
Updated
Size7.4 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name Lofi's coffee - for Roblox (gif)
@namespace USO Archive
@author dumb pepa
@description `nothing to see here ¯\_(ツ)_/¯just a video lol: https://www.youtube.com/watch?v=iik25wqIuFo`
@version 20211012.21.17
@license CC0-1.0
@preprocessor uso
==/UserStyle== */
@-moz-document url-prefix("https://web.roblox.com"),
url-prefix("https://www.roblox.com") {
/* i really want this to be global */
.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;
}
/*Ad removal */
#header {
background-color: #313131;
}
.dialog-container .dialog-header {
background-color: #000;
color: #fff;
}
.navigation .notification-icon,
.rbx-highlight {
background: #a2a2a2;
}
#chat-header {
background: #585858;
/*Party header*/
;
}
.slide-item-container-left,
.profile-avatar-right {
background: #1D1C1A;
}
.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 #8d8d8d 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: #144200 !important;
/*Forum colors and messaging underline color*/
;
}
.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: #1D1C1A !important;
border-color: #606060;
/*Updrade button*/
;
}
.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: #ffdaef00 !important;
border-color: #ffdaef00;
}
#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;
}
.gotham-font .btn-to-link,
.gotham-font .btn-to-link:active,
.gotham-font .btn-to-link:hover,
.gotham-font .btn-to-link:link,
.gotham-font .btn-to-link:visited,
.gotham-font .refresh-link,
.gotham-font .refresh-link-icon,
.gotham-font .refresh-link-icon:active,
.gotham-font .refresh-link-icon:hover,
.gotham-font .refresh-link-icon:link,
.gotham-font .refresh-link-icon:visited,
.gotham-font .refresh-link:active,
.gotham-font .refresh-link:hover,
.gotham-font .refresh-link:link,
.gotham-font .refresh-link:visited,
.gotham-font .see-all-link,
.gotham-font .see-all-link-icon,
.gotham-font .see-all-link-icon:active,
.gotham-font .see-all-link-icon:hover,
.gotham-font .see-all-link-icon:link,
.gotham-font .see-all-link-icon:visited,
.gotham-font .see-all-link:active,
.gotham-font .see-all-link:hover,
.gotham-font .see-all-link:link,
.gotham-font .see-all-link:visited,
.gotham-font .touch .btn-to-link,
.gotham-font .touch .btn-to-link:active,
.gotham-font .touch .btn-to-link:hover,
.gotham-font .touch .btn-to-link:link,
.gotham-font .touch .btn-to-link:visited,
.gotham-font .touch .refresh-link,
.gotham-font .touch .refresh-link-icon,
.gotham-font .touch .refresh-link-icon:active,
.gotham-font .touch .refresh-link-icon:hover,
.gotham-font .touch .refresh-link-icon:link,
.gotham-font .touch .refresh-link-icon:visited,
.gotham-font .touch .refresh-link:active,
.gotham-font .touch .refresh-link:hover,
.gotham-font .touch .refresh-link:link,
.gotham-font .touch .refresh-link:visited,
.gotham-font .touch .see-all-link,
.gotham-font .touch .see-all-link-icon,
.gotham-font .touch .see-all-link-icon:active,
.gotham-font .touch .see-all-link-icon:hover,
.gotham-font .touch .see-all-link-icon:link,
.gotham-font .touch .see-all-link-icon:visited,
.gotham-font .touch .see-all-link:active,
.gotham-font .touch .see-all-link:hover,
.gotham-font .touch .see-all-link:link,
.gotham-font .touch .see-all-link:visited {
color: #000000;
}
#navbar-search-input,
#navbar-search-btn {
border: 1px solid #555;
/*Search border color*/
;
}
body {
background: transparent !important;
}
.content {
background: transparent !important;
}
#fb-root {
width: 100% !important;
height: 100% !important;
position: fixed !important;
background-image: url(https://lh3.googleusercontent.com/-RL3uJg0APjU/YWcOvMGnxKI/AAAAAAAAAGE/Ga2XZsvgvjg7F5S_MUTP9jh_KzwM-rqjgCLcBGAsYHQ/s0/ezgif.com-gif-maker%2B%25283%2529.gif?authuser=0) !important;
/* Background */
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, #000, #bbb);
}
#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: #1D1C1A;
}
.notification-red {
background-color: #1D1C1A;
padding: 1px 6px;
min-width: 18px;
}
.notification-purple {
background-color: #a8a7a8;
padding: 1px 6px;
min-width: 18px;
}
.rbx-btn-primary-lg {
background-color: rgba(111, 111, 111, .5);
}
.rbx-btn-primary-lg:hover,
.rbx-btn-primary-lg:focus {
background-color: rgba(0, 0, 0, .5);
}
.avatar-back {
background-image: url(https://cdn.dribbble.com/users/5436944/screenshots/14500911/media/9844937d467055551aa249bf148791e0.gif);
}
}