SillyTavern custom CSS

:root {
    --quote-color-primary: #EA8D8D;
    --quote-color-secondary: #A890FE;
    --glow-color: #A890FE;
    --code-background: #222222;
    --code-text: #f5d67b;
    --code-glow: transparent;
    --message-font: 'Merriweather';
    --italic-weight: bold;
    --italic-style: normal;
    --main-text-style: normal;
}

.mes_text p
{
    /* Change base message visuals here */
    font-family: var(--message-font);
    font-style: var(--main-text-style);
}
.mes_text p em
{
    /* Change italics settings (*text formatted like this*) here */
    font-weight: var(--italic-weight);
    font-style: var(--italic-style) !important;
    text-shadow: 0px 0px 2px var(--glow-color), 0px 0px 5px var(--glow-color), 0px 0px 5px var(--glow-color) !important;
}
.mes_text p q
{
    /* Change quoted text settings ("text formatted like this") here */
    font-style: normal;
    background-image: linear-gradient(35deg, var(--quote-color-primary), var(--quote-color-secondary));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mes_text code
{
    /* Change code settings (`text formatted like this`) here */
    background-color: var(--code-background);
    color: var(--code-text);
    text-shadow: 0px 0px 2px var(--code-glow), 0px 0px 5px var(--code-glow), 0px 0px 5px var(--code-glow) !important;
}