Hide c.ai+ Button by logan

Details

Authorlogan

LicensePublic domain

Categorycharacter.ai

Created1 year, 7 months ago

Updated4 months, 3 weeks ago

Size6.0 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Easily hide the annoying "Get c.ai+" button from character.ai in every page, including the waiting room.

Notes

Suggestions or bug reports? Send them to my Discord: @arcticniko (my DMs are open)

This userstyle can be used for other scenarios too outside the Get c.ai+ button! (e.g. a c.ai+ user hiding the blue "Get c.ai+" waiting room button, hiding the new site advertisement on the old one, and hiding Patreon options in the 3rd-party CAI Tools extension)

This userstyle can be used on mobile if you have a userstyle-supporting browser. Firefox and Kiwi Browser both support Stylus.

Customization Options

Show a user's c.ai+ badge: Applies to both your and other people's c.ai+ badges. Enabled by default.
Don't hide button, just minimize annoyances: Removes the shadow & periodical shimmer animation on the old site, and reduces the golden hover glow + rainbow "Upgrade" settings button glow on the new site. Disabled by default.
Hide c.ai+ button on profile (manage button for c.ai+ users, old website): Toggles the "Get/Manage c.ai+" on the profile, can be useful for c.ai+ users that use this userstyle to hide other stuff, but want to keep the "Manage c.ai+" button for easy access by disabling this option. Enabled by default
Hide the "Upgrade" button's in new website's settings when Account tab is opened: Hides the Upgrade button's eye-catching fade and slide in animation. Enabled by default.
Hide "Upgrade" button in new website's settings: Toggles the "Upgrade" button in the new site's settings, which can be annoying to a few. Disabled by default.
Only hide blue 'Get c.ai+' waiting room button: Can be useful for c.ai+ users who want to keep the black 'c.ai+ user? Click here to skip the line!' button but don't want the blue 'Get c.ai+' button since they already have c.ai+. Disabled by default.
Hide new website advertisement on old website: Self-explanatory, recommended if you don't want to switch to the new site and find yourself annoyed by the advertisement. Enabled by default.
Hide CAI Tools (3rd-party extension) Patreon options: Hides the Patreon & donation options of the aforementioned extension. Disabled by default to prevent confusion to new CAI Tools users. disabled by default.
Hide/minimize the CAI Tools locked functions indicator: Hides the locked functions indicator within CAI Tools when you don't have premium. 3 options available: "Leave as is" does nothing, "Minimize annoyance" only shows the locked indicators when hovering over the function, and "Hide entirely" does what it says. Disabled by default, as it is set to "Leve as is".

You can't talk about this userstyle in any official character.ai social medias. I tried to self-promote this userstyle on the subreddit back when I first made it, which got my post deleted (no ban though), and advertising and 3rd-party addons discussion banned across multiple official c.ai social medias.

Changelog

v1.4.9

Fix a bug where the CAI Patreon options weren't hidden without a premium subscription.
Fix a bug where the c.ai+ button wasn't hidden on the new website due to an update.
Add an option to hide the fade and slide animation the "Upgrade" button within the new website's settings does, enabled by default.

v1.4.8

Fix a bug where the CAI patreon options were no longer being hidden.
I fixed this bug a while ago, but forgot to release the update.

v1.4.7

Add an option to hide the "Upgrade" button in the new website's settings.

v1.4.6

Fix the waiting room buttons not being hidden by the userstyle.
Sorry about the slight influx of bugs lately! character.ai updating the site more often nowadays, combined with my inactivity on c.ai, is what's causing this problem. I'll always be on the lookout though, so don't worry!

v1.4.5

Slightly increase the glow of the "Upgrade" button in settings if it's being hovered over with "Don't hide button, just minimize annoyances" option turned on, to feel more natural.

v1.4.4

Fix a bug where the rainbow "Upgrade" button glow in the new website's settings wasn't being hidden or reduced.
Fix a bug where the "Join my Patreon for a 7 day free trial" wasn't hidden if the CAI Tools Patreon Notice Hider option was being used.

v1.4.3

Fix a bug where the new website advertisement randomly stopped hiding.
This time, I didn't delay an update by a few weeks, instead fixing the bug instantaneously. Happy?

v1.4.2

Fix a bug where the new website advertisement wouldn't be hidden on the mobile UI.

v1.4.1

Fix bug where hiding the c.ai+ badge would hide it from the upgrade dialog as well on the old website.

v1.4.0

Add support for hiding the new website advertisement on the old website. (enabled by default)
Add support for hiding the Patreon options on the 3rd-party extension CAI Tools.

v1.3.0

Add support for the new website.
Add a redesigned thumbnail.
Sorry for not pushing this update earlier! I've knew about the new website's existence since day 1, but laziness caught the best of me. 😅

v1.2.1

Make the default options more appropriate.
Fix a bug where the shimmer animation wasn't being hidden from the c.ai+ button.
A new thumbnail will come soon.

v1.2.0

(GODLY late) THANKS FOR A THOUSAND INSTALLS!!! This updates focuses on making the customization options more useful.
Add an option to toggle hiding either the blue "Get c.ai+" waiting room button, or every waiting room button. This is useful for c.ai+ users who don't want to see the unnecessary "Get c.ai+" button when they already have it.
Add an option to toggle hiding the profile button. The button turns into a "Manage subscription" button if you have c.ai+, so it's useful for c.ai+ users who still need that button.
Add an option that doesn't entirely hide the "Get c.ai+" button on the website, but just removes its "annoying" aspects, like its big shadow and shimmer animation.
Remove the option to hide the "Get c.ai+" button from the website, for obvious reasons.

v1.1.4

Make it so the c.ai+ button now disappears on the new profile UI.
This update SHOULD NOT have also taken as long as it did. Sorry. The original target was only a few hours, but I guess I missed that by a long shot.

v1.1.3-ns

The "namespace" parameter in the userstyle code has been updated because it turns out that I was using them completely wrong.
Updated the description to be more accurate.

v1.1.3

Got rid of something useless in the code. (h2>a[href="https://plus.character.ai"], h2>a[href="https://plus.character.ai"] to just h2>a[href="https://plus.character.ai"])

v1.1.2

Adds the ability to toggle hiding the c.ai+ button on the website... if you want that.
This is probably the final release for now.

v1.1.1

Adds the ability to toggle hiding the c.ai+ buttons on waiting rooms. This version forgot to be released though.

v1.1.0

Adds the ability to optionally hide the c.ai+ badge on users. This is disabled by default, but can be enabled within the userstyle's options.

v1.0.4

Fixed a bug where the userstyle still wouldn't apply to the waiting room in some cases.
Fixed a bug where the waiting room buttons wouldn't hide.
Made the code a bit smaller.

v1.0.3

Fixed a v1.0.2 bug where the userstyle didn't apply on the waiting room.

v1.0.2

An update to hide the 2 c.ai+ buttons in the waiting room page too.

v1.0.1

Now hides the button in chat pages.

v1.0.0

Released userstyle.

Old thumbnail

Source code

/* ==UserStyle==
@name           Hide c.ai+ Button
@namespace      userstyles.world/user/logan
@version        1.4.9
@description    Easily hide the "Get c.ai+" button from the entire c.ai website.
@author         Logan
@preprocessor   stylus

@var checkbox showbadge "Show a user's c.ai+ badge" 1
@var checkbox lessannoybtn "Don't hide button, just minimize annoyances" 0
@var checkbox hidepbtn "Hide c.ai+ button on profile (manage button for c.ai+ users, old website)" 1
@var checkbox noupbtnanim "Hide the \"Upgrade\" button's in new website's settings when Account tab is opened" 1
@var checkbox hideupbtn "Hide \"Upgrade\" button in new website's settings" 0
@var checkbox hidebluewaiting "Only hide blue 'Get c.ai+' waiting room button" 0
@var checkbox hidenwdialog "Hide new website advertisement on old website" 1
@var checkbox hidecaitpatreon "Hide CAI Tools (3rd-party extension) premium advertisement" 0
@var select caitpatlockindi "Hide/minimize the CAI Tools locked functions indicator" {
    "Leave as is": "nothing",
    "Minimize annoyance": "minimize",
    "Hide entirely": "hide"
}
==/UserStyle== */

@-moz-document domain("character.ai") {
    if lessannoybtn { /* only remove the button's "annoying" aspects, not the entire button itself option */
        .shine-btn { /* remove the shadow */
            box-shadow: unset;
        }
        
        .shine-btn.shimmer::after { /* remove the shimmer animation */
            animation: unset;
        }
        
        .shine-btn:hover::after { /* but keep it on button hover */
            animation: shine 1.6s ease;
        }
        
        .flex.flex-col.gap-3.pb-3>button:hover { /* try c.ai+ button on new website, less intense golden glow */
            box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),0px 0px 7px 0px rgba(255,213,105,.1);
        }
        
        .border-accent .rainbow-glow::before { /* upgrade button in settings, reduce rainbow glow */
            opacity: 0.3;
        }
        
        .border-accent .rainbow-glow:has(button[data-hover="true"])::before { /* intensify rainbow glow slightly on hover */
            opacity: 0.4;
        }
    } else {
        .shine-btn { /* hide the entire button */
            display: none;
        }
        
        .flex.flex-col.gap-3.pb-3>button { /* new website sidebar button */
            display: none;
        }
        
        .flex.flex-col.gap-3.pb-3 { /* hide huge gap after button removal */
            padding-top: 0;
            padding-bottom: .4rem;
        }
        
        .flex.pb-2.px-5 div.bg-border-divider {
            margin-bottom: 0!important;
        }
        
        .border-accent .rainbow-glow::before { /* "Upgrade" in settings, remove rainbow glow */
            opacity: 0;
        }
    }
    
    if hidepbtn {
        .css-1sqga17 { /* c.ai+ profile button */
            display: none;
        }
    }
    
    if hidebluewaiting { /* only hide the blue waiting room */
        h2>a[href*="https://plus.character.ai"]:has(div[style*="#056DFF"]) { /* c.ai+ blue waiting room button */
            display: none;
        }
        
        h2:has(a[href*="https://plus.character.ai"]) { /* spacing fix #1 */
            margin-bottom: 0;
        }
        
        h2:has(a[href*="https://plus.character.ai"])>br { /* spacing fix #2 */
            display: none;
        }
    } else {
        h2>a[href*="https://plus.character.ai"] { /* all c.ai+ waiting room buttons */
            display: none;
        }
    }
    
    if noupbtnanim {
        .border-accent .rainbow-glow:has(button) { /* "Upgrade" in settings, remove the animation when the Account tab is opened */
            transform: unset!important;
            opacity: 1!important;
        }
    }
    
    if hideupbtn {
        .border-accent .rainbow-glow button { /* "Upgrade" in settings, remove rainbow glow */
            display: none;
        }
    }
    
    if showbadge == 0 {
        .plus-subscriber-badge:not(.subscription-modal .plus-subscriber-badge) {
            display: none;
        }
        
        .p-1:has(.text-plus.font-bold) { /* new website c.ai user badge */
            display: none;
        }
    }
    
    if hidenwdialog {
        .pt-3>div>div>div:has(.gOlzBZ), .pt-1>div>div>div:has(.gOlzBZ) { /* pt-1 is required for the mobile ui */
            display: none!important;
        }
    }
    
    if hidecaitpatreon {
        .cai_tools .patreon-actions, .cai_tools .donate_link, .cai_tools .patreon-note, .cai_tools .cait-links>.cait_patreon_link, .cai_tools .cait-links>.cait_patreon_login {
            display: none;
        }
        
        .cai_tools:has(.cait-links>.cait_patreon_login) .dev-note {
            display: none;
        }
        
        .cait-body { /* remove excess body padding after patreon stuff removal */
            padding-top: 0!important;
        }
    }
    
    if caitpatlockindi == "hide" { /* hide the cai tools locked function indicator */
        .cai_tools .premium-icon::before {
            display: none;
        }
        
        .cai_tools .premium-icon { /* remove the excess padding when hiding it */
            padding-right: unset!important;
        }
    } else if caitpatlockindi == "minimize" { /* minimize the cai tools locked function indicator's annoyance, only show on hover */
        .cai_tools .premium-icon::before {
            display: none;
        }

        .cai_tools .premium-icon:hover::before { /* show lock on hover */
            display: block;
        }
        
        .cai_tools .premium-icon {
            padding-right: unset!important;
        }
        
        .cai_tools .premium-icon:hover { /* add the padding on hover to prevent clipping */
            padding-right: 28px!important;
        }
    }
}

Reviews

No reviews yet.