/* ==============
mhsu 2024-10-29 : attempting a new theme...
based on Dracula
================= */
.compose-form__highlightable { /* mhsu 2026-06-17: updating for new masto version */
    background: var(--color-grey-700);
}
.display-name {
    color: var(--color-grey-300);
}
.display-name__html { /* this doesn't seem to be working rn */
    color: var(--color-grey-300);
}
.content-warning {
    box-sizing: border-box;
    border: 1px solid var(--color-green-700);
    background: var(--color-green-900); 
}
.status__wrapper-direct { /* mhsu 2026-06-17: updating for new masto version */
    background: var(--color-yellow-950);
    border: 1px solid var(--color-yellow-700);
    border-radius: 8px;
}
.status--is-quote { /* mhsu 2026-06-17: updating for new masto version */
    background: var(--color-grey-700);
    border: 1px solid var(--color-grey-400);
}
.status__quote status__quote--error { /* mhsu 2026-06-17: updating for new masto version */
    background: var(--color-red-800);
    font-weight: 500;
    border: 1px solid var(--color-red-600);
}
.load-gap { /* mhsu 2026-06-17: updating for new masto version */
    background: var(--color-yellow-950);
}
/* mhsu 2026-02-05: making unread notifs stand out more */
.notification-ungrouped--unread { /* mhsu 2026-06-17: updating for new masto version */
    background: var(--color-yellow-900) !important;
}
.notification-group--unread::before { /* mhsu 2026-06-17: updating for new masto version */
    border-inline-start: 4px solid var(--color-yellow-700);
}
.drawer__inner__mastodon > img { /* mhsu 2026-06-17: updating for new masto version */
    width: 100%;
}
.flash-message.notice { /* mhsu 2026-06-17: updating for new masto version */
    background: #9c78ba70;
    border: 1px solid #9c78ba;
    color: #f1fa8c;
    font-size: large;
}
.content-warning--filter { /* mhsu 2026-02-02 : adding new bg color for filtered toots */
    background: var(--color-grey-700);
    border: none;
}
.content-warning--filter .filter-name { /* mhsu 2026-06-17: updating for new masto version */
    color: var(--color-text-secondary);
    font-weight: inherit;
}



/* ============
from https://mastodon.art/css/custom-f44876c6.css
============= */
/* Changes the alert symbol (A ! inside a triangle) for adding a content warning to a toot to instead just read 'CW' */
.compose-form__buttons button[aria-label$="content warning"] svg {
        display: none;
    }
.compose-form__buttons button[aria-label$="content warning"]::before {
        display: flex;
        content: 'CW';
        min-width: 20px;
        min-height: 20px;
        align-items: center;
        justify-content: center;
    }
/* It's 'Toot!'. It was always 'Toot!'. */
.compose-form__actions .button {
    font-size: 0;
    width: 75px;
    height: 35px;
    }
    .compose-form__actions .button::before {
        font-size: 15px;
        content: 'Toot!';
    }
/* bi pride scrollbar dark mode */
    [data-color-scheme="dark"] {
        --scrollbar-color-thumb: #5a5a5a;
        --scrollbar-color-track: #2f2f47;
        --scrollbar-width: large;
        --scrollbar-width-legacy: 200px;
        --scrollbar-thumb-gradient: linear-gradient(180deg, #613363 0%, #044d61 100%);
        --color-bg-primary: #252534;
        --color-text-primary: #cccccc;
        --header-bgs-color: #252534;
        --cw-bg-color: #322d46;
        --cw-border-color: #464061;
        --grouped-bg-color: #1d1a2f;
    }

/* trans pride scrollbar light mode */
    [data-color-scheme="light"] {
        --scrollbar-color-thumb: #5a5a5a;
        --scrollbar-color-track: #e3e3e3;
        --scrollbar-width: large;
        --scrollbar-width-legacy: 200px;
        --scrollbar-thumb-gradient: linear-gradient(180deg, #f7b6fa 0%, #5fd1f0 100%);
        --color-bg-overlay: #ccc;
        --color-bg-primary: #fdfdfd;
        --header-bgs-color: #fff;
        --cw-bg-color: #d2d5ff;
        --cw-border-color: #d2d5ff;
    }

    [data-color-scheme="dark"][data-contrast="high"] {
        --color-border-primary: #333343;
    }

    html.custom-scrollbars {
        scrollbar-color: unset;
    }

    .scrollable {
        scrollbar-width: unset;
    }

    *::-webkit-scrollbar-thumb {
        background: var(--scrollbar-thumb-gradient);
    }

    *::-webkit-scrollbar-track {
        background: var(--scrollbar-color-track);
    }

    *::-webkit-scrollbar {
        max-width: var(--scrollbar-width-legacy);
        max-height: var(--scrollbar-width-legacy);
    }

/* add scroll bar to reply preview if you're replying to a long post */
    .compose-form .reply-indicator__content {
        overflow: scroll;
        display: block;
    }

/* remove the truncation of paragraphs after the first in some notifications, using an ellipsis instead to denote there's more to read*/
    .notification-group__embedded-status__content p {
        display: block;
    }

/* emoji embiggening */
    .edit-indicator__content .emojione,
    .reply-indicator__content .emojione,
    .status__content .emojione {
        height: 1.6rem;
        width: 1.6rem;
    }

    .detailed-status .status__content .emojione {
        height: 2rem;
        width: 2rem;
    }