•˚✦ C.ai Customizer ✦˚•
Transform your Character.ai chat experience with unmatched visual aesthetics, custom styling, and practical quality-of-life additions.
📌 Credit & Heritage (Mod Disclaimer)
This script is a highly customized mod of the excellent script C.ai Custom Chat Bubbles by @redsus.vn.
What has changed in this mod?
- Removed: The Advanced Options tab (such as bypass and export features) has been removed to keep the focus entirely on UI personalization.
- Added: A massive extension of aesthetic features, color picker integration (Coloris), customized name/avatar settings, more preset styles, and subtle UI tweaks.
✨ Features
🎨 1. Rich Bubble Styling & Library
Choose from dozens of highly stylized pre-made bubble presets, the same bubble themes from the original script. Those remain intact.
⚙️ 2. Advanced Personalization Controls
Don't want presets? Build your own look:
- Custom Colors: Fully interactive, real-time color pickers (powered by Coloris) for both User and AI bubble backgrounds and text.
- Custom Typography: Change fonts, font size, line height, letter spacing, and text alignment.
- Border & Shadow Customization: Adjust bubble corners (border-radius), border widths, and apply custom outer or inner drop shadows.
- Global Customization: Set custom chat backgrounds (images/solid colors), custom avatars, and change display names for both yourself and the bots.
- Custom presets: If you've created your own style, save it with any name you like. Download and share it (Avatar settings are excluded in case you use the same preset for different bots). You can save as many presets as you like.
(Adv. Bubbles tab is only available for Default themes. All media is added via link. Supported formats: jpg, png, webp, gif.)
🛠️ 3. Quality-of-Life Enhancements
- Message Drafts: Saves your typed messages per bot, preventing you from losing progress if you accidentally refresh or close the tab.
- Hide Edited Marks: Keeps your chat looking clean and seamless by hiding the "Edited" label on modified messages.
- Hide Distractors (Early injection): Removes distracting platform elements like warning banners, beta feeds, or "Labs" links automatically before the page even finishes rendering.
- Enter key behavior: Whether you're a storyteller or a oneliner, this script adapts to your preferences. You can have the Enter key insert a new line, or send the message directly, just like in any chat application.
⚠️ Disclaimer & Known Issues
The Latest Bot Message (3D Swipe Carousel) Bug: Due to the way Character.ai dynamically renders the very last message from a bot (which wraps around a 3D carousel container to let you swipe for alternative responses), you might notice minor visual quirks on just that single bubble.
- Symptoms: Custom shadows, borders, or background clipping might look slightly misaligned, cut off, or default to the original structure on the newest active message.
- Workaround: Once you generate a new user message or send another response, the previous bot bubble will render perfectly as a completed static message.
Reset avatar after using an invalid link: If you use an invalid link for the customized avatar, you'll have to reload the page after resetting to revert to the original avatar. I don't know how to fix that yet.
🚀 How to Use
- Install a userscript manager like Tampermonkey.
- Install this script.
- Open any chat on Character.ai.
- Look for the floating 🎨 (Palette) button on your screen.
- Pro-tip: You can drag and drop this button anywhere on your screen, and its position will be saved!
- Click the button to open the customizer panel, choose your settings, and watch your chat transform instantly!
Author: @redsus.vn (Modded by Ciel_145 & Claude)
License: MIT
Note: I'm a big fan of FrutigerAero's glass style, which is why the panels and dialogs have that translucent effect. You can always mod the script to change it back to a matte style.
