Replaces the new DARKER Dark Mode UI with the previous Dark Mode UI.
Roblox Use Lighter Dark Mode (Pre February 2025) by hetbet

Details
Authorhetbet
LicenseNo License
Categorywww.roblox.com -> roblox
Created
Updated
Size4.4 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Steps:
- Install/Add.
- Enjoy
It's broken!?
If you encounter any sections, links, buttons, text, or even elements in general that are not correctly fixed... please leave a comment beneath this userstyle with your device and browser listed, and the page the element is on. Thank you!
Source code
/* ==UserStyle==
@name Roblox Use Lighter Dark Mode (Pre February 2025)
@version 20250209.03.13
@namespace https://userstyles.world/user/hetbet
@description Replaces the new DARKER Dark Mode UI with the previous Dark Mode UI.
@author hetbet
@license No License
==/UserStyle== */
@-moz-document url-prefix("https://www.roblox.com") {
/* Play Button - Green again! */
.dark-theme .btn-common-play-game-lg {
background-color: #00B06F;
}
.dark-theme .btn-common-play-game-lg:focus, .dark-theme .btn-common-play-game-lg:hover {
background-color: #00B06F;
}
/* Background - Lighter again! */
.dark-theme {
background-color: #222627;
}
.dark-theme .content {
background-color: #222627;
}
.dark-theme .container-footer {
background-color: #222627;
}
/* Games Focused - Darker again! */
.dark-theme .hover-game-tile.focused.old-hover .featured-game-container {
background-color: #202122;
}
.dark-theme .hover-game-tile.focused.old-hover {
background-color: #202122;
}
/* Filter Button - Lighter again! */
.dark-theme .filters-container .filter-items-container .filter-select.btn-secondary-md {
background-color: #3a3b3d;
}
/* Spacer + Scroller - Lighter again! */
.dark-theme .horizontal-scroller .scroller .spacer {
background-color: #222627;
}
/* Game Tabs - Lighter again! */
.dark-theme .rbx-tab .rbx-tab-heading {
background-color: #3a3b3d !important;
}
/* Badges - Lighter again! */
.dark-theme .stack .stack-list .stack-row {
background-color: #3a3b3d;
}
/* Servers - Lighter again! */
.dark-theme .section-content-off {
background-color: #222627;
}
/* Server Join Button + Refresh Button - Darker again! */
.dark-theme .btn-control-xs {
background-color: rgb(0 0 0 / 12%);
}
/* Settings Menu - Lighter again! ( + border radius) */
.dark-theme .menu-vertical {
background-color: #3a3b3d;
border-radius: 10px;
}
/* Settings Section Content - Lighter again! */
.dark-theme .section-content {
background-color: #222627;
}
/* Friend Drop Down - Lighter again! */
.dark-theme .friend-tile-dropdown {
background-color: #222627;
}
/* Catalogue - Lighter again! */
.dark-theme #catalog-react-page .search-bars {
background: #222627;
}
.dark-theme .catalog-container .sticky .topic-container {
background-color: #222627;
}
/* Catalogue Item - Lighter again! */
.dark-theme .layer {
background-color: #222627;
}
/* Button Small - Green again! */
.dark-theme .btn-growth-sm {
background-color: #00B06F;
}
.dark-theme .btn-growth-sm:focus, .dark-theme .btn-growth-sm:hover {
background-color: #00B06F;
}
/* Button Medium - Green again! */
.dark-theme .btn-growth-md {
background-color: #00B06F;
}
.dark-theme .btn-grwoth-md:focus, .dark-theme .btn-growth-md:hover {
background-color: #00B06F;
}
/* Button Large - Green again! */
.dark-theme .btn-growth-lg {
background-color: #00B06F;
}
.dark-theme .btn-grwoth-lg:focus, .dark-theme .btn-growth-lg:hover {
background-color: #00B06F;
}
/* Shopping Cart Count - Green again! */
.dark-theme .shopping-cart-btn-container .shopping-cart-btn .shopping-cart-icon-container .cart-number-container, .light-theme .shopping-cart-btn-container .shopping-cart-btn .shopping-cart-icon-container .cart-number-container {
background-color: #00B06F;
}
/* Dropdown Menus - Lighter again! */
.dark-theme .open .dropdown-menu {
background-color: #222627;
}
/* Messages - Lighter again! */
.dark-theme .messages .messageDivider {
background-color: #222627;
}
/* Unread Messages - Lighter again! */
.dark-theme .messages .messageDivider.unread {
background-color: #3a3b3d;
}
/* Friends Ignore-Accept Container - Lighter again! */
.dark-theme .avatar-card-btns {
background-color: #3a3b3d;
}
/* Category Tabs - Lighter again! */
.dark-theme .rbx-tabs-vertical .category-tabs .menu-vertical {
background-color: #3a3b3d;
}
.dark-theme .menu-vertical .menu-option .menu-secondary {
background-color: #3a3b3d;
}
/* Message Banner - Lighter again! */
.dark-theme .message-banner {
background-color: #3a3b3d;
}
/* Trade Request - Lighter again! */
.dark-theme .trade-row {
background-color: #3a3b3d;
}
.dark-theme .trade-row:hover {
background-color: #3a3b3d;
}
/* Modal Content - Lighter again! */
.dark-theme .modal-dialog .modal-content {
background-color: #3a3b3d;
}
}