A sleek, modern theme for Roblox that enhances your user experience with a futuristic design and intuitive interface.
Neoblox by MWMWMWMWMWMWMWMWMWMWMWMWMWMWMWMWMWMWMWM
Details
AuthorMWMWMWMWMWMWMWMWMWMWMWMWMWMWMWMWMWMWMWM
LicenseMIT
Categoryroblox.com
Created
Updated
Size40 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Please feel free to reach out if you encounter any bugs. You can find me on Discord at @rbxm / 692509166706884659
To ensure the theme works properly, i recommend the following extensions: BTRoblox, RoPro, and RoSeal.
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Neoblox
@namespace futuristic.designs
@author samy
@description Experience Roblox like never before with a clean, modern interface and cutting-edge design elements.
@version 1
==/UserStyle== */
@-moz-document domain("roblox.com") {
@keyframes wobble {
0% {
transform: rotate(0deg)
}
30% {
transform: rotate(-30deg)
}
100% {
transform: rotate(360deg)
}
}
.icon-logo-r-95,
.dark-theme .icon-logo-r-95 {
animation: wobble 2s infinite;
}
.alert-system-feedback .alert {
top: -90px;
}
.btn-common-play-game-lg {
border-radius: 18px;
transition: transform 0.3s ease;
}
.btn-common-play-game-lg:hover {
transform: scale(1.03);
}
.btn-common-play-game-lg:active {
transform: scale(0.96);
}
.thumbnail-2d-container img {
border-radius: 18px;
background-color: #232527;
}
.rbx-tabs-horizontal .nav-tabs {
border-radius: 12px;
}
.rbx-tabs-horizontal {
border-radius: 12px;
}
.dark-theme .thumbnail-2d-container {
border-radius: 18px;
}
.dark-theme .btn-primary-md {
border-radius: 18px
}
.dark-theme .avatar .avatar-card-image {
background-color: #393b3d;
}
.dark-theme .stack .card-list .card-item {
border-radius: 12px;
}
.dark-theme .stack .card-list .card-item {
border-radius: 12px;
}
.dark-theme .age-rating-details {
border-radius: 12px;
}
.dark-theme .request-error-page-content .default-error-page {
background-color: #161616;
border-radius: 18px;
}
.profile-header .profile-header-content {
border-radius: 18px;
}
.dark-theme .section-content {
border-radius: 18px;
background-color: #161616;
box-shadow: 0 0 13px rgba(0, 0, 0, 0.5);
}
.dark-theme .menu-vertical {
border-radius: 12px;
}
.dark-theme .friends-content .avatar-card-content {
border-radius: 16px;
background-color: #161616;
}
.new-notification-stream-2022 .notification-stream-body .notification-stream-data .notification-stream-scrollbar .notification-stream-list {
background-color: #161616;
}
.accounts-popover .has-accounts-list .actions {
background-color: #161616;
}
span[class^="jss"] {
display: block;
margin: 0 auto;
width: 100%;
text-align: center;
}
.roseal-scrollbar {
scrollbar-color: #161616 #161616;
border-radius: 10px;
margin: 0 0 0 6px;
border: 1px solid transparent;
}
.dark-theme .accounts-popover .accounts-manager-header {
background-color: #161616;
}
.dark-theme .stack .card-list .card-item {
background-color: #232527;
}
.stack .card-list .card-item {
text-align: center;
}
.stack .card-list .card-item button.game-server-join-btn {
border: 1px solid #232527;
background-color: #232527;
}
.dark-theme .stack .card-list .rbx-private-game-server-item .card-item .game-server-details {
border-color: transparent;
box-shadow: 0 0 13px rgba(0, 0, 0, 0.72);
text-align: center;
margin: 0 0 0 6px;
padding-bottom: 15px;
padding-top: 15px;
}
.accounts-popover .add-account-button {
background-color: #232527;
border: 1px solid transparent;
color: #bdbebe;
}
.accounts-popover .add-account-button:hover {
background-color: #232527;
border: 1px solid #bdbebe;
color: #bdbebe;
}
.accounts-popover .remove-session-button {
background-color: #232527;
border: 1px solid transparent;
color: #ea484e;
}
.accounts-popover .remove-session-button:hover {
background-color: #232527;
border: 1px solid #ea484e;
color: #ea484e;
}
.dark-theme .modal-dialog .modal-content .modal-body,
.dark-theme .modal-dialog .modal-content .modal-top-body {
border-radius: 18px;
background-color: #161616;
}
.dark-theme .message-banner {
border-radius: 18px;
background-color: #161616;
}
.modal-dialog .modal-content .modal-buttons,
.modal-dialog .modal-content .modal-footer {
border-radius: 18px;
background-color: #161616;
}
.dark-theme .modal-dialog .modal-content .modal-header {
border-radius: 18px;
background-color: #161616;
}
.popover-content .dropdown-menu {
background-color: #161616;
}
.dark-theme .stack .card-list .player-thumbnails-container .player-avatar.hidden-players-placeholder {
background-color: #232527;
}
.dark-theme .avatar-card-container {
border-radius: 16px;
}
.dark-theme .popover {
border-radius: 12px;
background-color: #161616;
}
.item-details-info-content.shopping-cart .item-details-info-header {
background-color: #161616;
}
.popover {
background-color: transparent;
}
[Class="dropdown-menu interaction-container"] .dark-theme .dropdown-menu {
background-color: transparent;
}
.popover-content {
backdrop-filter: blur(10px);
}
.dark-theme .btn-buy-md {
border-radius: 12px;
}
.dark-theme .btn-control-md {
border-radius: 12px;
}
.social-links .medallion {
border-radius: 18px;
}
.dark-theme .game-card-container {
box-shadow: 0 0 13px rgba(0, 0, 0, .67);
background-color: #12121200;
border-radius: 18px;
transition: all 0.3s ease-in-out, background-color 0.3s cubic-bezier(0.9, 0.7, 0.01, 0.2), box-shadow 0.3s ease-in-out, transform 0.3s cubic-bezier(0.3, 0.01, 0.01, 0.7);
}
.dark-theme .game-card-container:hover {
background-color: #232527;
box-shadow: 0 0 13px rgb(0, 0, 0);
transform: scale(1.1);
border: 1px solid transparent;
}
.game-carousel .grid-item-container {
margin: 25px 0px 24px 15px;
}
.dark-theme .store-card {
background-color: #232527;
border-radius: 18px;
transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}
.dark-theme .store-card:hover {
background-color: #3c3c3c;
box-shadow: 0 0 13px rgba(0, 0, 0, 0.5);
transform: scale(1.02);
z-index: 100;
}
.dark-theme .modal-dialog .modal-content {
border-radius: 18px;
background-color: #161616;
backdrop-filter: blur(10px);
}
.dark-theme .rbx-left-col {
background-color: #1a1a1abd;
backdrop-filter: blur(10px);
}
.dark-theme .rbx-header {
background-color: #1a1a1abd;
backdrop-filter: blur(10px);
}
#header {
background-color: #1a1a1abd;
}
.dark-theme .dialogs .dialog-container .dialog-body {
background-color: transparent
}
.dark-theme .dialog-container {
background-color: #1e1e1ecf;
backdrop-filter: blur(10px);
}
.dark-theme .chat-main {
background-color: #1e1e1ecf;
backdrop-filter: blur(10px);
}
.game-carousel .grid-item-container {
width: 140px;
}
.popover.bottom.people-info-card-container {
margin-top: 7px;
}
.people-list .friend .avatar-container:hover + .popover.bottom.people-info-card-container {
transform: translate(0, 10px);
transition: transform 0.5s;
}
.group-details .group-members-list .member .avatar-container {
transition: transform 0.2s ease-in-out;
}
.group-details .group-members-list .member .avatar-container:hover {
transform: scale(1.04);
z-index: 100;
}
.avatar-card-fullbody {
transition: box-shadow 0.3s ease-in-out, transform 0.2s ease-in-out;
}
.dark-theme .rbx-header .navbar-search .new-dropdown-menu {
border-radius: 18px
}
.popover.bottom.people-info-card-container {}
.social-links .Twitter {
border-radius: 18px;
}
.social-links .Discord {
border-radius: 18px;
}
.social-links .contents {
background-color: #232527;
}
.dark-theme .rbx-tab .rbx-tab-heading {
background-color: transparent
}
.rbx-tabs-horizontal .rbx-tab-heading {
margin-right: 0px;
margin-left: 0px;
padding: 10px;
}
.dark-theme .rbx-tabs-horizontal .rbx-tab.active .rbx-tab-heading {
border-radius: 12px;
border-color: #232527;
background-color: #232527;
box-shadow: inset 0 -4px 0 0 #0000;
border: 1px solid hsla(0, 0%, 100%, .7);
}
.dark-theme .rbx-tabs-horizontal .rbx-tab .rbx-tab-heading {
transition: background-color 0.7s ease, border-color 1s ease;
border-color: transparent
}
.dark-theme .rbx-tabs-horizontal .rbx-tab .rbx-tab-heading:hover {
box-shadow: inset 0 -4px 0 0 #0000;
}
.dark-theme .rbx-tabs-horizontal .rbx-tab .rbx-tab-heading:active {
box-shadow: inset 0 -4px 0 0 #0000;
border-color: #656668;
background-color: #232527;
}
.dark-theme .rbx-tabs-horizontal .rbx-tab .rbx-tab-heading:focus {
background-color: #232527;
}
.dark-theme .rbx-tabs-horizontal .rbx-tab .rbx-tab-heading:visited {
background-color: #232527;
}
.rbx-scrollable-tabs-...