Skip to content

Instantly share code, notes, and snippets.

@TayIorRobinson
Created April 5, 2021 01:42
Show Gist options
  • Save TayIorRobinson/b361b4d9a77c93c9f9f256da2ea3926f to your computer and use it in GitHub Desktop.
Save TayIorRobinson/b361b4d9a77c93c9f9f256da2ea3926f to your computer and use it in GitHub Desktop.
Taylor's Roblox Theme!
/* ==UserStyle==
@name Taylor's Roblox Theme
@description It's a Roblox theme & it's made by Taylor: It's Taylor's Roblox Theme!
@namespace robins.one
@author Taylor Robinson
@version 2.0.0
@preprocessor stylus
@var color tays-accent-color "Accent Colour" #FF2A2A
@var checkbox tays-font "Use old font" 1
@var checkbox tays-animations "Animations" 1
@var checkbox tays-scrollbar "Disable Scrollbars (except Firefox)" 1
==/UserStyle== */
@-moz-document domain("roblox.com") {
/* Configurables */
if tays-font {
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');
body, body *, body > * {
font-family: "Source Sans Pro", sans-serif !important;
}
}
if tays-animations {
body, body *, body > * {
transition: 0.5s all;
}
}
if tays-scrollbar {
*::-webkit-scrollbar {
display: none;
}
}
}
@-moz-document domain("roblox.com") {
/* Main Theme */
.abp {
display: none;
}
/*top*/
#header {
box-shadow: 0px 8px 48px -6px rgba(0, 0, 0, 0.75);
}
#navigation {
z-index: 1500;
width: 48px;
font-size: 0px;
color: rgba(0, 0, 0, 0);
}
/* sidebar clean */
#nav-message:hover,
#nav-friends:hover,
#nav-trade:hover,
#nav-group:hover,
#nav-blog:hover,
#nav-shop:hover,
#nav-my-feed:hover,
#nav-profile:hover,
#nav-character:hover,
#nav-home:hover,
#nav-inventory:hover {
color: rgba(0, 0, 0, 0) !important;
}
#navigation > ul,
.rbx-upgrade-now,
#mCSB_1_container > ul > li:nth-child(10),
#mCSB_1_container > ul > li:nth-child(9),
#group-container > div.group-details-container > div > div.group-details.ng-scope.group-details-with-list > div.alert-system-feedback > div,
#mCSB_1_container > ul > li:nth-child(11),
#cookie-banner-wrapper{
display: none;
position:fixed;
top:1000vh;
left:1000vw;
}
#wrap > div.container-main {
margin-top: 55px;
}
#places-list-container > div:nth-child(2) > div.col-xs-12.container-list.realtime-places-list {
display: none;
}
.avatar .avatar-card-link,
.avatar .avatar-card-image,
.avatar-card-fullbody .avatar-card-link,
.avatar-card-fullbody .avatar-card-image,
.avatar-headshot-lg {
/*border-radius: 5%;*/
background: none;
}
.dark-theme .avatar-container .avatar-card-image, .dark-theme .avatar-container img {background:none;}
.dark-theme .avatar .avatar-card-image {background-color: rgba(57,59,61,.5);}
.home-header > .avatar-headshot-lg {
height: 64px;
width: 64px;
}
#home-header {
display: flex;
justify-content: center;
}
.home-header-container {
min-height:0px;
text-align: center;
}
.user-name-container a::before {
content: "Hey, ";
}
.user-name-container a::after {
content: "!";
}
.dark-theme .rbx-header {
border: 0;
backdrop-filter: blur(7px);
}
.dark-theme .rbx-left-col {
background: #00000044;
box-shadow: 8px 0px 48px -6px rgba(0, 0, 0, 0.3);
}
#navbar-universal-search {
position: fixed;
right: 45px;
margin: 0;
height: 0px;
width: 375px;
}
.rbx-header .rbx-navbar-search .input-field,
.rbx-header .rbx-navbar-search .input-addon-btn,
#navbar-search-btn {
height: 40px;
border-radius: 0;
border: 0px;
}
#header > div > div.navbar-right.rbx-navbar-right {
margin-right: 425px;
}
#navbar-setting {
position: fixed;
right: 0;
background: #fff;
height: 40px;
border: 0;
}
#nav-settings {
filter: invert(100%);
}
footer {
display: none;
}
#header > div > div.rbx-navbar-header > div.rbx-nav-collapse, .simplebar-content .dynamic-ellipsis-item,.simplebar-content .font-bold.small.text-nav {
display: none !important;
}
#navigation > div {
width: 175px;
}
#game-detail-page > div.col-xs-12.section-content.game-main-content.follow-button-enabled > div.game-calls-to-action > div.game-title-container > div.text.experimental-mode:after {
content: "This game does not support Filtering Enabled. Some features of this game may be broken.";
font-size: 16px;
line-height: 1.1em;
}
#game-detail-page > div.col-xs-12.section-content.game-main-content.follow-button-enabled > div.game-calls-to-action > div.game-title-container > div.text.experimental-mode {
font-size: 0px;
}
.dark-theme .icon-default-navigation, .dark-theme .icon-nav-blog, .dark-theme .icon-nav-charactercustomizer, .dark-theme .icon-nav-friends, .dark-theme .icon-nav-group, .dark-theme .icon-nav-home, .dark-theme .icon-nav-inventory, .dark-theme .icon-nav-menu, .dark-theme .icon-nav-message, .dark-theme .icon-nav-my-feed, .dark-theme .icon-nav-notification-stream, .dark-theme .icon-nav-profile, .dark-theme .icon-nav-robux, .dark-theme .icon-nav-search, .dark-theme .icon-nav-search-white, .dark-theme .icon-nav-settings, .dark-theme .icon-nav-shop, .dark-theme .icon-nav-trade, .mCustomScrollBox > *,.icon {
transition: 0s all;
}
#container-main,.dark-theme .content {
background: #181A1B;
}
body {
margin-bottom: 0px;
}
#HomeContainer {
position:absolute;
right:50vw;
transform: translate(50%,0%);
}
#navbar-settings {
background: #eee;
height: 39px;
}
.navbar-right {
margin-right:0 !important;
}
#navbar-robux {
margin-right: 380px;
}
#navbar-search-input {
background: #333;
border-radius: 0;
height: 40px;
border: 0;
}
}
@-moz-document domain("roblox.com") {
/* Accent Colour */
*[class^="btn-secondary-"],
*[class^="btn-primary-"],
*[class^="btn-primary-"]:hover,
*[class^="btn-primary-"]:active,
.dialog-container .dialog-message-container .dialog-message,
.btn-secondary-xs,
.btn-secondary-md,
.btn-secondary-md:hover,
.btn-secondary-sm.disabled,
.btn-secondary-sm.disabled:hover,
.btn-secondary-sm.disabled:focus,
.btn-secondary-sm.disabled:active,
.btn-secondary-sm.disabled.active,
.btn-secondary-sm[disabled],
.btn-secondary-sm[disabled]:hover,
.btn-secondary-sm[disabled]:focus,
.btn-secondary-sm[disabled]:active,
.btn-secondary-sm[disabled].active,
.btn-primary-sm,
.btn-primary-sm:hover,
.btn-secondary-sm,
.btn-secondary-sm:hover,
.btn[disabled],
.btn.disabled,
.btn-primary-sm.disabled,
.btn-primary-sm.disabled:hover,
.btn-primary-sm.disabled:focus,
.btn-primary-sm.disabled:active,
.btn-primary-sm.disabled.active,
.btn-primary-sm[disabled],
.btn-primary-sm[disabled]:hover,
.btn-primary-sm[disabled]:focus,
.btn-primary-sm[disabled]:active,
.btn-primary-sm[disabled].active,
.open .input-dropdown-btn,
.input-group-btn .input-dropdown-btn:hover,
.input-group-btn .input-dropdown-btn:focus {
background-color: var(--tays-accent-color);
border-color: var(--tays-accent-color);
cursor: pointer;
}
.btn-secondary-sm:hover,
.btn-secondary-sm[disabled]:hover,
.btn-secondary-sm[disabled]:focus,
.btn-secondary-sm[disabled]:active,
.btn-secondary-sm[disabled].active,
.btn-secondary-sm.disabled:hover,
.btn-secondary-sm.disabled:focus,
.btn-secondary-sm.disabled:active,
.btn-secondary-sm.disabled.active,
*[class^="btn-primary-"]:hover,
*[class^="btn-primary-"]:active {
filter: contrast(150%);
}
.btn-secondary-sm.disabled,
.btn-secondary-sm.disabled:hover,
.btn-secondary-sm.disabled:focus,
.btn-secondary-sm.disabled:active,
.btn-secondary-sm.disabled.active,
.btn-secondary-sm[disabled],
.btn-secondary-sm[disabled]:hover,
.btn-secondary-sm[disabled]:focus,
.btn-secondary-sm[disabled]:active,
.btn-secondary-sm[disabled].active,
.btn-primary-sm.disabled,
.btn-primary-sm.disabled:hover,
.btn-primary-sm.disabled:focus,
.btn-primary-sm.disabled:active,
.btn-primary-sm.disabled.active,
.btn-primary-sm[disabled],
.btn-primary-sm[disabled]:hover,
.btn-primary-sm[disabled]:focus,
.btn-primary-sm[disabled]:active,
.btn-primary-sm[disabled].active {
opacity: 0.2;
}
.rbx-header,
#chat-header,
.dialog-container .dialog-header,
.chat-windows-header,
.details-members-container .add-friends-option .add-friends-cirle-container:hover,
.notification-blue,
.rbx-tab-horizontal-submenu li.active,
.rbx-tab-horizontal-submenu li:hover {
background-color: var(--tays-accent-color);
}
.details-members-container .add-friends-option .add-friends-cirle-container {
border: 1px solid var(--tays-accent-color)
}
.participant-list-action a,
.participant-list-action a:hover,
.participant-list-action a:visited,
.text-name,
.text-name:link,
.text-name:hover,
.text-name:visited,
.text-name:active,
.text-link,
.vlist .list-item .list-body .list-content a,
.text-link:link,
.vlist .list-item .list-body .list-content a:link,
.text-link:hover,
.vlist .list-item .list-body .list-content a:hover,
.text-link:visited,
.vlist .list-item .list-body .list-content a:visited,
.text-link:active,
.vlist .list-item .list-body .list-content a:active,
#nav-message:hover,
#nav-friends:hover,
#nav-trade:hover,
#nav-group:hover,
#nav-blog:hover,
#nav-shop:hover,
.text-name.small,
.text-name.small:link,
.text-name.small:visited,
.text-name.small:active,
.text-name.xsmall,
.text-name.xsmall:link,
.text-name.xsmall:visited,
.text-name.xsmall:active,
.text-name.xxsmall,
.text-name.xxsmall:link,
.text-name.xxsmall:visited,
.text-name.xxsmall:active {
color: var(--tays-accent-color);
}
.dropdown-menu li:hover,
.messages .messageDivider:hover {
box-shadow: 4px 0 0 0 var(--tays-accent-color) inset;
}
.rbx-tabs-horizontal .rbx-tab.active .rbx-tab-heading,
.rbx-tabs-horizontal .rbx-tab-heading:hover,
.rbx-tabs-horizontal .rbx-tab-heading:focus,
.rbx-tabs-horizontal .rbx-tab-heading:active,
.rbx-tabs-horizontal .rbx-tab .rbx-tab-heading:hover,
.rbx-tabs-horizontal .rbx-tab .rbx-tab-heading:focus,
.rbx-tabs-horizontal .rbx-tab .rbx-tab-heading:active,
.rbx-tabs-horizontal .rbx-tab .rbx-tab-heading.active {
box-shadow: 0 -4px 0 0 var(--tays-accent-color) inset
}
.menu-vertical .menu-option:hover,
.menu-vertical .menu-option:focus,
.menu-vertical .menu-option.active,
.input-group-btn .dropdown-menu li a:hover,
.input-group-btn .dropdown-menu li a:focus,
.input-group-btn .dropdown-menu li a.active {
box-shadow: 4px 0 0 0 var(--tays-accent-color) inset;
}
.dialog-container .dialog-message-container.message-cluster-master .dialog-triangle::before,
.dialog-container .dialog-message-container.message-cluster-master .dialog-triangle::after {
border-color: transparent transparent transparent var(--tays-accent-color);
}
.item-card-equipped {
border-color: var(--tays-accent-color);
}
.item-card-equipped .item-card-equipped-label {
border-top-color: var(--tays-accent-color);
}
}
@-moz-document url-prefix("https://www.roblox.com/Membership/NotApproved.aspx") {
/* Ban Page */
#ctl00_cphRoblox_PanelReopen {
position: fixed !important;
left: 50vw !important;
bottom: 0 !important;
background: #000A !important;
transform: translate(-50%) !important;
color: #fff !important;
}
#Body > div > h2 {
text-transform: lowercase;
color: #fff;
}
#Body > div > h2::before {
font-size: 30px;
content: "oopsie poopsie! you got a ";
color: #fff;
}
#Body > div > p:nth-child(2),
#ctl00_cphRoblox_ModeratorNotePanel,
#Body > div > p:nth-child(3) {
font-size: 0px;
}
#ctl00_cphRoblox_Label4,
#Body > div > p:nth-child(3) > span {
text-align: center;
font-size: 14px;
line-height: 150%;
}
#Body > div > p:nth-child(3) > span::before {
content: "Date: ";
}
#Body > div > p:nth-child(8),
#ctl00_cphRoblox_BadUtterancesRepeater_ctl00_BadUtterance_AffectedItemsCountLabel,
#Body > div > div:nth-child(6) > div:nth-child(2) > blockquote > br,
blockquote > a {
display: none;
position: fixed;
left: 1000vw;
top: 100vh;
}
#Body.simple-body {
padding-bottom: 111px;
color: #fff;
}
body,
#Body {
background: #000;
min-height: 100vh;
}
#Body > div > div:nth-child(6) {
filter: invert(100%);
color: #000;
}
}
@-moz-document domain("roblox.com") {
/* Old Robux Logo (Dark mode only) */
.icon-robux, .icon-robux-28x28, .icon-robux-gold,.dark-theme .icon-default-economy-small, .dark-theme .icon-robux-16x16, .dark-theme .icon-robux-gold-16x16, .dark-theme .icon-robux-gray-16x16, .dark-theme .icon-robux-white-16x16 {
background-image: url("https://images.rbxcdn.com/b54ea757c3a91fab9ccba5998821c4ed-branded_dark_11062018.svg") !important;
}
/* 28px used in navbar*/
.icon-robux, .icon-robux-28x28, .icon-robux-gold {
background-position: 0 -112px !important;
}
/* 16px used in item thumbnails */
.dark-theme .icon-default-economy-small, .dark-theme .icon-robux-16x16, .dark-theme .icon-robux-gold-16x16, .dark-theme .icon-robux-gray-16x16, .dark-theme .icon-robux-white-16x16 {
background-size: 40px auto !important;
background-position: 0px -80px !important;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment