Skip to content

TechBlox | Roblox Theme by mek_21

Screenshot of TechBlox | Roblox Theme
Write a review Install Get Stylus

Details

Authormek_21

LicenseNo License

Category*roblox.com

Created

Updated

Size6.8 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Makes Roblox look Cooler.

Notes

Make sure your Roblox is set to dark mode, light mode isnt supported yet!

Not fully complete yet, but I am working on it!

Source code

/* ==UserStyle==
@name         TechBlox
@version      20230429.14.04
@namespace    userstyles.world/user/mek_21
@description  Makes Roblox look Cooler.
@author       mek_21
@license      No License
==/UserStyle== */

@-moz-document domain("roblox.com") {
/* Buttons */

.dark-theme .btn-secondary-md {
    background: #fff0;
    border-radius: 2px;
    color: white;
    font-family: 'Courier New', monospace!important;
    box-shadow: 0px 0px 0px #251842;
    border-color: #dfdfdf;
    transition: border-color 0.1s, background 0.2s;

}

.dark-theme .btn-secondary-md:hover {
    background: black;
    box-shadow: 0px 0px 18px #251842;
    border-color: #35235b;
}


.dark-theme .btn-secondary-xs {
    background: #fff0;
    border-radius: 2px;
    color: white;
    font-family: 'Courier New', monospace!important;
    box-shadow: 0px 0px 0px #251842;
    border-color: #dfdfdf;
    transition: border-color 0.1s, background 0.2s;

}

.dark-theme .btn-secondary-xs:hover {
    background: black;
    box-shadow: 0px 0px 18px #251842;
    border-color: #35235b;
}

.dark-theme .btn-buy-md {
    background: #fff0;
    border-radius: 2px;
    color: white;
    font-family: 'Courier New', monospace!important;
    box-shadow: 0px 0px 0px #251842;
    border-color: #dfdfdf;
    transition: border-color 0.1s, background 0.2s;

}

.dark-theme .btn-buy-md:hover {
    background: black;
    box-shadow: 0px 0px 18px #251842;
    border-color: #35235b;
}



.dark-theme .btn-growth-md {
    background: #fff0;
    border-radius: 2px;
    color: white;
    font-family: 'Courier New', monospace!important;
    box-shadow: 0px 0px 0px #251842;
    border-color: #dfdfdf;
    transition: border-color 0.1s, background 0.2s;

}

.dark-theme .btn-growth-md:hover {
    background: black;
    box-shadow: 0px 0px 18px #18421a;
    border-color: #235b26;
}

.dark-theme .btn-growth-lg {
    background: #fff0;
    border-radius: 2px;
    color: white;
    font-family: 'Courier New', monospace!important;
    box-shadow: 0px 0px 0px #251842;
    border-color: #dfdfdf;
    transition: border-color 0.1s, background 0.2s;

}

.dark-theme .btn-growth-lg:hover {
    background: black;
    box-shadow: 0px 0px 18px #18421a;
    border-color: #235b26;
}



.dark-theme .btn-primary-md {
    background: #fff0;
    border-radius: 2px;
    color: white!important;
    font-family: 'Courier New', monospace!important;
    box-shadow: 0px 0px 0px #251842;
    border-color: #dfdfdf;
    transition: border-color 0.1s, background 0.2s;

}

.dark-theme .btn-primary-md:hover {
    background: black;
    box-shadow: 0px 0px 18px #183542;
    border-color: #23485b;
}

.dark-theme .btn-alert-md {
    background: #fff0;
    border-radius: 2px;
    color: white!important;
    font-family: 'Courier New', monospace!important;
    box-shadow: 0px 0px 0px #251842;
    border-color: #dfdfdf;
    transition: border-color 0.1s, background 0.2s;

}

.dark-theme .btn-alert-md:hover {
    background: black;
    box-shadow: 0px 0px 18px #421818;
    border-color: #5b2323;
}

.dark-theme .rbx-upgrade-now .btn-secondary-md {
    background: #fff0;
    border-radius: 2px;
    color: white!important;
    ;
    font-family: 'Courier New', monospace!important;
    box-shadow: 0px 0px 0px #251842;
    border-color: #dfdfdf;
    transition: border-color 0.1s, background 0.2s;
   
}

.dark-theme .rbx-upgrade-now .btn-secondary-md:hover {
    background: black;
    box-shadow: 0px 0px 18px #18421a;
    border-color: #235b26;
}

.dark-theme .btn-common-play-game-lg {
    background: #fff0;
    border: solid 1px;
    border-radius: 2px;
    color: white!important;
    
    font-family: 'Courier New', monospace!important;
    box-shadow: 0px 0px 0px #251842;
    border-color: #dfdfdf;
    transition: border-color 0.1s, background 0.2s;
    
}

.dark-theme .btn-common-play-game-lg:hover {
    background: black;
    box-shadow: 0px 0px 18px #18421a;
    border-color: #235b26;
}


/* Top Bar */
.dark-theme .rbx-header {
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .3);
    background: #0000005c;
    width: 1200px;
    text-align: center;
    margin: auto;
    border-radius: 4px;
    margin-top: 5px;
    border: none;
}

.dark-theme .alert-warning {
    background: #fff0!Important;
}


/* Side Bar */
.dark-theme .rbx-left-col {
    top: 20px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .3);
    background: #0000005c;
    border-radius: 4px;
}

/* Background */
.dark-theme {
   background : radial-gradient(#292929 3px, #161616 4px) 0 0 / 50px 50px;
}

.dark-theme .content {
    background: #fff0;
}

.dark-theme .container-footer {
    background: black
}



/* Sections */
.dark-theme .section-content {
    background: #0000;
}

.dark-theme .stack .card-list .card-item {
    background: #00000069;
    border-radius: 4px
}

/* Nav Tabs */
.dark-theme .rbx-tabs-horizontal .nav-tabs {
    background: #000;
    border-radius: 4px
}

.dark-theme .rbx-tab .rbx-tab-heading {
    background: #0000;
}


/* Dropdowns */
.dark-theme .tab-horizontal-submenu {
    background: black;
    box-shadow: 0px 0px 18px #251842;
    border-color: #35235b;
}
.dark-theme .input-dropdown-btn {
    background: #fff0;
    border-radius: 2px!important;
    color: white!important;
    font-family: 'Courier New', monospace!important;
    box-shadow: 0px 0px 0px #251842!important;
    border-color: #dfdfdf!important;
    transition: border-color 0.1s, background 0.2s;
}

.dark-theme .input-dropdown-btn:hover {
    background: black!important;
    box-shadow: 0px 0px 18px #251842!important;
    border-color: #35235b!important;
}

.dark-theme .open .dropdown-menu {
    background: black;
    box-shadow: 0px 0px 18px #251842;
    border-color: #35235b;
}
/* Text */
h1 {
    font-weight: lighter!important;
    font-family: 'Courier New', monospace!important;
}
h2 {
    font-weight: lighter!important;
    font-family: 'Courier New', monospace!important;
}
h3 {
    font-weight: lighter!important;
    font-family: 'Courier New', monospace!important;
}
h4 {
    font-weight: lighter!important;
    font-family: 'Courier New', monospace!important;
}
h5 {
    font-weight: lighter!important;
    font-family: 'Courier New', monospace!important;
}
h6 {
    font-weight: lighter!important;
    font-family: 'Courier New', monospace!important;
}
p {
    font-weight: lighter!important;
}
div {
    font-weight: lighter!important;
}
a {
    font-weight: lighter!important;
    font-family: 'Courier New', monospace!important;
}
}

Reviews

No reviews yet.