Skip to content

Razzuri's Theme by tyyde

Screenshot of Razzuri's Theme

Details

Authortyyde

LicenseNo License

CategoryROBLOX.com

Created

Updated

Size189 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

topbar with image ver

just a theme for my friend :)

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           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...

Reviews

No reviews yet.