Skip to content

Hide c.ai+ Button by logan

Screenshot of Hide c.ai+ Button
Write a review Install Get Stylus

Details

Authorlogan

LicensePublic domain

Categorycharacter.ai

Created

Updated

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

If you don't have Stylus installed... CLICK THE DOWNLOAD BUTTON BELOW THE BANNER!!! This userstyle won't work without the extension Stylus.

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

Please respect the character.ai developers and do not extensively talk about this userstyle in any of the Character.AI socials or forums. When I tried to do this myself (it was my first and only time) by advertising this on Reddit, the post got deleted and it ended up getting multiple new rules added in the subreddit, Discord server, and c.ai community forums. (amount of rules added in each platform vary)

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.

Source code

/* ==UserStyle==
@name           Hide c.ai+ Button
@namespace      userstyles.world/user/logan
@version        1.4.7
@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 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) Patreon options" 0
==/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.py-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.py-3>button { /* new website sidebar button */
            display: none;
        }
        
        .flex.flex-col.gap-3.py-3 { /* hide huge gap after button removal */
            padding-top: 0;
            padding-bottom: .4rem;
        }
        
        .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 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 {
            display: none;
        }
        
        .cait-body { /* remove excess body padding after patreon stuff removal */
            padding-top: 0!important;
        }
    }
}

Reviews

No reviews yet.