/* Dark scheme adjustments for images that carry their own colours (colours themselves live in tokens.css). */
[data-scheme="dark"] :is(.app-sidebar__logo, .app-sidebar__logo-ico):where(.app-shell, .app-shell *, .sensever-avatar, .sensever-avatar *, .avatar, .avatar *, .member-avatar, .member-avatar *, .thread-list-avatar, .thread-list-avatar *, .thread-info, .thread-info *, .people-picker, .people-picker *, .reader-layout, .reader-layout *, .post-card, .post-card *, .channel-page, .channel-page *, .community-dialog, .community-dialog *, .projects-page, .projects-page *, .mobile-profile-avatar, .mobile-profile-avatar *, .feed-page, .feed-page *) { filter: invert(1) hue-rotate(180deg); }
[data-scheme="dark"] img[src$="/logo-chat.svg"]:where(.app-shell, .app-shell *, .sensever-avatar, .sensever-avatar *, .avatar, .avatar *, .member-avatar, .member-avatar *, .thread-list-avatar, .thread-list-avatar *, .thread-info, .thread-info *, .people-picker, .people-picker *, .reader-layout, .reader-layout *, .post-card, .post-card *, .channel-page, .channel-page *, .community-dialog, .community-dialog *, .projects-page, .projects-page *, .mobile-profile-avatar, .mobile-profile-avatar *, .feed-page, .feed-page *), [data-scheme="dark"] img[src$="/logo-chat-ico.svg"]:where(.app-shell, .app-shell *, .sensever-avatar, .sensever-avatar *, .avatar, .avatar *, .member-avatar, .member-avatar *, .thread-list-avatar, .thread-list-avatar *, .thread-info, .thread-info *, .people-picker, .people-picker *, .reader-layout, .reader-layout *, .post-card, .post-card *, .channel-page, .channel-page *, .community-dialog, .community-dialog *, .projects-page, .projects-page *, .mobile-profile-avatar, .mobile-profile-avatar *, .feed-page, .feed-page *) { filter: invert(1) hue-rotate(180deg); }
/* The checked tick is a white SVG: keep its box a saturated blue in dark mode. */
[data-scheme="dark"] .people-picker .people-picker__row[aria-selected="true"] .people-picker__check { border-color: #2f7fe0; background-color: #2f7fe0; }
/* Overscroll and the area behind translucent bars follow the scheme. */
html { background-color: var(--bg); }
/* Avatars and logos with an image always sit on white, in both schemes: many logos are dark marks on
   a transparent background. Letter avatars keep their own colours. */
:is(.sensever-avatar, .avatar, .member-avatar, .thread-list-avatar, .thread-info__avatar, .people-picker__avatar, .reader-comment-avatar, .post-page__space-photo, .post-page__space-autors-photo, .post-card__channel-photo, .channel-page__bio-avatar, .community-avatar-editor, .project-logo-editor, .mobile-profile-avatar, .feed-channel-avatar):has(> img):where(.app-shell, .app-shell *, .sensever-avatar, .sensever-avatar *, .avatar, .avatar *, .member-avatar, .member-avatar *, .thread-list-avatar, .thread-list-avatar *, .thread-info, .thread-info *, .people-picker, .people-picker *, .reader-layout, .reader-layout *, .post-card, .post-card *, .channel-page, .channel-page *, .community-dialog, .community-dialog *, .projects-page, .projects-page *, .mobile-profile-avatar, .mobile-profile-avatar *, .feed-page, .feed-page *) { background: #fff !important; }
.channel-page .channel-page__bio-avatar:has(> img) { background: #fff !important; }