bunnyVision UI [1.2]

Don’t let someone with a better chat interface NTR your AI waifu. Upgrade yours today!

    <div class="bv-main-grid">
        <!-- Left Column: Before & After -->
        <div class="bv-left-col">
            <div class="bv-comparison-item">
                <h3 class="bv-muted-text">Before</h3>
                <img src="https://avatars.charhub.io/avatars/uploads/images/gallery/file/6a006bb3-e015-4066-93f1-c8e1b5d7f3f2/937544a7-a630-4c6c-baa9-2cdc9a39c448.png" alt="Screenshot of the default Chub UI">
            </div>
            <div class="bv-comparison-item">
                <h3 class="bv-highlight-text">After</h3>
                <img src="https://avatars.charhub.io/avatars/uploads/images/gallery/file/84ac01d0-60e9-466b-9595-a6b1f0c6a281/c031a15f-3c0d-48d1-81fd-293775e523a0.png" alt="Screenshot of the custom BunnyVision UI">
            </div>
        </div>

        <!-- Right Column: Sales Pitch -->
        <div class="bv-right-col">
            <div class="bv-sales-pitch bv-glass-panel">
                <h3>Sick of tiny avatars?</h3>
                <h3>Itty-bitty buttons?</h3>
                <h3>Arrows that won't stay up?</h3>
                <p><strong>bunnyVision makes everything look and feel BETTER.</strong></p>

                <h4>Features:</h4>
                <ul>
                    <li><strong>Massive, gargantuan avatars!</strong> (So big the neighbors will talk.) 🥵</li>
                    <li><strong>Big, black buttons!</strong> Easy to grab, no fumbling, no fucking around.</li>
                    <li><strong>Persistent arrows!</strong> They stay up all night, every night.</li>
                    <li><strong>Smooth forms and a (semi-)clean UI!</strong> Because when it comes to performance, size isn’t everything (but it sure helps).</li>
                </ul>

                <p>And guess what? <strong>It’s FREE!</strong></p>

                <div class="bv-button-wrapper">
                     <a href="https://ko-fi.com/post/bunnyUI-release-X8X41LYNB9" class="bv-button" target="_blank" rel="noopener">Get it here!</a>
                </div>
            </div>
        </div>
    </div>

    <!-- New Instructions Section -->
    <section class="bv-instructions bv-glass-panel">
        <div class="bv-instructions-flex">
            <div class="bv-instructions-steps">
                <h4>How to use:</h4>
                <ol>
                    <li>Download the .CSS file from the link above.</li>
                    <li>Go to your chub.ai profile.</li>
                    <li>Click <strong>Edit Theme.</strong></li>

Make sure Dark Mode is active and ideally set your theme to default. Click Upload Custom CSS. DONE! (Leave a like or comment somewhere so I can see if there's an actual demand for this and I didn't just waste my time making it.)

            </div>
        </div>
    </section>

</div>