Purple thingy magig
(Dedicated to Belka's request) by ski_boi
Details
Authorski_boi
LicenseNo License
Categoryro
Created
Updated
Size20 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 Thin Purple Dim (Dedicated to Belka's request)
@version 20230305.15.08
@namespace ?
==/UserStyle== */
@-moz-document domain("www.roblox.com") {
/* Game Cards */
@import url('https://fonts.googleapis.com/css2?family=Raleway&family=Staatliches&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sofia+Sans+Extra+Condensed:wght@900&display=swap');
/* Removes the Banner for the In-App Roblox */
a.ad img {
display: none
}
.dark-theme #desktop-app-banner .banner-container,
.light-theme #desktop-app-banner .banner-container,
#desktop-app-banner .banner-container {
display: none;
}
.btr-profile .content {
backdrop-filter: blur( 15px) sepia(100%) brightness(0.25);
-webkit-backdrop-filter: blur( 15px);
border-radius: 25px;
}
.profile-header-top .header-caption .header-names .header-title h1.profile-name {
font-family: 'Sofia Sans Extra Condensed', sans-serif;
-webkit-text-stroke: 1px #fff1f1;
background: -webkit-linear-gradient(#000, #5f5f5f);
-webkit-background-clip: text;
-webkit-text-fill-color: rgba(0, 0, 0, 0);
}
.profile-header .header-caption .header-details {
font-family: 'Sofia Sans Extra Condensed', sans-serif;
-webkit-text-stroke: 1px #fff1f1;
background: -webkit-linear-gradient(#000, #5f5f5f);
-webkit-background-clip: text;
-webkit-text-fill-color: rgba(0, 0, 0, 0);
}
.reputationLikeButton {
font-family: 'Sofia Sans Extra Condensed', sans-serif;
-webkit-text-stroke: 1px #fff1f1;
background: -webkit-linear-gradient(#000, #5f5f5f);
-webkit-background-clip: text;
-webkit-text-fill-color: rgba(0, 0, 0, 0);
}
.gotham-font.dark-theme .see-all-link-icon {
font-family: 'Raleway', sans-serif;
font-weight: 600;
background: -webkit-linear-gradient(#fff, #c6a8f6);
-webkit-background-clip: text;
-webkit-text-fill-color: rgba(0, 0, 0, 0);
}
.gotham-font h3 {
font-family: 'Raleway', sans-serif;
font-weight: 600;
background: -webkit-linear-gradient(#fff, #c6a8f6);
-webkit-background-clip: text;
-webkit-text-fill-color: rgba(0, 0, 0, 0);
}
/* Group Details */
.btr-redesign .btr-shout-container .shout-container {
background: linear-gradient(135deg, rgba(91, 63, 119, .4) 0%, rgba(0, 0, 0, .15) 90%, rgba(0, 0, 0, .15) 100%);
box-shadow: -4px 0 0 0 #c6a8f6;
}
.group-details .group-shout .shout-container .group-shout {
font-family: 'Raleway', sans-serif;
filter: drop-shadow(0px 0px 7px #e5c2ff9c);
}
.group-details .group-shout .shout-container .group-shout .group-shout-name .verified-badge-icon-group-shout-rendered {
filter: sepia(100%) hue-rotate(220deg);
}
.verified-badge-icon-group-name-rendered {
filter: sepia(100%) hue-rotate(220deg) drop-shadow(0px 0px 7px #dbc2ff9c);
}
.verified-badge-icon-group-owner-rendered {
filter: sepia(100%) hue-rotate(220deg) drop-shadow(0px 0px 7px #edc2ff9c);
}
.group-details .group-header .group-caption .group-name {
font-family: 'Raleway', sans-serif;
filter: drop-shadow(0px 0px 7px #d5c2ff9c);
background: -webkit-linear-gradient(135deg, rgb(109, 88, 127) 0%, rgb(113, 88, 127) 69.9%, rgb(255, 255, 255) 70%, rgb(255, 255, 255) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: rgba(0, 0, 0, 0);
}
.group-details .group-header .group-caption .group-info .group-stats li .font-header-2 {
filter: drop-shadow(0px 0px 7px #dec2ff9c);
}
.people-info-card-container .interaction-item .label {
background: rgba(255, 255, 255, 0);
box-shadow: inset 0 -1.5px 0 2px #0000;
font-family: 'Raleway', sans-serif;
font-weight: 600;
background: -webkit-linear-gradient(#fff, #d2a8f6);
-webkit-background-clip: text;
-webkit-text-fill-color: rgba(0, 0, 0, 0);
}
.user-name-container {
font-family: 'Raleway', sans-serif;
font-weight: 600;
background: -webkit-linear-gradient(#fff, #cea8f6);
-webkit-background-clip: text;
-webkit-text-fill-color: rgba(0, 0, 0, 0);
}
.dark-theme .avatar-card-container {
background-color: #0000;
color: #fff;
}
.dark-theme .friends-content .avatar-card-content {
scale: 1.02;
background: linear-gradient(45deg, rgba(105, 63, 119, .1) 0%, rgba(99, 63, 119, .1) 49.9%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
border-radius: 15px;
border: 1.5px solid #dec2ff;
filter: drop-shadow(0px 0px 7px #d5c2ff9c);
}
.games-filter-changer {
font-family: 'Raleway', sans-serif;
font-weight: 600;
background: -webkit-linear-gradient(#fff, #d0a8f6);
-webkit-background-clip: text;
-webkit-text-fill-color: rgba(0, 0, 0, 0);
}
.dark-theme .game-card-container .game-card-name {
font-family: 'Raleway', sans-serif;
font-weight: 600;
}
.dark-theme .popover {
background-color: rgba(255, 255, 255, 0);
}
.dark-theme .dropdown-menu {
background-color: rgba(255, 255, 255, 0);
}
.popover.bottom.people-info-card-container {
box-shadow: 0 -2px 0 0 #d8c2ff;
backdrop-filter: blur( 15px) sepia(100%) brightness(0.325) hue-rotate(220deg);
-webkit-backdrop-filter: blur( 15px);
border-radius: 15px;
filter: drop-shadow(0px 0px 7px #cfb1ff);
}
.popover.bottom.people-info-card-container.bottom > .arrow {
border-bottom-color: rgba(0, 0, 0, 0);
}
.dark-theme .popover.bottom > .arrow,
.dark-theme .popover.bottom > .arrow:after {
border-bottom-color: rgba(255, 255, 255, 0);
}
.dark-theme .btn-growth-sm {
background: linear-gradient(90deg, rgb(15, 12, 22) 0%, rgb(6, 5, 9) 50%, rgb(17, 12, 22) 100%);
scale: 0.95;
border-radius: 30px;
border: 1px;
box-shadow: 0 1.5px 0 2px #d9c2ff;
filter: drop-shadow(0px 0px 7px #d8c2ff9c);
transition: 0.4s;
font-family: 'Staatliches', cursive;
}
.people-info-card-container .place-container .place-info-container .place-title {
scale: 1.25;
margin-left: 20px;
font-family: 'Staatliches', cursive;
}
.people-info-card-container .place-container .place-info-container .place-info {
min-height: 58px;
padding: 0 12px 0 0;
}
.people-info-card-container .interaction-container {
background-color: rgba(255, 255, 255, 0);
}
.game-card-container {
scale: 0.97;
padding-bottom: 20px;
transition: box-shadow .3s ease-in-out;
}
.game-card-container:hover {
scale: 0.97;
padding-bottom: 20px;
}
.game-card-thumb-container img {
transition: transform 0.3s ease-out;
border-radius: 12.5px;
border: 5px solid rgba(179, 179, 179, .25);
}
.game-card-thumb-container:hover img {
transform: scale(1.1);
}
.game-card-thumb-container {
transition: transform 0.3s ease-out;
border-radius: 12.5px;
}
.game-card-thumb-container:hover {
border-radius: 12.5px;
transform: scale(0.95);
}
/* Navigation Bar */
#navigation-container {
border-radius: 20px;
}
.nav-menu > li > a {
border-radius: 20px;
}
.dark-theme .rbx-tabs-horizontal .nav-tabs {
background-color: #0000;
color: #fff;
border-radius: 50px;
}
.dark-theme .rbx-tabs-horizontal .rbx-tab.active .rbx-tab-heading {
color: #fff;
scale: 0.97;
background: linear-gradient(0deg, rgb(86, 63, 119) 0%, rgba(0, 0, 0, .15) 100%);
box-shadow: inset 0 -4px 0 0 #c8b1ff;
border-radius: 30px 50px;
filter: drop-shadow(0px 0px 7px #ddb1ff);
}
.game-stats-container {
background: -webkit-linear-gradient(#fff, #cea8f6);
-webkit-background-clip: text;
-webkit-text-fill-color: rgba(0, 0, 0, 0);
filter: drop-shadow(0px 0px 7px #d2b1ff);
}
.age-rating-details {
background: -webkit-linear-gradient(#fff, #cca8f6);
-webkit-background-clip: text;
-webkit-text-fill-color: rgba(0, 0, 0, 0);
filter: drop-shadow(0px 0px 7px #d7b1ff);
color: #fff;
scale: 0.97;
border-radius: 100px;
box-shadow: inset 0 -1.5px 0 3px #e8b1ff;
}
.dark-theme .rbx-tab .rbx-tab-heading {
color: #fff;
scale: 0.95;
background: linear-gradient(90deg, rgba(108, 63, 119, .12) 0%, #d2b1ff00 50%, rgba(87, 63, 119, .12) 100%);
filter: drop-shadow(0px 0px 7px #ffffff9c);
border-radius: 30px 50px;
}
.large-game-tile .large-game-tile-container .large-game-tile-thumb {
border-radius: 30px 10px;
}
.large-game-tile .large-game-tile-container .large-game-tile-info-container .large-game-tile-info {
background: linear-gradient(90deg, rgba(0, 0, 0, .91) 0%, rgba(0, 0, 0, 0) 100%);
border-radius: 50px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
}
/* Theme */
.btr-description .game-description {
font-family: 'Raleway', sans-serif;
background: linear-gradient(90deg, rgba(0, 0, 0, .91) 0%, rgba(0, 0, 0, 0) 100%);
color: #fff;
}
/* Navigation Bar Header */
#header .rbx-navbar-header {
border-radius: 50px;
filter: drop-shadow(0px 0px 10px #fff);
}
body.dark-theme {
background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(4, 3, 7) 94%);
}
.dark-theme .thumbnail-2d-container > img:nth-child(1) {
background: linear-gradient(0deg, rgb(16, 12, 22) 0%, rgb(0, 0, 0) 100%);
border-radius: 15px;
background-size: contain;
border: none !important;
}
.game-main-content .game-calls-to-action .game-buttons-container {
filter: drop-shadow(0px 0px 7px #ffffff9c);
}
.dark-theme .section-content {
border-radius: 15px;
background-color: #fff7c208;
}
.game-creator.with-verified-badge .verified-badge-icon-experience-creator {
filter: drop-shadow(0px 0px 7px #cfa5ff) sepia(100%) brightness(1.25) hue-rotate(220deg);
}
/* Badges */
.dark-theme .stack .stack-list .stack-row {
scale: 0.925;
background: linear-gradient(90deg, rgba(89, 63, 119, .08) 0%, rgba(...