Skip to content

Roblox Use Lighter Dark Mode (Pre February 2025) by hetbet

Screenshot of Roblox Use Lighter Dark Mode (Pre February 2025)

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

Replaces the new DARKER Dark Mode UI with the previous Dark Mode UI.

Notes

Steps:

  1. Install/Add.
  2. 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;
}
}

Reviews

No reviews yet.