klonoa by sera333

/* ==UserStyle==
@name         klonoa
@version      20230802.18.44
@namespace    ?
==/UserStyle== */

@-moz-document domain("roblox.com") {
/* Profile Page Code*/
/*Colour of the Profile&Avatar Boxes*/
.section-content.profile-header-content.ng-scope,
.rbx-tabs-horizontal .nav-tabs *,
.profile-avatar-mask,
.section.layer.profile-collections.ng-scope,
.switcher *,
.section.profile-statistics .section-content {
    background-color: #ccba89!important;
}
.section-content.profile-header-content.ng-scope *,
.rbx-tabs-horizontal .nav-tabs *,
.profile-container .asset-item,
.switcher *,
.section.profile-statistics .section-content *,
.profile-about * {
    /*Profile Abouts Text*/
    color: white!important;
}
/*End of Profile Abouts Text*/
/*End of the Colour of the Profile&Avatar Boxes*/
/*Profile Avatar Viewer*/
.profile-avatar-left {
    background: transparent!important;
}
/*End of the Avatar Viewer*/
/* End of Profile Page Code*/
/* Catalog Page Code*/
/*Creator Text*/
.creator-name.text-link,
.text-robux-tile {
    color: white!important;
}
/*End of Creator*/
/*Topics*/
.topic.ng-binding.ng-scope {
    background-color: #92b4f0!important;
    color: white!important;
}
/*End of Topics*/
/*Left Catalog Search Filters*/
.search-options.ng-scope *,
.text-link.breadcrumb-link.ng-binding {
    color: white!important;
}
/*End of Left Catalog Search Filters*/
/*Category Options Dropdown*/
.input-dropdown-btn.category-options.ng-scope {
    color: #ccba89!important;
    background-color: #92b4f0!important;
}
/*End of Options Dropdown*/
/*Catalog Searchbar*/
.catalog-container .search-container .input-group .search-input,
.catalog-container .search-container .input-group .autocomplete-dropdown-menu .dropdown-menu {
    background-color: #dbd8c8!important;
    border-color: #dbd8c8!important;
    border-radius: 5px!important;
    color: #66655e!important;
}
/*End of Searchbar*/
/*Item Description*/
.item-details *:not(.btn-growth-lg) {
    color: white!important;
}
/*End of Description*/
/*Item Comment Section*/
.section-content.AddAComment {
    background-color: white!important;
}
/*End of Comment Section*/
/*Price Chart*/
.section-content.price-volume-charts-container {
    background-color: #92b4f0!important;
}
/*End of Price Chart*/
/*End of Catalog Page Code*/
/* Game Page Code */
/*Voting/Favourite/Follow Panel*/
.favorite-follow-vote-share * {
    color: white!important;
}
/*End of Panel*/
/*Game Description*/
.text.game-description.linkify,
.age-rating-details.col-xs-12.section-content *,
.age-recommendation-title {
    color: white!important;
    font-weight: 400;
}
/*End of Description*/
/*Game Stats*/
.border-top.border-bottom.game-stats-container.follow-button-enabled,
.age-rating-details {
    background-color: #dbd8c8!important;
}
/*Stats Text*/
.border-top.border-bottom.game-stats-container.follow-button-enabled * {
    color: #4f4b37!important;
    font-weight: 500;
}
/*End of Stats Text*/
/*End of Game Stats*/
/*Servers/Badges Text*/
.create-server-banner.section-content.remove-panel * {
    color: white!important;
    border-color: white!important;
    font-weight: 250;
}
/*End of Servers/badges Text*/
.stack-row.badge-row.ng-scope,
.badge-image *,
.para-overflow.ng-binding,
.badge-stats-container *,
.btn-full-width.btn-control-sm.ng-binding,
.section.tab-server-only *,
.section-content-off.empty-game-instances-container,
.rbx-game-server-item *,
#sort-select,
.input * {
    background-color: #92b4f0!important;
    color: white!important;
}
/*Servers Found Players Description Texts/*
.section-content-off.empty-game-instances-container *, .btn-more.rbx-refresh, .server-list-options *
   {
     color:white!important;    
   }
/*End of Servers Found Players Description Texts/*
/*End of Server/Badges*/
/*Gamepasses Text*/
.container-list.game-dev-store.game-passes * {
    color: white!important;
}
.store-card-footer {
    background-color: #92b4f0!important;
    border-radius: 10px;
}
/*End of Gamepasses Text*/
/*End of Game Page Code*/
/* Settings Page Code */
#user-account {
    backdrop-filter: blur(10px);
    backdrop-filter: invert(20%);
}
/*Sidebar Menu*/
#vertical-menu {
    background-color: #92b4f0!important;
}
#vertical-menu * {
    color: white!important;
}
/*End of Sidebar Menu*/
/*Text*/
.text-label.account-settings-label,
.text-label.label-desktop.ng-binding,
#settings-container .rbx-tab-content * {
    color: #ccba89!important;
}
/*End of Text*/
/*Boxes*/
#security-page-description,
.section-content.notifications-section,
.section-content.settings-security-setting-container,
.section-content.content-controls-section {
    background-color: #dbd8c8!important;
}
/*End of Boxes*/
/*End of Settings Page Code*/
/* Avatar Editor Page Code */
/*Avatar Viewer*/
.avatar-back {
    background: transparent;
}
/*End of Avatar Viewer*/
/*Avatar Page Dropdown Menu*/
.tab-horizontal-submenu.section-content.six-column {
    background-color: #dbd8c8!important;
}
.tab-horizontal-submenu.section-content.six-column * {
    color: #2e2819!important;
}
/*End of Avatar Editor Page Code*/
/* Global Base Code by DittoDino/BoopBop*/
/*Ads be gone*/
#navigation:after {
    position: absolute !important;
    content: "Updated Base Code by @dinodabtuf" !important;
    bottom: 5px !important;
    left: 10px !important;
    font-size: 8px !important;
}
.footer-note:after {
    content: " Hey there, this is a little secret from BoopBop/DittoDino or @dinodabtuf, the creator of this style's base code you're using.";
}
.ad,
.ad *,
.img_ad,
.ad-annotations,
#google_image_div,
#aw0,
#AdvertisingLeaderboard,
.abp .UpsellAdButton,
.abp .UpsellAdButton:link,
.abp .UpsellAdButton:visited,
.abp .BadAdButton,
.abp .BadAdButton:link,
.abp .BadAdButton:visited,
.abp .ad-identification-text,
a.ad img,
.abp,
.profile-ad,
#TopAbpContainer,
.ad-annotations,
#LeftGutterAdContainer,
#RightGutterAdContainer,
#Skyscraper-Adp-Right,
#Skyscraper-Adp-Left,
.abp-spacer,
#GamesListContainer1 > div.games-list > ul > div.abp.in-game-search-ad.dynamic-ad.ad-order-even,
#GamesListContainer1 > div.games-list > ul > div.abp.in-game-search-ad.dynamic-ad.ad-order-odd,
#GamesListContainer8 > div.games-list > ul > div.abp.in-game-search-ad.dynamic-ad.ad-order-even,
#GamesListContainer8 > div.games-list > ul > div.abp.in-game-search-ad.dynamic-ad.ad-order-odd,
.sponsored-game,
.alert-info,
#mCSB_1_container > ul > li.font-bold.small,
#mCSB_1_container > ul > li.rbx-nav-sponsor,
.banner-container,
#dialogs-minimize/* This base code was made by DittoDino aka BoopBop, this is a form of credits to indicate who copied this code. */
{
    visibility: hidden;
    background-color: transparent;
}

/*End of Ads*/
/*Colour Customisation (I don't use American spelling)*/
/*Top Header*/
.rbx-navbar *,
.rbx-header {
    color: white!important;
    background-color: #92b4f0!important;
    border-color: #92b4f0!important;
}
/*End of Top Header*/
/*Top Searchbar*/
.navbar-search *,
.rbx-header .navbar-search .new-dropdown-menu {
    background-color: #dbd8c8!important;
    border-color: #dbd8c8!important;
    border-radius: 5px!important;
    color: white!important;
}
/*End of Searchbar*/
/*Left Sidebar*/
#navigation {
    background-color: #92b4f0!important;
}
.left-col-list * {
    color: white!important;
}
/*End of Sidebar*/
/*Footer*/
.container-footer,
#footer-container * {
    background-color: #ccba89!important;
    color: white!important;
}
#footer-container * {
    color: white!important;
}
/*End of Footer*/
/*Chat*/
.chat-body,
.chat-friend-info *,
.chat-windows-header,
.dialogs * {
    background-color: #92b4f0!important;
    color: #252e3d!important;
}
/*End of Chat*/
/*Friends Dropdown Menus*/
.dropdown-menu,
.place-container,
.people-info-card-container .interaction-item,
#notification-stream-container * {
    background-color: #7d94bd!important;
    color: white!important;
}
/*End of Friends Dropdown Menus*/
/*Input fields*/
.select-group {
    background-color: #92b4f0!important;
    border-radius: 10px;
}
/*End of Input field*/
/*Header Text*/
h1,
h2,
.game-card-name,
.item-card-name,
.friend-name,
.btn-secondary-xs.btn-more.see-all-link-icon.ng-binding,
.text-name,
.text-robux-lg,
.btn-secondary-xs.see-all-link-icon.btn-more {
    color: white!important;
}
/*End of Headers*/
/*Main T: Like/dislike ratio and player count*/
.vote-percentage-label,
.playing-counts-label {
    color: white!important;
}
/*End of Main T: ratio and player count*/
/*Colour of the Price*/
.text-robux.ng-binding {
    color: white!important;
}
/*Colour Customizaton Ends*/
/*Background*/
body,
.content {
    background: transparent!important;
}
.dark-theme,
.light-theme,
.nav-content {
    width: 100% !important;
    height: 100% !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    background-image: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/2883250d-9542-4d42-b601-6588fa630107/daab54g-8e2e1e77-26c9-412d-8b9f-f1cdbfb7b143.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzI4ODMyNTBkLTk1NDItNGQ0Mi1iNjAxLTY1ODhmYTYzMDEwN1wvZGFhYjU0Zy04ZTJlMWU3Ny0yNmM5LTQxMmQtOGI5Zi1mMWNkYmZiN2IxNDMucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.6hIhc5w1YkvgggwKFpriMq3z450CaCV_vnALQ5ALEa0")!important;
}
/*End of Background*/
/*Global Code Ends Here*/
}