coming soon
Modern Roblox [in-dev] by alpharetzy
![Screenshot of Modern Roblox [in-dev]](https://userstyles.world/preview/17073/1.webp)
Details
Authoralpharetzy
LicenseNo License
Categoryroblox.com
Created
Updated
Size37 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Modern Roblox [in-dev]
@namespace github.com/openstyles/stylus
@version 0.57
@description coming soon
@author alpharetzy
==/UserStyle== */
@-moz-document domain("www.roblox.com") {
/* root */
:root {
/* dark mode */
/* backgrounds */
--darkBackgroundDefault: #121212;
--darkBackgroundContrast: rgb(29, 29, 29);
--darkBackgroundMuted: rgb(44, 44, 44);
--darkBackgroundUIDefault: rgb(44, 44, 44);
--darkBackgroundUIContrast: rgb(34, 34, 34);
--darkBackgroundOnHover: rgba(255, 255, 255, 0.1);
--darkBackgroundOnPress: rgba(0, 0, 0, 0.3);
--darkCellOnHover: #1d1d1d;
/* UI */
--darkUIDefault: rgb(86, 86, 86);
--darkUIMuted: rgb(34, 34, 34);
--darkUIEmphasis: rgb(59, 59, 59);
/* text */
--darkTextDefault: #cbcbcb;
--darkTextMuted: #989898;
--darkTextEmphasis: #ffffff;
--darkTextOnHover: #fafafa;
--darkTextLink: #2bb1ff;
/* icons */
--darkIcon: #ffffff;
/* buttons */
--darkContextualPrimaryDefault: rgb(0, 232, 126);
--darkContextualPrimaryOnHover: #26ff9c;
--darkContextualPrimaryContent: #121212;
--darkSystemPrimaryDefault: #ffffff;
--darkSystemPrimaryOnHover: #e1e1e1;
--darkSystemPrimaryContent: #121212;
--darkSecondaryPrimaryDefault: #ffffff;
--darkSecondaryPrimaryOnHover: #e1e1e1;
--darkSecondaryPrimaryContent: #ffffff;
/* styles/states */
--darkDivider: rgba(255, 255, 255, 0.08);
--darkOverlay: rgba(0, 0, 0, 0.4);
--darkNavBar: #1d1d1d;
--darkBadge: #ffffff;
--darkBadgeContent: #121212;
--darkLoading: /* to be added */;
--darkPlaceholder: #222222;
--darkOnlineStat: #00e87e;
--darkOfflineStat: #cbcbcb;
--darkSelectionCursor: /* to be added */;
--darkAlert: #f4645d;
--darkSuccess: #00e87e;
--darkCaution: #f8d063;
--darkDropShadow: rgba(0, 0, 0, 0.8);
/* others */
--darkPlayerBackgroundDefault: #ffffff;
--darkItemBackgroundDefault: #121212;
}
}
@-moz-document domain("www.roblox.com") {
/* icons */
.dark-theme .icon-nav-settings,
.dark-theme .icon-settings {
background-image: url(https://images.rbxcdn.com/d935c70bed81f91538cca4b19eebd319-common_dark.svg);
}
.dark-theme .icon-nav-blog,
.dark-theme .icon-nav-charactercustomizer,
.dark-theme .icon-nav-friends,
.dark-theme .icon-nav-giftcards,
.dark-theme .icon-nav-group,
.dark-theme .icon-nav-home,
.dark-theme .icon-nav-inventory,
.dark-theme .icon-nav-message,
.dark-theme .icon-nav-my-feed,
.dark-theme .icon-nav-profile,
.dark-theme .icon-nav-trade,
.dark-theme .icon-home,
.dark-theme .icon-playing-counts-gray-white-70,
.dark-theme .icon-playing-counts-gray {
background-image: url(https://images.rbxcdn.com/fd9348442358becfb95f2a4b141c75a0-menu_dark.svg);
}
.rbx-left-col li span[class ^= icon] {
transition: all 0.2s;
}
.dark-theme .icon-nav-shop {
transition: none !important;
}
.rbx-left-col li:hover span[class ^= icon] {
filter: invert(0%);
transition: all 0.2s;
}
.dark-theme .icon-nav-settings,
.dark-theme .icon-settings {
background-position: 0 -168px !important;
}
.dark-theme .icon-nav-home,
.dark-theme .icon-home {
background-position: 0 -336px !important;
}
.dark-theme .icon-nav-profile {
background-position: 0 -504px !important;
}
.dark-theme .icon-nav-message {
background-position: 0 -84px !important;
}
.dark-theme .icon-nav-friends {
background-position: 0 -196px !important;
}
.dark-theme .icon-nav-charactercustomizer {
background-position: 0 0px !important;
}
.dark-theme .icon-nav-inventory {
background-position: 0 -392px !important;
}
.dark-theme .icon-nav-trade {
background-position: 0 -560px !important;
}
.dark-theme .icon-nav-group {
background-position: 0 -308px !important;
}
.dark-theme .icon-nav-blog {
background-position: 0 -56px !important;
}
.dark-theme .icon-nav-giftcards {
background-position: 0 -280px !important;
}
.dark-theme .icon-nav-my-feed {
background-position: 0 -168px !important;
}
.dark-theme.builder-font .see-all-link-icon:after,
.dark-theme .light-theme.builder-font .see-all-link-icon:after,
.light-theme.builder-font .dark-theme .see-all-link-icon:after,
.dark-theme .icon-push-right-sm {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iNTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjUzIDUuNTNhLjc1Ljc1IDAgMDAtMS4wNi0xLjA2bC00IDRMLjk0IDlsLjUzLjUzIDQgNGEuNzUuNzUgMCAwMDEuMDYtMS4wNkwzLjgxIDkuNzVIMTZhLjc1Ljc1IDAgMDAwLTEuNUgzLjgxbDIuNzItMi43MnpNMTEuNDcgMzAuNDdhLjc1Ljc1IDAgMTAxLjA2IDEuMDZsNC00IC41My0uNTMtLjUzLS41My00LTRhLjc1Ljc1IDAgMTAtMS4wNiAxLjA2bDIuNzIgMi43MkgyYS43NS43NSAwIDAwMCAxLjVoMTIuMTlsLTIuNzIgMi43MnpNMTEuNSAzNy43NWEuNzUuNzUgMCAwMS43NS0uNzVIMTd2NC43NWEuNzUuNzUgMCAwMS0xLjUgMHYtMi4xOWwtNS45NyA1Ljk3YS43NS43NSAwIDAxLTEuMDYtMS4wNmw1Ljk3LTUuOTdoLTIuMTlhLjc1Ljc1IDAgMDEtLjc1LS43NXptMSAxMy4yNXYtNS42MWwxLjUtMS41VjUxYTIgMiAwIDAxLTIgMkgzYTIgMiAwIDAxLTItMnYtOWEyIDIgMCAwMTItMmg3LjExbC0xLjUgMS41SDNhLjUuNSAwIDAwLS41LjV2OWEuNS41IDAgMDAuNS41aDlhLjUuNSAwIDAwLjUtLjV6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);
background-position: 0 -16px !important;
transform: scale(1);
}
.dark-theme .game-card-info .info-label.icon-playing-counts-gray,
.dark-theme .game-card-info .info-label.icon-playing-counts-gray-white-70,
.dark-theme .icon-playing-counts-gray-sm,
.dark-theme .icon-currently-playing-sm {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC41NTQgNy45MDJjLTEuMDM3LjEzLTIuMDc0LjEzLTMuMTEgMC0uODM4LS4xMjItMS43MjYtMS4wMS0xLjg0OS0xLjg0N2ExMi41NTMgMTIuNTUzIDAgMDEwLTMuMTFjLjEyMy0uODM4IDEuMDExLTEuNzI2IDEuODQ4LTEuODQ4IDEuMDM3LS4xMyAyLjA3NC0uMTMgMy4xMTEgMCAuODM3LjEyMiAxLjcyNSAxLjAxIDEuODQ3IDEuODQ3LjEzIDEuMDM3LjEzIDIuMDc0IDAgMy4xMTEtLjEyMi44MzctMS4wMSAxLjcyNS0xLjg0NyAxLjg0N3ptLTIuNDM3IDcuNTdhLjQ4NS40ODUgMCAwMC42NzYuMDQ5TDEyIDEzLjEzNGwtMy4yMDctMi4zODRhLjQ4My40ODMgMCAwMC0uMzEzLS4xMTUuNDc2LjQ3NiAwIDAwLS40OC40N3Y0LjA2YzAgLjExMi4wNDIuMjIxLjExNy4zMDZ6bTUuNTUxLTUuOTZjMS4wOTEuMjU1IDIuMTgxIDEuNDg0IDIuMzY0IDIuNjE4LjEyOS44NTguMjI0IDEuNzE1LjMgMi41NzNBMTIuODggMTIuODggMCAwMTkgMTdhMTIuODggMTIuODggMCAwMS03LjMzMi0yLjI5NmMuMDc2LS44NTkuMTcxLTEuNzE2LjMtMi41NzQuMTgzLTEuMTM0IDEuMjczLTIuMzYzIDIuMzY0LTIuNjE4YTIxLjU1NiAyMS41NTYgMCAwMTkuMzM2IDB6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);
background-position: -1px, 0;
background-size: auto auto;
filter: invert(26%);
background-repeat: no-repeat;
width: 16px;
height: 16px;
display: inline-block;
vertical-align: middle;
}
@media (max-width: 543px) {
.dark-theme .game-card-info .info-label.icon-playing-counts-gray,
.dark-theme .game-card-info .info-label.icon-playing-counts-gray-white-70,
.dark-theme .icon-playing-counts-gray-sm,
.dark-theme .icon-currently-playing-sm {
background-size: 14px 14px;
}
}
}
@-moz-document domain("www.roblox.com") {
/* misc */
/* modal */
#simplemodal-overlay.simplemodal-overlay,
div[role = dialog]:not(:first-of-type) .modal {
background-color: var(--darkOverlay) !important;
}
.dark-theme .modal-dialog .modal-content {
background-color: var(--darkBackgroundContrast);
border-color: transparent
}
.modal-dialog .modal-content .modal-header,
.modal-modern .modal-dialog .modal-content .modal-body {
padding-left: 24px;
padding-right: 24px;
}
.modal-dialog .modal-content .modal-body,
.modal-modern .modal-dialog .modal-content .modal-footer {
padding-left: 24px;
padding-right: 24px;
padding-bottom: 24px;
}
.modal-modern .modal-dialog .modal-content .modal-body {
padding: 0 24px;
}
.modal-dialog .modal-content .modal-body .modal-btns a {
min-width: 162px;
}
.modal-modern .modal-dialog .modal-content .modal-footer .modal-modern-footer-buttons :not(:last-child) {
margin-right: 12px;
}
.modal-dialog .modal-content .modal-buttons .modal-button {
min-width: 163px;
}
/* sliders */
.dark-theme .rzslider .rz-bar.rz-selection,
.dark-theme .rzslider .rz-tick.rz-selected {
background-color: var(--darkContextualPrimaryDefault)
}
.dark-theme .rzslider .rz-pointer {
background-color: var(--darkIcon);
border-color: var(--darkIcon);
}
/* background */
.dark-theme,
.dark-theme .content,
.dark-theme .container-footer,
.dark-theme .catalog-container .sticky .search-bars,
.dark-theme .catalog-container .sticky .topic-container {
background-color: var(--darkBackgroundDefault)
}
.dark-theme .section-content,
.dark-theme .sg-section,
.dark-theme .sg-container,
.dark-theme .request-error-page-content .default-error-page,
.dark-theme .stack .stack-list .stack-row,
.dark-theme .stack .card-list .card-item {
background-color: var(--darkBackgroundContrast);
border-radius: 8px;
}
.dark-theme .rbx-header,
.dark-theme .side-nav-container,
.dark-theme .rbx-left-col,
.navbar-header {
background-color: var(--darkNavBar)
}
.dark-theme .side-n...