A Cleaner, More Consistent Roblox.
Roblox Roblox: Extended [ In-Dev ] by KingBlueDash
Details
AuthorKingBlueDash
LicenseGNU GENERAL PUBLIC LICENSE
Categoryhttps://www.roblox.com/users/2206767191/profile
Created
Updated
Size25 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 Roblox Roblox: Extended [ In-Dev ]
@namespace https://www.roblox.com/users/2206767191/profile
@version 1.0.0
@description A Cleaner, More Consistent Roblox.
@author KingBlueDash
@license GNU GENERAL PUBLIC LICENSE
@preprocessor stylus
==/UserStyle== */
@-moz-document url-prefix("https://www.roblox.com/") {
:root {
--ease: all .375s cubic-bezier(.19, 1, .22, 1);
--animEase: cubic-bezier(.19, 1, .22, 1);
}
/* Topbar */
.dark-theme .rbx-header {
border: none !important;
box-shadow: 0 0 24px #00000075 !important;
}
.rbx-header .rbx-navbar {
transform: scaleX(95%) scaleY(95%);
}
.dark-theme .rbx-header .rbx-navbar li {
border: 2px solid transparent !important;
transition: var(--ease) !important;
transform: scaleX(95%) scaleY(95%);
border-radius: 10px;
}
.dark-theme .rbx-header .rbx-navbar li:hover {
border-color: #fff !important;
scale: 105%;
}
.rbx-header .navbar-brand {
transition: var(--ease) !important;
}
.rbx-header .navbar-brand:hover {
scale: 107.5%;
rotate: 2.5deg;
}
/* Animations */
@keyframes fadeIn {
0% {
margin-top: -10px;
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
margin-top: -10px;
opacity: 0;
}
}
@keyframes fadeInRightBasic {
0% {
margin-left: -10px;
opacity: 0;
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(50px);
}
5% {
scale: 50%
}
100% {
scale: 100%;
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
scale: 100%
}
75% {
transform: translateX(50px);
}
100% {
scale: 50%
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-50px);
scale: 100%;
}
5% {
scale: 50%
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
}
75% {
transform: translateX(-50px);
}
}
@keyframes fadeInSize {
0% {
opacity: 0;
scale: 110%;
}
}
@keyframes fadeInSize2 {
0% {
opacity: 0;
scale: 125%;
}
}
@keyframes spin {
100% {
rotate: 360deg;
}
}
.fade.in {
animation: fadeIn .5s var(--animEase);
}
.fade {
animation: fadeOut .5s var(--animEase);
}
/* Friend Options */
.dark-theme .popover {
box-shadow: 0 0 24px #00000075 !important;
}
.popover.bottom.people-info-card-container {
border-radius: 10px;
}
.people-info-card-container .interaction-container {
border-radius: 10px;
}
.dark-theme .btn-growth-sm {
transition: var(--ease) !important;
border-radius: 10px;
}
.dark-theme .btn-growth-sm:hover {
scale: 110%;
}
.carousel-item {
transition: var(--ease) !important;
width: 100%;
height: 100%;
border-radius: 10px;
}
.carousel-item-active {
animation: fadeInSize .5s var(--animEase);
}
/* Friends */
.people-list .friend {
transition: var(--ease) !important;
}
.dark-theme .people-list .friend .friend-link {
outline: none !important;
}
.people-list .friend:hover {
filter: drop-shadow(0 0 4px #d4d4d475);
transform: scale(85%);
}
.dark-theme .avatar .avatar-card-image {
outline: 3px solid #d4d4d4;
}
/* Sidebar */
.rbx-left-col ul {
padding: 0 0 0 0 !important;
}
.rbx-left-col ul li {
transition: var(--ease) !important;
}
.rbx-left-col .rbx-scrollbar .left-col-list {
width: auto !important;
}
.rbx-left-col ul li:hover {
transform: translateX(10px) scale(110%);
}
.dark-theme .rbx-left-col {
box-shadow: 0 0 24px #00000075 !important;
background-color: #191b1d;
}
.dark-theme .rbx-divider {
visibility: hidden;
}
/* Chat */
div.dialog-main {
transition: var(--ease) !important;
}
.chat-container #chat-friend-list {
max-height: 280px !important;
}
.dark-theme .chat-container .chat-main .chat-header {
border-radius: 10px;
}
.dark-theme .chat-search {
transition: var(--ease) !important;
margin-top: 5px;
margin-bottom: 5px;
border-radius: 20px;
}
.chat-search .chat-search-input {
transition: var(--ease) !important;
border-radius: 20px;
}
.chat-search .chat-search-input:focus {
border-radius: 10px !important;
font-size: 13px;
}
.chat-main {
transition: var(--ease) !important;
padding: 5px 5px 5px 5px;
}
.dark-theme .game-item-container {
border-radius: 10px;
}
.dark-theme .active-game-container {
border-radius: 10px;
}
.chat-windows-header .chat-header-action span[class^=icon] {
transition: var(--ease) !important;
}
.chat-windows-header .chat-header-label {
padding: 11px 2px 2px;
}
.chat-search.chat-search-focus .icon-chat-search-cancel {
transition: var(--ease) !important;
}
.dark-theme .chat-friend-list .chat-friend-container {
transition: var(--ease) !important;
border-radius: 10px;
}
.dark-theme .chat-friend-list .chat-friend-container:hover {
scale: 92.5%;
}
.dark-theme .border-bottom {
border: none !important;
}
/* Search Bar */
.dark-theme .input-group .input-field {
transition: var(--ease) !important;
border-radius: 20px !important;
}
.dark-theme .input-group .input-field:focus {
transition: var(--ease) !important;
border-radius: 10px !important;
font-size: 18px;
}
.dark-theme .rbx-header .navbar-search {
background-color: transparent !important;
}
/* Game Icon */
.grid-item-container > a .game-card-thumb-container {
transition: var(--ease) !important;
scale: 95%;
outline: 3px solid #d4d4d4 !important;
}
.grid-item-container > a:hover .game-card-thumb-container {
outline-color: transparent !important;
}
.game-card .game-card-container .game-card-link,
.game-carousel .game-card-container .game-card-link,
.game-card-container .game-card-link {
transition: var(--ease) !important;
}
.game-card .game-card-container .game-card-link:hover,
.game-carousel .game-card-container .game-card-link:hover,
.game-card-container .game-card-link:hover {
filter: brightness(75%);
scale: 95%;
}
/* Refresh Button */
.game-error .refresh-button {
transition: var(--ease) !important;
}
.game-error .refresh-button:hover {
transform: scale(107.5%);
margin-bottom: 10px;
filter: drop-shadow(0 0 4px #d4d4d475);
}
.gotham-font.dark-theme .refresh-link-icon {
transition: var(--ease) !important;
}
.gotham-font.dark-theme .refresh-link-icon:hover {
scale: 110%;
}
/* More Info Button */
.content .tooltip-container .icon-moreinfo {
transition: var(--ease) !important;
}
.content .tooltip-container .icon-moreinfo:hover {
scale: 125%;
}
.tooltip div {
border-radius: 10px;
background-color: #121212df !important;
}
/* Tooltip */
.dark-theme .tooltip.bottom .tooltip-arrow {
visibility: hidden;
}
/* Friends Page */
.dark-theme .rbx-tabs-horizontal .nav-tabs {
border-radius: 10px;
}
.dark-theme .rbx-tabs-horizontal .rbx-tab .rbx-tab-heading {
outline: 3px solid transparent;
margin-right: 3px;
}
.dark-theme .rbx-tabs-horizontal .rbx-tab .rbx-tab-heading:hover {
outline-color: #d4d4d4;
box-shadow: none !important;
background-color: #232527;
transform: scaleY(95%);
z-index: 2;
}
.dark-theme .rbx-tabs-horizontal .rbx-tab.active .rbx-tab-heading {
outline: 3px solid #d4d4d4;
box-shadow: none !important;
}
.dark-theme .rbx-tabs-horizontal .rbx-tab .rbx-tab-heading {
border-radius: 10px;
transition: var(--ease) !important;
transform: scaleY(95%);
}
.dark-theme .rbx-tabs-horizontal .rbx-tab .rbx-tab-heading:hover {
scale: 107.5%;
}
.dark-theme .btn-generic-more-sm {
transition: var(--ease) !important;
}
.icon-more {
transition: var(--ease) !important;
}
button[data-toggle="dropdown"] {
transition: var(--ease) !important;
border-radius: 10px;
box-shadow: 0 0 24px #00000075 !important;
}
button[data-toggle="dropdown"]:hover {
transform: scale(105%);
background-color: hsl(0, 0%, 25%) !important;
}
.people-info-card-container .interaction-container {
height: auto !important;
}
.popover.bottom > .arrow {
visibility: hidden;
}
.dark-theme .content .friends-filter .dropdown button {
transition: var(--ease) !important;
}
.dark-theme .dropdown-menu {
animation: fadeIn .5s var(--animEase);
}
.dark-theme .dropdown-menu li {
transition: var(--ease) !important;
border-radius: 10px;
scale: 95%;
margin-top: 5px;
margin-bottom: 5px;
}
.dark-theme .dropdown-menu li:hover {
scale: 87.5%;
}
.people-info-card-container .interaction-item .icon {
transition: var(--ease) !important;
}
.people-info-card-container .interaction-item .label {
border: none !important;
}
.avatar-card-container .avatar-card-content .avatar-card-fullbody {
transition: var(--ease) !important;
}
.avatar-card-container .avatar-card-content .avatar-card-fullbody:hover {
filter: drop-shadow(0 0 4px #d4d4d475);
scale: 90%;
}
/* Notifications Menu */
span[class="icon-more-gray-vertical"] {
transition: var(--ease) !important;
scale: 85%;
}
span[class="icon-more-gray-vertical"]:hover {
scale: 105%;
}
.new-notification-stream-2022 .meta-actions-list-base {
animation: fadeIn .5s var(--animEase);
}
.meta-actions-list-base .meta-action-button-group {
transition: var(--ease) !important;
}
.meta-actions-list-base .meta-action-button-group:hover {
scale: 95%;
}
.legacy-notif-base .notif-row-left-button,
.legacy-notif-base .notif-row-right-button {
transition: var(--ease) !important;
}
.legacy-notif-base .notif-row-left-button:hover,
.legacy-notif-base .notif-row-right-button:hover {
scale: 95%;
}
.dark-theme .icon-close {
transition: var(--ease) !important;
}
.dark-theme .icon-close:hover {
scale: 125%;
}
.dark-theme .new-notification-stream-2022 .notification-stream-container .notification-content-view .notification-stream-body .notification-stream-scrollbar .notification-stream-list .sendr-notification-background {
border: 1px solid #d4d4d4;
background-color: transparent;
}
.dark-theme .notification-stream-header {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.dark-theme .notification-stream-container .notification-content-view {
border-radius: 10px;
...