Skip to content

Thin Dim Gold Roblox by ski_boi

Screenshot of Thin Dim Gold Roblox

Details

Authorski_boi

LicenseSki_Boi

Categoryroblox.com

Created

Updated

Size24 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A thin modern dim sepia-gold theme for your roblox website.

Notes

NOT COMPATIBLE WITH LIGHT MODE. (yet)

Compatible With RoPro, BTRoblox, & RoGold.

Currently WIP.
Colors are not customizable. (yet)
Code is not arranged and is messy.

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 Dim Gold Roblox
@version      20230317.12.20
@namespace    userstyles.world/user/ski_boi
@description  A thin modern dim sepia-gold theme for your roblox website.
@author       ski_boi
@license      Ski_Boi
==/UserStyle== */

@-moz-document domain("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;
 }



.dark-theme.btr-profile .btr-games-list .btr-game-button {
      font-family: 'Raleway', sans-serif;
     font-weight: 600;
     background: -webkit-linear-gradient(#fff, #f6eba8);
     -webkit-background-clip: text;
     -webkit-text-fill-color: rgba(0, 0, 0, 0);
    scale: 0.97;

border-radius: 20px 20px 10px 10px;
     box-shadow: 0 0px 0 2px #fff7c2;
     filter: drop-shadow(0px 0px 7px #fff7c29c);
}



.dark-theme .dropdown-menu {
      font-family: 'Raleway', sans-serif;
     font-weight: 600;
     background: -webkit-linear-gradient(#fff, #f6eba8);
     -webkit-background-clip: text;
     -webkit-text-fill-color: rgba(0, 0, 0, 0);
    border-radius: 25px;
    background-color: rgba(255, 255, 255, 0);
         backdrop-filter: blur( 15px) sepia(100%);
     -webkit-backdrop-filter: blur( 15px);
}

.btr-profile .btr-games-list .btr-game-playbutton {
      font-family: 'Staatliches', cursive;
    font-size: 40px;
   padding-top: 0px;
    padding-bottom: 0px;
    border-radius: 20px;
       box-shadow: 0 1.5px 0 2px #fff7c2;
     filter: drop-shadow(0px 0px 7px #fff7c29c);
     transition: 0.4s;
    
      background: -webkit-linear-gradient(#fff, #f6eba8);
     -webkit-background-clip: text;
     -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

div.btr-profile-container {
     font-family: 'Raleway', sans-serif;

}

 .profile-header-top .header-caption .header-names .header-title h1.profile-name {
   font-family: 'Raleway', sans-serif;
     font-weight: 600;
     background: -webkit-linear-gradient(#fff, #f6eba8);
     -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;
 
     background: -webkit-linear-gradient(#f6eba8, rgb(127, 113, 88));
     -webkit-background-clip: text;
     -webkit-text-fill-color: rgba(0, 0, 0, 0);
 }

 .reputationLikeButton {
     font-family: 'Sofia Sans Extra Condensed', sans-serif;
     background: -webkit-linear-gradient(#f6eba8, rgb(127, 113, 88));
     -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, #f6eba8);
     -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, #f6eba8);
     -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, rgb(119, 116, 63, 0.4) 0%, rgba(0, 0, 0, .15) 90%, rgba(0, 0, 0, .15) 100%);
     box-shadow: -4px 0 0 0 #fff7c2;
 }
 .group-details .group-shout .shout-container .group-shout {
     font-family: 'Raleway', sans-serif;
     filter: drop-shadow(0px 0px 7px #fff7c29c);
 }

 .group-details .group-shout .shout-container .group-shout .group-shout-name .verified-badge-icon-group-shout-rendered {
     filter: sepia(100%);
 }

 .verified-badge-icon-group-name-rendered {
     filter: sepia(100%) drop-shadow(0px 0px 7px #fff7c29c);
 }

 .verified-badge-icon-group-owner-rendered {
     filter: sepia(100%) drop-shadow(0px 0px 7px #fff7c29c);
 }

 .group-details .group-header .group-caption .group-name {
     font-family: 'Raleway', sans-serif;
     filter: drop-shadow(0px 0px 7px #fff7c29c);
     background: -webkit-linear-gradient(135deg, rgb(127, 113, 88) 0%, rgb(127, 113, 88) 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 #fff7c29c);
 }


/* Friend Requests */

.dark-theme .avatar-card-btns {
    background-color: #0000;
}

.friends-content .accept-friend, .friends-content .ignore-friend {
    background-color: transparent;
    border-color: #ff8282;
    border-width: 3px;
    color: #ff8282;
    box-shadow: 0 2px 0 4px #ff8282;
    filter: drop-shadow(0px 0px 7px #ff8282);
    border-radius: 15px;
     transition: 0.5s;
}


.dark-theme .avatar-card-btns .accept-friend {
    background-color: #fff0;
    border-color: #82ff84;
    border-width: 3px;
    color: #82ff84;
    box-shadow: 0 2px 0 4px #82ff84;
    filter: drop-shadow(0px 0px 7px #82ff84);
    border-radius: 15px;
    transition: 0.5s;
}

.friends-content .accept-friend, .friends-content .ignore-friend:hover {
    background-color: transparent;
    border-color: #ff8282;
      color: #ff8282;
         box-shadow: 0 2px 0 6px #ff8282;
    border-radius: 15px;
}


.dark-theme .avatar-card-btns .accept-friend:hover{
    background-color: #fff0;
    border-color: #82ff84;
    color: #82ff84;
     box-shadow: 0 2px 0 6px #82ff84;
    border-radius: 15px;
}








 .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, #f6eba8);
     -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, #f6eba8);
     -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 {
     background: linear-gradient(45deg, rgba(119, 116, 63, .1) 0%, rgba(0, 0, 0, .1) 49.9%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
     border-radius: 15px;
     border: 1.5px solid #fff7c2;
     filter: drop-shadow(0px 0px 7px #fff7c29c);
 }

 .games-filter-changer {

     font-family: 'Raleway', sans-serif;
     font-weight: 600;

     background: -webkit-linear-gradient(#fff, #f6eba8);
     -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 #fff7c2;
     backdrop-filter: blur( 15px) sepia(100%) brightness(0.325);
     -webkit-backdrop-filter: blur( 15px);
     border-radius: 15px;
     filter: drop-shadow(0px 0px 7px #ffeeb1);
 }

 .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(22, 21, 12) 0%, rgb(9, 9, 5) 50%, rgb(22, 21, 12) 100%);
     scale: 0.95;
     border-radius: 30px;
     border: 1px;
     box-shadow: 0 1.5px 0 2px #fff7c2;
     filter: drop-shadow(0px 0px 7px #fff7c29c);
     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 {
     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(119, 116, 63) 0%, rgba(0, 0, 0, .15) 100%);
     box-shadow: inset 0 -4px 0 0 #ffeeb1;
     border-radius: 30px 50px;
     filter: drop-shadow(0px 0px 7px #ffeeb1);
 }

 .game-stats-container {
     background: -webkit-linear-gradient(#fff, #f6eba8);
     -...

Reviews

No reviews yet.