There's lots of flaws, I'll fix them later.
GageTheGreat's Modern Roblox Theme by Reddstone35
Details
AuthorReddstone35
LicenseNo License
Categorywww.roblox.com
Created
Updated
Size16 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 www.roblox.com - 3/25/2023, 2:54:55 PM
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
@import url('https://fonts.googleapis.com/css2?family=Redacted');
@-moz-document domain("www.roblox.com") {
@keyframes float-hover-friends {
0% {
top: 10px;
}
50% {
top: 20px;
}
100% {
top: 10px;
}
}
@keyframes verify-age-shake {
0% {
top: 1px;
left: 4px;
box-shadow: 3px -5px 0px 2px #ff667382;
}
15% {
top: -2px;
left: -2px;
box-shadow: 4px -3px 0px 2px #ff667382;
}
25% {
top: -5px;
left: -2px;
box-shadow: -3px 4px 0px 2px #ff667382;
}
50% {
top: 4px;
left: -2px;
box-shadow: -4px -2px 0px 2px #ff667382;
}
65% {
top: -4px;
left: 2px;
box-shadow: 4px -3px 0px 2px #ff667382;
}
80% {
top: 1px;
left: -6px;
box-shadow: -5px 2px 0px 2px #ff667382;
}
100% {
top: -2px;
left: 3px;
box-shadow: -3px 4px 0px 2px #ff667382;
}
}
:root {
--main-hightlight: /* #00b5ff */ #802eff;
--bg-color-1234-dark: #111111;
}
#container-main, #footer-container, .content, html, .summary, .buy-robux-popover-menu, .profile-avatar-mask {
/* background: var(--bg-color-1234-dark) !important; */
background: #151515 !important;
}
.hlist:not(.hlist[ng-controller="friendsListController"]) {
background: #131313;
}
#vertical-menu, .section-content:not(.people-list), .rbx-tab, .rbx-tab-heading, .badge-row, .thumbnail-2d-container, .avatar-card-container, .avatar-card-content, .section-content-off, .profile-view-selector, .dropdown-menu, #navigation, #header, .modal-dialog *:not(.icon-close, .modal-button), #groups-configure-vertical-menu {
background: var(--bg-color-1234-dark) !important;
/* box-shadow: none !important; */
}
.card-item, .thumbnail-span, .btr-game-button, .avatar-card-btns, .mCustomScrollBox {
background: #212121 !important;
}
.btr-game-button {
border-color:#212121 !important;
border-radius: 100px;
}
.btr-game-button:hover {
box-shadow: 0 1px 3px #212121 !important;
}
.profile-view-selector {
border-color: #212121 !important;
}
.arrow::after {
border-bottom-color: #181818 !important
}
.section-content {
border-radius: 16.2px;
}
.hlist:not(.btr-games-list) {
border-radius: 9px;
}
.hlist, .nav-tabs, .rbx-tabs-horizontal, #horizontal-tabs {
border-radius: 16.2px !important;
}
.settings-account-info-container, .settings-personal-container, .settings-social-networks-container, div[ng-controller="accountsContentController"] .section-content:not(.rogold-page) {
padding: 20px !important;
}
#vertical-menu, #groups-configure-vertical-menu, .menu-vertical-container, .left-navigation, .thumbnail-2d-container, .card-item, .section-content-off, #chat-main, #chat-container, #groups-list, .menu-vertical[ng-if="!$ctrl.loadFailure && $ctrl.primaryGroup"], .primary-group {
border-radius: 10px !important;
}
#horizontal-tabs, .nav-tabs, .badge-row, .avatar-card-content, .avatar-card-container {
border-radius: 15px !important;
}
.btn-secondary-md {
background-color:#2c2c2c !important;
border: none;
padding: 15px;
border-radius: 25px !important;
transition: 150ms;
}
.btn-secondary-md:hover {
background-color: #00b5ff !important;
color: black !important;
}
.btn-control-xs, .btn-secondary-xs:not(.btn-more) {
background-color:#2c2c2c !important;
border: none;
padding: 8px;
border-radius: 25px !important;
transition: 150ms;
}
.btn-control-xs:hover, .btn-secondary-xs:not(.btn-more):hover {
background-color: var(--main-hightlight) !important;
color: black !important;
text-decoration: none;
}
.btn-cta-md, .btn-primary-md, .btn-growth-md, .btn-alert-md, .btn-growth-lg, .btn-control-sm, .btn-primary-lg, .btn-control-md, .btn-cta-sm, .enable-three-dee {
background-color:#2c2c2c !important;
border: none;
padding: 15px;
border-radius: 25px !important;
transition: 150ms;
color: white !important;
}
.btn-more {
background-color:#2c2c2c !important;
border: none;
padding: 15px !important;
border-radius: 25px !important;
transition: 150ms;
color: white !important;
}
.btn-more::after {
display: none !important;
}
.btn-growth-md:hover, .btn-growth-lg:hover {
background-color: #00b06f !important;
color: black !important;
}
.btn-alert-md:hover {
background-color: #f74b52 !important;
color: black !important;
}
.btn-cta-md:hover, .btn-primary-md:hover, .btn-more:hover, .btn-control-sm:hover, .btn-primary-lg:hover, .btn-control-md:hover, .btn-cta-sm:hover {
background-color: var(--main-hightlight) !important;
color: black !important;
text-decoration: none !important;
}
.rbx-refresh {
padding: 13px !important;
}
.rbx-refresh::after {
display: none !important;
}
.btn-common-play-game-lg {
transition: 150ms;
border-radius: 10px !important;
}
.btn-common-play-game-lg:hover {
background: #00bb35 !important;
}
.btn-common-play-game-lg:hover > .icon-common-play {
transform: rotate(360deg);
}
.icon-common-play {
transition: 0.7s;
}
.friend
{
top: 10px;
transition: 0.2s ease;
}
.friend:hover {
animation: float-hover-friends 0.7s ease-in-out infinite !important;
text-decoration: none !important;
}
/* .avatar-card-container:hover */
/* .friend[rbx-user-id="2411505662"]:hover {
opacity: 0;
} */
.friend:hover, .friend-link {
text-decoration: none !important;
}
.hlist[ng-controller="friendsListController"] {
height: 200px !important;
padding-bottom: 20px !important;
}
.home-friends {
height: 200px !important;
}
.home-friends .people-list {
top: 0px !important;
height: 200px !important;
max-height: none !important;
padding-bottom: 20px !important;
margin: 0 !important;
}
.avatar-card-btns {
border-radius: 0px 0px 15px 15px
}
.btn-navigation-nav-settings-md, .btn-navigation-nav-robux-md, .icon-nav-settings, .btr-nav-header_friends, #btr-navbar-friends, .rbx-menu-item, li {
transition: 0.2s !important;
}
.btn-navigation-nav-robux-md:hover {
transform: rotate(3deg);
}
.btn-navigation-nav-settings-md:hover .icon-nav-settings {
transform: rotate(160deg);
}
.text-nav {
background: linear-gradient(90deg,#ffffff2e, #ffffff00) !important;
background-repeat: no-repeat !important;
background-size: 0% !important;
transition: 0.2s ease !important;
padding: 4px !important;
border-radius: 10px !important;
}
.text-nav:hover {
background-size: 100% !important;
}
.text-header:not(#nav-robux-amount):not(.age-bracket-label) {
background: linear-gradient(180deg,hsla(0,0%,100%,.1), hsla(0,0%,100%,.1)) !important;
background-repeat: no-repeat !important;
background-size: 100% 0% !important;
transition: 0.2s ease !important;
border-radius: 10px !important;
margin: 0px 2px 0px 2px !important;
}
.rbx-navbar li:hover {
border-bottom: none !important;
}
.text-header:not(#nav-robux-amount):hover {
background-size: 100% 100% !important;
border-bottom: none !important;
}
.btn-toggle {
transition: 0.2s ease;
}
.navbar-search, .input-group {
background: transparent !important;
}
.input-field {
outline: none;
border: 1px solid grey;
}
select:hover, .input-dropdown-btn:hover {
background: #181818 !important;
}
#navbar-search-input, .input-field:not(textarea), .input-dropdown-btn {
transition: 0.3s ease;
border-radius: 19px !important;
}
#navbar-search-input:focus, .input-field:not(.rbx-select):focus {
border-color: white !important;
background: #181818 !important;
}
.people-list-container {
height: 210px !important;
}
.place-container[ng-show="friend.presence.placeUrl"] {
background: #181818 !important;
}
.user-name-container{
background: linear-gradient(90deg,rgba(255, 154, 0, 1) 10%,rgba(208, 222, 33, 1) 20%,rgba(79, 220, 74, 1) 30%,rgba(63, 218, 216, 1) 40%,rgba(47, 201, 226, 1) 50%,rgba(28, 127, 238, 1) 60%,rgba(95, 21, 242, 1) 70%,rgba(186, 12, 248, 1) 80%,rgba(251, 7, 217, 1) 90%,rgba(255, 0, 0, 1) 100%);
background-clip: text;
-webkit-background-clip: text;
color: white;
background-size: calc(100% - 1ch);
background-repeat: no-repeat;
transition: 0.3s ease;
}
.user-name-container:hover {
color: transparent;
}
.btr-game-button {
transition: 0.2s ease;
}
.btr-game-button:hover {
background-color: var(--main-hightlight) !important;
color: black !important;
text-decoration: none;
}
.pin-field {
font-family: redacted !impor...