:root { --bg: #232336; --text: #bdd8ff; --textBold: #97e178; --textMuted: #39aaff; --bgPage: #1f1f2c; --textPage: #39aaff; --textPageBold: #7aa2f7; --textPageMuted: #f6f76a; --bgHead: #292938; --textHead: #5cc9fd; --accent: #fdcd36; --accentText: #ffd147; --accentButton: #414868; --borderColor: #6eb3ec; /* ------------------------------------------------------------------------------- * - replacement heart icons 💙 =================================================== * ------------------------------------------------------------------------------*/ --icon-heart: url("data:image/svg+xml, %0A%3Csvg viewBox='0 0 20 23' color='inherit' width='24' height='22' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23717c9b' d='M16.5 3C19.538 3 22 5.5 22 9c0 7-7.5 11-10 12.5C9.5 20 2 16 2 9c0-3.5 2.5-6 5.5-6C9.36 3 11 4 12 5c1-1 2.64-2 4.5-2zm-3.566 15.604a26.953 26.953 0 0 0 2.42-1.701C18.335 14.533 20 11.943 20 9c0-2.36-1.537-4-3.5-4c-1.076 0-2.24.57-3.086 1.414L12 7.828l-1.414-1.414C9.74 5.57 8.576 5 7.5 5C5.56 5 4 6.656 4 9c0 2.944 1.666 5.533 4.645 7.903c.745.592 1.54 1.145 2.421 1.7c.299.189.595.37.934.572c.339-.202.635-.383.934-.571z'/%3E%3C/svg%3E"); --icon-heart-hover: url("data:image/svg+xml, %0A%3Csvg viewBox='0 0 20 23' color='inherit' width='24' height='22' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23ffaff9' d='M16.5 3C19.538 3 22 5.5 22 9c0 7-7.5 11-10 12.5C9.5 20 2 16 2 9c0-3.5 2.5-6 5.5-6C9.36 3 11 4 12 5c1-1 2.64-2 4.5-2zm-3.566 15.604a26.953 26.953 0 0 0 2.42-1.701C18.335 14.533 20 11.943 20 9c0-2.36-1.537-4-3.5-4c-1.076 0-2.24.57-3.086 1.414L12 7.828l-1.414-1.414C9.74 5.57 8.576 5 7.5 5C5.56 5 4 6.656 4 9c0 2.944 1.666 5.533 4.645 7.903c.745.592 1.54 1.145 2.421 1.7c.299.189.595.37.934.572c.339-.202.635-.383.934-.571z'/%3E%3C/svg%3E"); --icon-heart-active: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 23' width='24' height='22' aria-hidden='true' fill='%23f7f9f9'%3E%3Cg%3E%3Cpath d='M20.884 13.19c-1.351 2.48-4.001 5.12-8.379 7.67l-.503.3-.504-.3c-4.379-2.55-7.029-5.19-8.382-7.67-1.36-2.5-1.41-4.86-.514-6.67.887-1.79 2.647-2.91 4.601-3.01 1.651-.09 3.368.56 4.798 2.01 1.429-1.45 3.146-2.1 4.796-2.01 1.954.1 3.714 1.22 4.601 3.01.896 1.81.846 4.17-.514 6.67z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); --icon-heart-active-red: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 23' width='24' height='22' aria-hidden='true' fill='%23ffaff9'%3E%3Cg%3E%3Cpath d='M20.884 13.19c-1.351 2.48-4.001 5.12-8.379 7.67l-.503.3-.504-.3c-4.379-2.55-7.029-5.19-8.382-7.67-1.36-2.5-1.41-4.86-.514-6.67.887-1.79 2.647-2.91 4.601-3.01 1.651-.09 3.368.56 4.798 2.01 1.429-1.45 3.146-2.1 4.796-2.01 1.954.1 3.714 1.22 4.601 3.01.896 1.81.846 4.17-.514 6.67z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); --icon-heart-notification: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true' fill='%23ffaff9'%3E%3Cg%3E%3Cpath d='M20.884 13.19c-1.351 2.48-4.001 5.12-8.379 7.67l-.503.3-.504-.3c-4.379-2.55-7.029-5.19-8.382-7.67-1.36-2.5-1.41-4.86-.514-6.67.887-1.79 2.647-2.91 4.601-3.01 1.651-.09 3.368.56 4.798 2.01 1.429-1.45 3.146-2.1 4.796-2.01 1.954.1 3.714 1.22 4.601 3.01.896 1.81.846 4.17-.514 6.67z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); --icon-heart-column-link: url("data:image/svg+xml, %0A%3Csvg viewBox='0 0 24 24' color='inherit' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%237aa2f7' d='M16.5 3C19.538 3 22 5.5 22 9c0 7-7.5 11-10 12.5C9.5 20 2 16 2 9c0-3.5 2.5-6 5.5-6C9.36 3 11 4 12 5c1-1 2.64-2 4.5-2zm-3.566 15.604a26.953 26.953 0 0 0 2.42-1.701C18.335 14.533 20 11.943 20 9c0-2.36-1.537-4-3.5-4c-1.076 0-2.24.57-3.086 1.414L12 7.828l-1.414-1.414C9.74 5.57 8.576 5 7.5 5C5.56 5 4 6.656 4 9c0 2.944 1.666 5.533 4.645 7.903c.745.592 1.54 1.145 2.421 1.7c.299.189.595.37.934.572c.339-.202.635-.383.934-.571z'/%3E%3C/svg%3E"); --icon-heart-column-link-active: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true' fill='%23ffaff9'%3E%3Cg%3E%3Cpath d='M20.884 13.19c-1.351 2.48-4.001 5.12-8.379 7.67l-.503.3-.504-.3c-4.379-2.55-7.029-5.19-8.382-7.67-1.36-2.5-1.41-4.86-.514-6.67.887-1.79 2.647-2.91 4.601-3.01 1.651-.09 3.368.56 4.798 2.01 1.429-1.45 3.146-2.1 4.796-2.01 1.954.1 3.714 1.22 4.601 3.01.896 1.81.846 4.17-.514 6.67z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } /*------------------------------------------------------------------------------ * enlarge emoji on hover. ===================================================== ------------------------------------------------------------------------------*/ .custom-emoji:hover { transform: scale(2); transition: all 0.2s ease; position: absolute; background-color: var(--bg); } /*------------------------------------------------------------------------------ * links and nav. ===================================================== ------------------------------------------------------------------------------*/ .column-link { color: #ffaff9; background-color: var(--bg); } .column-link>.icon, .column-link>.icon-with-badge { color: var(--textPageBold); } /*  gear icon and  search icon specifically should be orange */ .column-header__button .icon-sliders, .search__icon .icon-search { color: var(--accent); } /* header icons */ .column-header__title .icon { color: var(--textBold); } /*---------------------------------------------------------- *  public icon should always be blue (except in nav var) ------------------------------------------------------------*/ .dropdown-button .icon-globe, .privacy-dropdown__option__icon .icon-globe, .status__info__icons .icon-globe { color: var(--textPage) !important; } /*------------------------------------ *  quiet icon should always be green --------------------------------------*/ .icon-unlock { color: var(--textBold) !important; } /*------------------------------------------ * profile headers should be purple --------------------------------------------*/ .account__header__bio .account__header__fields dt { color: #927bff !important; text-transform: uppercase; width: auto; } /*------------------------------------------ * profile personal notes should be magenta --------------------------------------------*/ .account__header__account-note__content { color: #f289f9 !important; } /*------------------------------------------ *  followers icon should always be yellow --------------------------------------------*/ .icon-lock { color: var(--textPageMuted) !important; } /*------------------------------------------------ * 󰁥 direct message icon should always be magenta --------------------------------------------------*/ .privacy-dropdown__option__icon .icon-at, .dropdown-button .icon-at, .icon-envelope { color: #f289f9 !important; } /*------------------------------------ * 󰗊 translate should always be white --------------------------------------*/ .dropdown-button .icon-undefined { color: var(--text) !important; } /*---------------------- * hashtag bar ------------------------*/ .hashtag-bar a { background: var(--accentButton); } /*---------------------- * display name ------------------------*/ .account__display-name strong, .status__display-name strong { color: var(--textBold) !important; } /*--------------------------------------------- * compose form for new toot and search bar -----------------------------------------------*/ .autosuggest-textarea__textarea::placeholder, .search__input::placeholder { color: var(--textPageBold) !important; } /*--------------------------------------------- * make the main feed border color cornflower blue -----------------------------------------------*/ .scrollable { border-color: #7aa2f7 !important; } /*----------------------------------------- * make the profile banner a decent size * -----------------------------------------*/ .account__header__image { height: 225px; } .account__header__bar { position: inherit !important; } /*--------------------------------------------- * Hide the original icon from behind -----------------------------------------------*/ .notification-group--favourite > .notification-group__icon > .icon path, .notification-group--favourite .notification__message > .icon path, .notification-favourite .notification__message > .icon path, .column-link > .icon-star path, .icon-button > .icon-star path { display: none; } /* * Heart animation micro-interaction start * --------------------------------------- */ @keyframes heart-animate { 100% { background-position: -2800px; } } /* Left sidebar column links */ .column-link .icon-star { background-image: var(--icon-heart-column-link); } .column-link.active .icon-star { background-image: var(--icon-heart-column-link-active); } .notification-group--favourite .icon-star, .notification-favourite .icon-star { background-image: var(--icon-heart-notification); } .notification__filter-bar .icon-star, .detailed-status__action-bar .icon-button .icon-star, .status__action-bar .icon-button .icon-star { background-image: var(--icon-heart); } .notification__filter-bar .active .icon-star { background-image: var(--icon-heart-active); } .detailed-status__action-bar .active:not(.activated) .icon-star, .status__action-bar .active:not(.activated) .icon-star { background-image: var(--icon-heart-active-red); } .icon-button.star-icon.active, .notification-group--favourite .star-icon, .notification-favourite .star-icon { color: var(--textBold); } .detailed-status__action-bar .icon-button:hover .icon-star, .detailed-status button.icon-button:hover .icon-star, .status button.icon-button:hover .icon-star { background-image: var(--icon-heart-hover); } .no-reduce-motion .icon-button.star-icon { max-height: 23px; max-width: 23px; position: relative; } .status__action-bar .icon-button.star-icon::after { left: -3px; } /* Disable default Mastodon animation: spring-rotate-in 1s linear; */ .layout-single-column.no-reduce-motion .icon-button.star-icon .icon-star { /* stylelint-disable-next-line */ animation: none !important; } /* While active, hide the original icon */ .layout-single-column.no-reduce-motion .icon-button.star-icon.activate:hover .icon-star { /* stylelint-disable-next-line */ content: '' !important; } .layout-single-column.no-reduce-motion .icon-button.star-icon.activate .icon-star { /* stylelint-disable-next-line */ background-image: url(data:image/png;base64,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) !important; background-position: 0px; background-repeat: no-repeat; background-size: unset; /* stylelint-disable-next-line */ content: '' !important; height: 30px; pointer-events: none; transform: scale(.58); width: 70px; } @media (max-width: 890px) { .layout-single-column.no-reduce-motion .icon-button.star-icon.activate .icon-star { top: -40px; } } @media (prefers-reduced-motion: no-preference) { .layout-single-column.no-reduce-motion .icon-button.star-icon.activate .icon-star { /* 28 frames */ /* stylelint-disable-next-line */ animation: heart-animate 0.8s steps(28) forwards !important; } } /* stylelint-disable-next-line */ .layout-single-column.no-reduce-motion .status .icon-button.star-icon.activate .icon-star { left: -28px; } /* If number enabled in core */ /* stylelint-disable-next-line */ /* If number enabled in core */ /* stylelint-disable-next-line */ .layout-single-column.no-reduce-motion .status .icon-button.icon-button--with-counter.star-icon .icon-star { left: 0; margin-top: 1px; position: absolute; } /* stylelint-disable-next-line */ .layout-single-column.no-reduce-motion .status .icon-button.icon-button--with-counter.star-icon.activate .icon-star { left: -40px; margin-top: -1px; position: absolute; } .star-icon.icon-button--with-counter .icon-button__counter { margin-left: 20px; } .animated-number { z-index: 99; } /* stylelint-disable-next-line */ .layout-single-column.no-reduce-motion .detailed-status__action-bar .icon-button.star-icon.activate .icon-star { left: -29px; } @media screen and (max-width: 889px) { /* stylelint-disable-next-line */ .layout-single-column.no-reduce-motion .status .icon-button.star-icon.activate .icon-star { left: -28px; } } /* * -------------------------------------- * Heart animation micro-interaction ends */ /*------------------------------------------------------------------------------ * FOREGROUND COLOR PALETTE ===================================================== ------------------------------------------------------------------------------*/ /*---------------------- base background and text ----------------------*/ /* status columns */ .column>.scrollable, .status, .status__content, .detailed-status, .detailed-status__action-bar, .focusable:focus .detailed-status, .focusable:focus .detailed-status__action-bar, .setting-text, .setting-text:active, .setting-text:focus, .status-direct .status__content .status__content__spoiler-link, /* .column-link, */ .getting-started a.column-link, .getting-started__trends .trends__item__current, .account__header__content, .account__header__bio .account__header__content, .account--panel, .account__header__bar, .account__header__account-note textarea, .follow_requests-unlocked_explanation, .account-authorize, .trends__header, /* new conversations */ .conversation--unread, .conversation__content__names, /* search */ .search__input, .search__input:focus, .search-results .account, .trends__item, .trends__item__name a, .trends__item__current, /* compose form */ /* in reply to */ .reply-indicator, .reply-indicator__display-name, .reply-indicator__content, .reply-indicator__cancel .icon-button.inverted, .reply-indicator__content .status__content__spoiler-link, .compose-form .spoiler-input__input, /* cw */ .compose-form .compose-form__modifiers, /* image uploads */ .compose-form .compose-form__buttons-wrapper, /* buttons */ .compose-form .autosuggest-textarea__textarea::placeholder, .compose-form .spoiler-input__input::placeholder, /* settings page */ .sidebar-wrapper .sidebar-wrapper__inner, .admin-wrapper .sidebar__toggle, /* .admin-wrapper .sidebar-wrapper, */ /* .admin-wrapper .sidebar-wrapper__inner, */ .admin-wrapper .sidebar ul a, .admin-wrapper .sidebar ul a.selected, .admin-wrapper .sidebar ul ul a, /* .admin-wrapper .content h2, .admin-wrapper .content h6, */ .simple_form textarea, .simple_form textarea:active, .simple_form textarea:focus, .simple_form input[type=email], .simple_form input[type=email]:active, .simple_form input[type=email]:focus, .simple_form input[type=number], .simple_form input[type=number]:active, .simple_form input[type=number]:focus, .simple_form input[type=password], .simple_form input[type=password]:active, .simple_form input[type=password]:focus, .simple_form input[type=text], .simple_form input[type=text]:active, .simple_form input[type=text]:focus, .table td, .table th, .table.inline-table>tbody>tr:nth-child(odd)>td, .table.inline-table>tbody>tr:nth-child(odd)>th, .table>tbody>tr:nth-child(odd)>td, .table>tbody>tr:nth-child(odd)>th, .batch-table__row, .batch-table__row:nth-child(2n), .batch-table__row:hover, .column-inline-form label, .dashboard__counters > div > div, .dashboard__counters > div > a, .log-entry, .log-entry__header, /* modals */ .actions-modal, .actions-modal .status, .actions-modal ul li:not(:empty) a, .status.light .display-name strong, .status.light .status__content, .boost-modal, .confirmation-modal, .dropdown-menu, .dropdown-menu__item a, .mute-modal, .block-modal .setting-toggle__label, .mute-modal .setting-toggle__label, .report-modal, .report-modal__statuses .status__content p, .report-modal__comment .setting-toggle__label, .list-editor, .list-editor .drawer__inner, .list-editor .drawer__inner.backdrop, .account__moved-note, .introduction__pager, .introduction__text p, .reactions-bar__item, /* profile cards */ .card__bar, .card>a:active .card__bar, .card>a:focus .card__bar, .card>a:hover .card__bar, .directory__card__bar, .directory__card__extra, .accounts-table__count, .directory__card__img, /* public pages */ #new_user .lead, .landing .hero-widget__footer, .landing .simple_form .user_agreement .label_input > label, .landing .hero-widget h4, .hero-widget__counter, .landing .hero-widget__counter span, .directory__tag > a, .directory__tag > div, .activity-stream .entry, .landing-page #mastodon-timeline, .landing-page #mastodon-timeline p, .landing-page__forms, .landing-page__information, .landing-page li, .landing-page p, /* .directory__tag h4 small, .directory__tag h4 .fa, */ .landing-page .features-list .features-list__row .text, .landing-page .features-list .features-list__row .visual .fa, .landing-page__short-description h1, .landing-page .separator-or span, .box-widget, /* .contact-widget, */ .landing-page__information.contact-widget, .rich-formatting li, .rich-formatting p, .public-layout .public-account-bio .account__header__content, .public-layout .public-account-bio .roles, .public-layout .public-account-bio__extra, .public-layout .public-account-bio, .public-layout .public-account-header__bar::before, .account__header__fields dt, .account__header__fields dd, .hero-widget__text, .load-more, .button.button-secondary, .simple_form__overlay-area__overlay, .landing-page__call-to-action, .public-layout .header, .public-layout .header .nav-link, .public-layout .header .nav-button, .picture-in-picture__footer, .picture-in-picture__header { background: var(--bg); color: var(--text) } /*-------------------- override for bold text --------------------*/ /* primary elements */ .detailed-status__display-name strong, .card__bar .display-name strong, .directory__card__bar .display-name strong, .account__header__tabs__name h1, .account__header__extra__links a strong, .account__action-bar__tab strong, /* profile counters */ .conversation__content__names a, .conversation--unread .conversation__content__relative-time, /* settings page*/ .dashboard__counters__num, .dashboard__counters__text, .log-entry a, .log-entry .username, .log-entry .target, /* public pages */ #new_user .lead strong, .landing-page h3, .landing-page h4, .landing-page em, .landing-page h5, .landing-page h6, .directory__tag h4, .rich-formatting h3, .rich-formatting h4, .public-layout .public-account-header__tabs__tabs .counter .counter-number, .account__header__fields dt { color: var(--textBold) } /*--------------------- override for muted text ---------------------*/ /* secondary elements */ .display-name__account, .account .account__display-name, .card__bar .display-name span, .directory__card__bar .display-name span, .accounts-table__count small, .account__header__tabs__name h1 small, .account__header__extra__links a, .account__header__account-note label, .account__header__account-note textarea::placeholder, .account__header__extra__links, .detailed-status__meta, .status__relative-time, .status__action-bar__counter__label, .status__prepend, .status__prepend .status__display-name strong, .account__moved-note__message, .attachment-list.compact .fa, .account__action-bar__tab>span, .compose-form .icon-button.inverted, .compose-form .text-icon-button, .compose-form .compose-form__buttons-wrapper .character-counter__wrapper .character-counter, .compose-form .autosuggest-textarea__textarea::placeholder, .compose-form .spoiler-input__input::placeholder, .upload-progress, .trends__item__name, .search__input::placeholder, .notification__message, .muted .status__content, .muted .status__content a, .muted .status__content p, .muted .status__display-name strong, .attachment-list__list a, a.table-action-link, .table a.table-action-link, button.table-action-link, .status__wrapper--filtered, .conversation__content__relative-time, /* settings page */ .dashboard__counters__label, .log-entry__timestamp, /* public pages */ .landing-page__short-description h1 small, .landing-page__short-description h1 small span, .simple_form p.hint.subtle-hint, .public-layout .public-account-bio .roles, .public-layout .public-account-bio__extra, .public-layout .public-account-header__tabs__tabs .counter, .load-more, .account__disclaimer { color: var(--textMuted); } /* fix announcement reactions */ .reactions-bar__item__count {color: inherit} /* fix for conversations font weight */ .conversation--unread .conversation__content__info {font-weight: 400} /* fix for border colors */ .account--panel, .account__header__bar, .account__header__bio .account__header__fields, .status, .detailed-status__action-bar, .public-layout .public-account-header__tabs__tabs .counter, .account__header__fields, .account__header__fields dl, .account__header__bio .account__header__fields, .account, .directory__card__extra .account__header__content, .account__section-headline, .notification__filter-bar, .actions-modal .dropdown-menu__separator, .actions-modal .status, .public-layout .public-account-header__extra .public-account-bio .account__header__fields, .account__header__bar .avatar .account__avatar, .account__header__tabs__buttons .icon-button, .public-layout .public-account-header__bar .avatar img, .public-layout .public-account-header__tabs__tabs .counter::after, .tabs-bar__link, .admin-wrapper .sidebar ul a, .admin-wrapper .sidebar ul ul a {border-color: var(--borderColor)} .account__header__account-note, .announcements-list {border-color: transparent} .account__section-headline a.active::after, .account__section-headline button.active::after, .notification__filter-bar a.active::after, .notification__filter-bar button.active::after {border-color: transparent transparent var(--bg)} /*------------------------------------------------------------------------------ * BACKGROUND COLOR PALETTE ===================================================== ------------------------------------------------------------------------------*/ /*---------------------- base background and text ----------------------*/ /* background and drawer */ body.app-body, .ui, .drawer__tab, .drawer__inner, .drawer__inner.darker, .drawer__inner__mastodon, .tabs-bar, .tabs-bar__wrapper, .getting-started, .search-results__section h5, .account__section-headline, .account__section-headline button, .notification__filter-bar, .notification__filter-bar button, .timeline-hint, .introduction, .account__header__image, .account__header__account-note textarea:focus, .flex-spacer, .getting-started, .getting-started__wrapper, /* DMs */ .status.status-direct, .status.status-direct:not(.read), .focusable:focus .status.status-direct, .status-direct .status__content, .notification-favourite .status.status-direct, /* column preferences */ .column-settings__section, .column-header__collapsible, .column-header__collapsible-inner, .column-header__button.active, .setting-meta__label, .setting-toggle__label, .column-subheading, .media-spoiler, .video-player__spoiler, .video-player__spoiler.active:active, .video-player__spoiler.active:focus, .react-toggle-track, .filter-form, /* in reply to */ /* .reply-indicator, .reply-indicator__display-name, .reply-indicator__content, .reply-indicator__cancel .icon-button.inverted, .reply-indicator__content .status__content__spoiler-link, */ /* cw show more */ .status__content .status__content__spoiler-link, .compose__action-bar .icon-button, /* settings page */ .content-wrapper, /* .admin-wrapper .sidebar-wrapper, .admin-wrapper .sidebar-wrapper__inner, .admin-wrapper .sidebar ul a, .admin-wrapper .sidebar ul a.selected, .admin-wrapper .sidebar ul ul a, .admin-wrapper .content h2, .admin-wrapper .content h6, */ /* modals */ .boost-modal__action-bar, .confirmation-modal__action-bar, .mute-modal__action-bar, .confirmation-modal__action-bar .confirmation-modal__cancel-button, .confirmation-modal__action-bar .mute-modal__cancel-button, .mute-modal__action-bar .confirmation-modal__cancel-button, .mute-modal__action-bar .mute-modal__cancel-button, .error-column, .regeneration-indicator, .empty-column-indicator, .report-modal__comment .setting-text, .introduction__text p code, .list-editor .search__input, .announcements__item, /* opengraph previews */ /* .status-card__image, .status-card__content, .status-card__description, */ .button:disabled, /* public pages */ body.theme-default, .button.button-alternative, .button.button-alternative-2, .nothing-here, /* .brand__tagline, */ .table-of-contents, .landing .simple_form textarea, .landing .simple_form textarea:active, .landing .simple_form textarea:focus, .landing .simple_form input[type=email], .landing .simple_form input[type=email]:active, .landing .simple_form input[type=email]:focus, .landing .simple_form input[type=number], .landing .simple_form input[type=number]:active, .landing .simple_form input[type=number]:focus, .landing .simple_form input[type=password], .landing .simple_form input[type=password]:active, .landing .simple_form input[type=password]:focus, .landing .simple_form input[type=text], .landing .simple_form input[type=text]:active, .landing .simple_form input[type=text]:focus { background: var(--bgPage); color: var(--textPage) } /*-------------------- override for bold text --------------------*/ /* strong elements */ .navigation-bar strong, .status-card__title, .status-direct .display-name strong, .reply-indicator__display-name strong, .admin-wrapper .content>p strong, .simple_form strong, .regeneration-indicator__label strong, .account__section-headline a.active, .account__section-headline button.active, .notification__filter-bar a.active, .notification__filter-bar button.active, /* public pages */ .information-board__section, .information-board__section span:last-child, .endorsements-widget .display-name__html, .endorsements-widget h4, .pagination .page, .pagination .gap, .pagination .newer, .pagination .older, .pagination a { color: var(--textPageBold) } /*--------------------- override for muted text ---------------------*/ /* de-emphasized elements */ .navigation-bar, .navigation-panel hr, .getting-started, .getting-started p, .getting-started__footer p, .column-subheading, .account__section-headline a, .status-direct .icon-button, .status-direct .display-name, .status-direct .status__relative-time, .status-direct .status__action-bar__counter__label, .status-direct.muted .status__content p, .status-direct.muted .status__content a, .status-direct.muted .display-name strong, .notification-favourite .status.status-direct .icon-button.disabled, .simple_form p.hint, .simple_form span.hint, .admin-wrapper .content .muted-hint, .admin-wrapper .content>p, .status-card__host, .button:disabled, .loading-indicator, .list-editor .search__input::placeholder, /* settings page */ body .neutral-hint, .admin-wrapper .content .neutral-hint, /* public pages */ .endorsements-widget .display-name__account, .public-layout .footer h4, .public-layout .footer ul a, .public-layout .footer ul li, .public-layout .footer .grid .column-2 h4 a, .public-layout .header .nav-button, /* log in, sign up, forgot passwd */ .form-footer a, .lighter .simple_form p.hint.subtle-hint { color: var(--textPageMuted) } /* border color fix */ .status.status-direct:not(.read), .table-of-contents li a {border-color: var(--textPageMuted)} /*------------------------------------------------------------------------------ * HIGHLIGHTS COLOR PALETTE ===================================================== ------------------------------------------------------------------------------*/ /* scrollbar fix */ html {scrollbar-color: var(--bg) var(--bgPage)} ::-webkit-scrollbar-thumb {background: var(--bg)} ::-webkit-scrollbar-thumb:hover {background: var(--accent)} ::-webkit-scrollbar-track:hover {background: rgba(0,0,0,0.2)} /*------------------ headers and warnings ------------------*/ /* columns view */ .column-header, .column-header__back-button, .column-header__button:hover, .column-header__back-button:hover, .column-back-button, .column-header>.column-header__back-button, .column-header.active .column-header__icon, .search-results__header, .keyboard-shortcuts kbd, .compose-form__warning, .compose-form .compose-form__warning, .react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track, .column-link__badge, .column-link--transparent.active, /* settings pages */ .list-editor h4, /* .admin-wrapper .content h4, */ .admin-wrapper .sidebar ul ul a.selected, .flash-message, .flash-message.notice, .column-inline-form, .column-inline-form .icon-button, .simple_form .warning, .table-form .warning, .pagination .current, .account-role, .batch-table__toolbar { background: var(--bgHead); color: var(--textHead) } /*-------------- accented buttons --------------*/ /* primary buttons */ .directory__tag > a:hover, .directory__tag > a:active, .directory__tag > a:focus, .button, .button:active, .button:focus, .button:hover, .icon-button.overlayed:hover, .floating-action-button, .simple_form button, .simple_form button:active, .simple_form button:focus, .simple_form button:hover, .simple_form .button, .simple_form .button:active, .simple_form .button:focus, .simple_form .button:hover, .simple_form .block-button, .simple_form .block-button:active, .simple_form .block-button:focus, .simple_form .block-button:hover, .button.button-alternative:hover, .button.button-alternative-2:hover, .column-link:hover, .getting-started a.column-link:hover, .column-header__button:hover, .column-header__button.active:hover, .column-header__back-button:hover, .column-back-button:hover, .drawer__header a:hover, .react-toggle--checked .react-toggle-track, .react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track, .privacy-dropdown.active .privacy-dropdown__value.active, .privacy-dropdown__option:hover, .privacy-dropdown__option.active, .privacy-dropdown__option.active:hover, .admin-wrapper .sidebar ul a:hover, .admin-wrapper .sidebar ul ul a.selected:hover, .reply-indicator__content .status__content__spoiler-link:hover, .status__content .status__content__spoiler-link:hover, .load-more:hover, .conversation__unread, a.status-card:hover, a.status-card.compact:hover, /* modals */ .confirmation-modal__action-bar .confirmation-modal__cancel-button:active, .confirmation-modal__action-bar .confirmation-modal__cancel-button:focus, .confirmation-modal__action-bar .confirmation-modal__cancel-button:hover, .confirmation-modal__action-bar .mute-modal__cancel-button:active, .confirmation-modal__action-bar .mute-modal__cancel-button:focus, .confirmation-modal__action-bar .mute-modal__cancel-button:hover, .dropdown-menu__item a:active, .dropdown-menu__item a:focus, .dropdown-menu__item a:hover, .mute-modal__action-bar .confirmation-modal__cancel-button:active, .mute-modal__action-bar .confirmation-modal__cancel-button:focus, .mute-modal__action-bar .confirmation-modal__cancel-button:hover, .mute-modal__action-bar .mute-modal__cancel-button:active, .mute-modal__action-bar .mute-modal__cancel-button:focus, .mute-modal__action-bar .mute-modal__cancel-button:hover, .upload-progress__tracker, .radio-button__input.checked, /* public pages */ .public-layout .header .nav-button:hover, .public-layout .header .brand:active, .public-layout .header .brand:focus, .public-layout .header .brand:hover, .button.button-secondary:hover, .button.logo-button, .button.logo-button:hover, /* settings pages */ .pagination .page.current:hover, .introduction__dot.active, .dashboard__counters > div > a:hover, .dashboard__counters > div > a:focus, .dashboard__counters > div > a:active, .dashboard__counters > div > a:hover .dashboard__counters__label, .dashboard__counters > div > a:focus .dashboard__counters__label, .dashboard__counters > div > a:active .dashboard__counters__label, /* video player ui */ .video-player__seek__buffer, .video-player__seek__progress, .video-player__volume__current, .video-player__volume__handle, /* announcements */ .icon-with-badge__badge, .announcements__item__unread, .reactions-bar__item:hover { background: var(--accentButton); color: var(--accentText); } /*------------ accented links ------------*/ /* status links */ .status__content a, .status__content a.unhandled-link, .getting-started a, .getting-started p a, .getting-started__footer a, .getting-started__footer p a, .reply-indicator__content a, .reply-indicator__content a.unhandled-link, .reply-indicator__cancel .icon-button.inverted:hover, .status__content__read-more-button, /* .icon-button.active, .icon-button:focus, .icon-button:hover, */ .account__header__bio .account__header__fields a, .notification-follow .account .icon-button:hover, .notification__message .fa, .notification__display-name:hover, .admin-wrapper .content .muted-hint a, .table a, a.table-action-link:hover, button.table-action-link:hover, .media-spoiler:active, .media-spoiler:focus, .media-spoiler:hover, .video-player__spoiler.active:hover, .column-header__setting-btn:hover, .column-inline-form .icon-button:hover, .empty-column-indicator a, .error-column a, .timeline-hint a, /* post options */ .compose-form .text-icon-button:hover, .text-icon-button.active, .drawer__inner .icon-button:hover, .icon-button.inverted.active.disabled, .navigation-bar__profile-edit:hover, .navigation-bar__profile-account:hover, .account__action-bar-dropdown .icon-button:hover, .account__section-headline a:hover, .compose-form .compose-form__warning a, /* modals */ .list-editor .account .icon-button:hover, .list-editor .account .icon-button:active, .list-editor .account .icon-button:focus, /* public pages */ .simple_form .input.boolean label a, .landing-page__short-description p a, .landing-page #mastodon-timeline p a, .simple_form p.hint.subtle-hint a, .contact-widget__mail a, .public-layout .footer ul a:hover, .public-layout .footer .grid .column-2 h4 a:hover, .public-layout .public-account-bio .account__header__fields a, .form-footer a:hover, /* settings pages */ .pagination a:hover, .pagination .newer:hover, .pagination .older:hover, .filters .filter-subset a.selected, .simple_form .hint a, /* mobile elements */ .tabs-bar__link.active { color: var(--accent); } /* mobile elements */ .tabs-bar__link.active { /* highlight */ border-color: var(--accent); } .tabs-bar__link:hover { background: var(--accent); border-bottom-color: var(--accent); } /* border fix */ .react-toggle--checked .react-toggle-thumb, .radio-button__input.checked, .icon-with-badge__badge, .filters .filter-subset a.selected, .introduction__dot, .public-layout .public-account-header__tabs__tabs .counter.active::after, .notification.unread::before, .status__wrapper.unread::before {border-color: var(--accent)} /* trends fix */ .trends__item__sparkline path:first-child {fill: transparent !important} .trends__item__sparkline path:last-child {stroke: var(--accent) !important} /* focus fix */ /* .focusable:focus { background: transparent; border: 2px solid var(--accent); } */ .rules-list { background: none; border: none; } .rules-list li { border-color: var(--bgHead); } .compose-panel .compose-form__autosuggest-wrapper { background-color: rgba(0,0,0,0); } .simple_form input[type=email]:active, .simple_form input[type=email]:focus, .simple_form input[type=number]:active, .simple_form input[type=number]:focus, .simple_form input[type=password]:active, .simple_form input[type=password]:focus, .simple_form input[type=text]:active, .simple_form input[type=text]:focus, .simple_form input[type=url]:active, .simple_form input[type=url]:focus, .simple_form textarea:active, .simple_form textarea:focus { border-color: var(--accent); } .page-header { background: var(--accentButton); } .button.logo-button:active, .button.logo-button:focus, .button.logo-button:hover { background: var(--accent); } .loading-bar { background-color: var(--accent); } .ui, .landing-page, .public-layout { background-image: url("https://cdn-rpgradio.nyc3.digitaloceanspaces.com/bg/Yume-Nikki/pantsu-ripper/tumblr_p4naelE9J51s53g98o1_640.png"); background-size: cover; background-position: center; background-attachment: fixed; } .public-layout { margin-top: -10px; } .public-account-header { background: var(--bg); border-radius: 4px; } .status-card, .status-card.compact { border-color: var(--bgHead); } .simple_form select { background-color: var(--bg); } .public-layout .public-account-header__bar { background: none; } .column-list { border-color: var(--borderColor); background: var(--bgPage); } /* highlight missing alt text */ .media-gallery__item-thumbnail img:not([alt]), .media-gallery__item-thumbnail img[alt|=""], .audio-player__canvas:not([aria-label]), .audio-player__canvas[aria-label|=""], .video-player video:not([aria-label]), .video-player video[aria-label|=""], .media-gallery__gifv video:not([aria-label]), .media-gallery__gifv video[aria-label|=""] { border: medium dashed rgba(255, 0, 0, 0.75); box-sizing: border-box; }