Purple thingy magig
(Dedicated to Belka's request) by ski_boi
Details
Authorski_boi
LicenseNo License
Categoryro
Created
Updated
Code size20 kB
Code checksum1545ec79
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(...