Skip to content

AMOLED Character AI by Rofle44-git

Screenshot of AMOLED Character AI
Homepage Write a review Install Get Stylus

Details

AuthorRofle44-git

LicenseCC0

Categorybeta.character.ai

Created

Updated

Code size1.3 kB

Code checksum307b05a5

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

AMOLED Character AI style with configurable Accent color

Notes

I'm really new to this so sorry if it's bad :(
Also i'm not gonna add a homepage because like, I don't plan to work on this a lot

Source code

/* ==UserStyle==
@name           character.ai - 4/1/2023, 9:16:57 PM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    AMOLED for character ai
@author         LeaOwO

@var color accent "Accent Color" "#ff66b3"
==/UserStyle== */


@-moz-document domain("character.ai") {
    :root {
    --bg: hsl(0, 0%, 0%);
    --border: hsla(0, 0%, 100%, .4);
    --fg: hsla(0, 0%, 100%, .8);
    }
        
    body {
        color: var(--accent);
        background-color: var(--bg);
    }
    em {
        color: var(--accent);
    }
    path {
        color: var(--accent);
    }
    .message-slider .swiper-button-next:hover, .message-slider .swiper-button-prev:hover {
        background-color: transparent;
        background-image: none;
        color: var(--accent);
    }
    .chatfooterbg-normal {
        background-color: var(--bg);
        box-shadow: transparent 0px 0px 0px;
    }
    .chatbox {
        border-color: var(--border);
    }
    .chatheaderbg-normal {
        background-color: var(--bg);
        box-shadow: transparent 0px 0px 0px;
    }
    .msg-row-light-bg {
        color: var(--fg);
    }
    .bg-white {
        background-color: var(--bg) !important;
    }
    .text-danger {
        color: var(--accent) !important;
    }
}

Reviews

No reviews yet.