topbar with image ver
just a theme for my friend :)
Authortyyde
LicenseNo License
CategoryROBLOX.com
Created
Updated
Size189 kB
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
topbar with image ver
just a theme for my friend :)
/* ==UserStyle==
@name Razzuri's Theme
@namespace a
@author Tyyde, HappyPlays, Extra_Dragons211, Ghastless Gibus
@description `Tyyde's custom theme, full of green :P
you can use this style with or without chrome extensions and it'll work fine. however, it doesn't work as well with light mode as it does with dark mode. the reason for this is because i don't use light mode and i dont care lol. so i suggest you use dark mode if you're using this style. dark mode is better for your eyes anyway :)
Credits to HappyPlays for most of the code (this is basically just a heavily retextured Modern Blue)
Credits to HappyPlays for the Roblox+ Menu Settings Fix
Credits to Extra_Dragons211 for the classic Roblox+ topbar icon
Credits to Extra_Dragons211 for the Builders Club icon (this style contains code copied from Classic BC Icon For Roblox Modern Light Theme but modified to be a backwards blue BC icon that is also compatible with dark mode)
Credits to Ghastless Gibus for the old Roblox 2016 logo`
@version 20220614.7.57
@license No License
@preprocessor uso
@advanced dropdown Useless-Dropdown "" {
Useless-Dropdown-1 "*" <<<EOT EOT;
Useless-Dropdown-2 "" <<<EOT EOT;
}
}
@advanced dropdown Homepage-Hello "\"Hello,\" Homepage Greeting" {
No-Hello "No \"Hello,\"*" <<<EOT EOT;
Hello "\"Hello,\"" <<<EOT .user-name-container a:before, span.user-name-container:before {
content: "Hello, "!important;
}
.user-name-container a:after, span.user-name-container:after {
content: "!"!important; EOT;
}
==/UserStyle== */
@-moz-document domain("roblox.com") {
.rbx-header,
#header,
section#primary-header,
.headerR,
.MuiButtonBase-root.MuiButton-root.jss848.jss859.MuiButton-text.jss852,
.d-header,
.btn-flat:focus {
background-color: #ab6eab!important;
border: solid #98fb9800!important;
border-width: 0 0 1px!important;
background-image: url(https://cdn.discordapp.com/attachments/979706980665020488/989392123302387812/amethyst.jpg) !important;
}
.drop-down-mode .d-header-icons .active .icon {
background-color: #00bd6b!important;
border: solid #2900bd!important;
border-width: 0 0 0!important;
}
.headerR li a,
.headerR li a:hover {
background-color: #bd00b7!important;
border: 1px #bd00aa!important;
color: #fff!important;
}
.rbx-header .text-header,
.age-bracket-label .dynamic-overflow-container,
.dark-theme .people-list .friend .friend-name,
.people-list .friend .friend-name:hover,
.dark-theme #nav-premium:hover,
.dark-theme .dynamic-overflow-container div,
.xsmall.age-bracket-label-age.text-secondary,
.nav-menu-title,
.elementor-387 .elementor-element.elementor-element-37ccc77 .elementor-nav-menu .elementor-item,
.jss16,
.btn-flat:focus .d-icon,
.btn-flat .d-icon,
.btn-primary .d-icon,
.admin-wizards-custom-fields .btn.save:enabled .d-icon,
.header .bd-navbar-nav .nav-item > a,
.font-caption-header.text-overflow.chat-header-title.dialog-header-title.ng-binding,
.font-caption-header.chat-header-title.ng-binding,
.chat-windows-header .chat-header-label span,
.btn-fixed-width.btn-growth-sm div span,
li.dialog-message-container.ng-scope div div span,
.dialog-message-container.ng-scope div div div div div p {
color: #fff!important;
}
.nav-menu-title:hover,
.btn-navigation-nav-notification-stream-md:hover,
.btn-navigation-nav-robux-md:hover,
.btn-navigation-nav-settings-md:hover,
.btn-navigation-nav-menu-md:hover,
#btr-navbar-friends > a:hover,
#btr-navbar-messages > a:hover {
background-color: rgba(25, 25, 25, 0.1)!important;
border-radius: 8px!important;
}
.rbx-navbar li:hover {
border: none!important;
}
#header .btr-nav-notif {
border-color: #0600bd!important;
}
.profile-avatar-right .profile-avatar-mask {
background-color: #640e69!important;
}
.notification-blue,
.rbx-upgrade-now .btn-secondary-md,
.input-group-btn .input-dropdown-btn:hover,
.rbx-select-group .rbx-select:hover,
.chat-main .chat-header,
.chat-windows-header,
.btn-primary-xs,
.accept-friend,
#language-switcher:hover,
#language-switcher:focus,
.dialog-message,
.btn-secondary-sm[disabled],
.details-btns-fixed .btn-secondary-sm,
.open > .btn-default.dropdown-toggle,
.request-error-page-content .action-buttons .btn-primary-md,
.rbx-upgrade-now .btn-secondary-md,
button.MuiButtonBase-root.MuiButton-root.jss894.jss1123.MuiButton-contained.MuiButton-containedSecondary.jss896,
.jss901.jss1126.jss902,
.jss901.jss1138.jss902,
.banner-block .banner-container .banner-button .banner-link,
.btn-w-border--white,
.MuiButton-containedSizeLarge,
.MuiButtonBase-root.MuiButton-root.MuiButton-contained.MuiButton-containedSizeSmall.MuiButton-sizeSmall,
.MuiButtonBase-root.MuiButton-root.jss848.jss1734.MuiButton-contained.jss1511.MuiButton-containedSecondary.jss850.MuiButton-fullWidth,
.MuiButton-containedSecondary,
.modal-button.btn-cta-md.verification-upsell-btn.btn.btn-default,
.btn-primary-md,
.accept-friend.btn-cta-md.btn-min-width,
.btn.btn--primary,
button.modal-button.btn-primary-md.btn-min-width,
.profile-view-selector.btn-generic-slideshow-xs.btn-secondary-xs:first-child,
.profile-view-selector.btn-generic-grid-xs.btn-secondary-xs:last-child {
background-color: #a500a8!important;
color: #fff!important;
border-color: #4f004e!important;
}
.btn-primary-xs:hover,
.accept-friend:hover,
.details-btns-fixed .btn-secondary-sm:hover,
.request-error-page-content .action-buttons .btn-primary-md:hover,
.rbx-upgrade-now .btn-secondary-md:hover,
.btn-neutral:hover,
.social-links-container .save-button:hover,
.btn-w-border--white:hover,
.MuiButtonBase-root.MuiButton-root.jss848.jss1734.MuiButton-contained.jss1511.MuiButton-containedSecondary.jss850.MuiButton-fullWidth:hover,
button.MuiButtonBase-root.MuiButton-root.jss894.jss1123.MuiButton-contained.MuiButton-containedSecondary.jss896:hover,
.jss901.jss1126.jss902:hover,
.jss901.jss1138.jss902:hover,
.MuiButtonBase-root.MuiButton-root.MuiButton-contained.MuiButton-containedSizeSmall.MuiButton-sizeSmall:hover,
.MuiButton-containedSecondary:hover,
.modal-button.btn-cta-md.verification-upsell-btn.btn.btn-default:hover,
.btn-primary-md:hover,
.accept-friend.btn-cta-md.btn-min-width:hover,
.modal-button.btn-primary-md.btn-min-width:hover,
button.modal-button.btn-primary-md.btn-min-width:hover {
background-color: #cf00b3!important;
color: #fff!important;
border-color: #970195!important;
}
.banner-block .banner-container .banner-button .banner-link:hover {
background-color: #fff!important;
color: #fff!important;
border-color: #fff!important;
transition: background-color 0.25s;
}
.text-link,
.see-all-link-icon,
.text-name,
.refresh-link-icon,
.settings-account-info-container .form-group .account-field-phone-add-phone,
.text-footer-nav.privacy,
.text-footer-nav:hover,
.text-footer-nav.active,
.notification-stream-header .text-link,
.paired-name,
.element:first-child,
.paired-name span:nth-child(3),
.people-list .friend .friend-name:hover,
.see-all-link,
.paired-name span,
.menu-link:hover,
.breadcrumb-filter-name,
.menu-link.active,
#nav-message:hover,
#nav-friends:hover,
#nav-trade:hover,
.rbx-left-col li .text-nav:hover,
.profile-container .asset-item .item-name:hover,
.jss2 > a,
div.text-overflow.xsmall.text-label.btr-people-username.ng-binding:hover,
#serverFiltersDropdown .rbx-selection-label,
.people-list .friend .place-name:hover,
.group-info ul li,
.MuiTypography-root-792.MuiTypography-colorSecondary-816.MuiTypography-noWrap-811,
.MuiSvgIcon-colorSecondary-824,
.MuiLink-underlineHover-789,
.MuiTypography-root.jss1145.MuiTypography-body1.MuiTypography-alignCenter,
.MuiTypography-root.MuiTypography-body1.MuiTypography-colorTextPrimary,
.MuiTypography-root.MuiLink-root.MuiLink-underlineHover.MuiTypography-colorInherit p,
.MuiTypography-root-1021.MuiLink-root-1052.MuiLink-underlineHover-1054.MuiTypography-colorPrimary-1044,
.MuiTypography-root-1021.MuiTypography-colorInherit-1043,
.MuiTypography-root-1021.MuiTypography-colorTextPrimary-1046 {
color: #ff00f2!important;
}
div.MuiButtonBase-root.MuiChip-root.jss14188.jss14190.MuiChip-clickable,
div.MuiButtonBase-root.MuiChip-root.jss14188.jss14189.jss14067.MuiChip-clickable {
background-color: #ff00f2;
}
.count-left,
.text-robux,
.field-content.ng-scope,
.text-robux-tile,
.btr-robuxToCash-tile,
.text-robux-lg,
.btr-robuxToCash-big,
#nav-home:hover,
#nav-inventory:hover,
span#PrivateServerMarketplaceFeeText,
span#PrivateServerUserProfitText,
.amount.icon-robux-container cashlabel,
.amount.icon-robux-container span,
span#outfitCostRobux.rbx-text-navbar-right.text-header,
.item-card-container .item-card-price,
.subscription-card div span,
span.strike-through {
color: #00b06f!important;
opacity: 1!important;
}
.btn-growth-xs,
.btn-primary-sm,
.king-play,
.btn-cta-md,
.btn-buy-md,
.btn-common-play-game-lg,
.btn-primary-lg[disabled],
.btn-primary-lg,
.MuiButton-containedPrimary,
.btn-full-width.btn-control-xs.rbx-private-game-server-join.btn-primary-md.btn-min-width,
a#confirm-btn.btn-primary-md,
.modal-button.btn-primary-md.btn-min-width,
.btn-full-width.btn-control-xs.rbx-friends-game-server-join.btn-primary-md.btn-min-widt...