Last active
May 1, 2024 21:19
-
-
Save ltrademark/cc7e1db524c0043cfdb26265514165fc to your computer and use it in GitHub Desktop.
a Vencord theme
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * @name Discord Gnome | |
| * @author @Ltrademark | |
| * @version 1.0.0 | |
| * @description A gnome-like theme, adapted from another CSS file i found online. This is mostly used for testing purposes with Vencord. | |
| */ | |
| .theme-light, | |
| .theme-dark { | |
| --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94); | |
| --backdrop_transition: 200ms ease-out; | |
| --focus_transition: outline-color 200ms var(--ease-out-quad), | |
| outline-width 200ms var(--ease-out-quad), | |
| outline-offset 200ms var(--ease-out-quad); | |
| --button_transition: background 200ms var(--ease-out-quad), | |
| box-shadow 200ms var(--ease-out-quad); | |
| --button_radius: 6px; | |
| --card_radius: calc(var(--button_radius) + 6px); | |
| --menu_radius: 6px; | |
| --menu_margin: 6px; | |
| --menu_padding: 12px; | |
| --window_radius: calc(var(--button_radius) + 6px); | |
| --popover_radius: var(--window_radius); | |
| /* found in _colors.scss */ | |
| --osd_bg_color: rgba(0, 0, 0, 0.7); | |
| --osd_fg_color: rgba(255, 255, 255, 0.9); | |
| --banner-bg: color-mix( | |
| in srgb, | |
| var(--accent_bg_color) 30%, | |
| var(--window_bg_color) | |
| ); | |
| --switch-transition: 100ms; | |
| --popover_shadow: 0 1px 5px 1px color-mix(in srgb, black 9%, transparent), | |
| 0 2px 14px 3px color-mix(in srgb, black 5%, transparent); | |
| --backdrop: color-mix(in srgb, black 25%, transparent); | |
| --dim-level-opacity: 50%; | |
| --headerbar-height: 46px; | |
| --icon-button-size: 34px; | |
| --close-button-size: 24px; | |
| --close-button-pos: 12px; | |
| --settings-dialog-size: 80%; | |
| --sidebar-width: 263px; | |
| --content-width: 575px; | |
| --p: calc((100% - var(--settings-dialog-size)) / 2); | |
| /** Discord vars **/ | |
| --background-primary: var(--window_bg_color) !important; | |
| --background-secondary: var(--secondary_sidebar_bg_color) !important; | |
| --background-secondary-alt: var(--secondary_sidebar_bg_color) !important; | |
| --background-tertiary: var(--sidebar_bg_color) !important; | |
| --background-floating: var(--popover_bg_color) !important; | |
| --background-modifier-hover: color-mix( | |
| in srgb, | |
| currentColor var(--bg-hover-percentage), | |
| transparent | |
| ) !important; | |
| --background-modifier-active: color-mix( | |
| in srgb, | |
| currentColor var(--bg-active-percentage), | |
| transparent | |
| ) !important; | |
| --background-modifier-selected: color-mix( | |
| in srgb, | |
| currentColor var(--bg-selected-percentage), | |
| transparent | |
| ) !important; | |
| --background-modifier-accent: color-mix( | |
| in srgb, | |
| var(--window_fg_color) var(--separator-percentage), | |
| var(--window_bg_color) | |
| ) !important; | |
| --background-message-hover: var(--sidebar_bg_color) !important; | |
| --background-mentioned: color-mix( | |
| in srgb, | |
| var(--warning_bg_color) 10%, | |
| transparent | |
| ) !important; | |
| --background-mentioned-hover: color-mix( | |
| in srgb, | |
| var(--warning_bg_color) 20%, | |
| transparent | |
| ) !important; | |
| --background-message-highlight: color-mix( | |
| in srgb, | |
| var(--accent_bg_color) 10%, | |
| transparent | |
| ) !important; | |
| --background-message-highlight-hover: color-mix( | |
| in srgb, | |
| var(--accent_bg_color) 20%, | |
| transparent | |
| ) !important; | |
| --home-background: var(--window_bg_color) !important; | |
| --modal-background: var(--background-primary) !important; | |
| --modal-footer-background: transparent !important; | |
| --text-danger: var(--destructive_color) !important; | |
| --text-link: var(--accent_color) !important; | |
| --text-muted: var(--window_fg_muted) !important; | |
| --text-normal: var(--window_fg_color) !important; | |
| --text-positive: var(--success_color) !important; | |
| --text-primary: var(--window_fg_color) !important; | |
| --text-secondary: var(--window_fg_muted) !important; | |
| --text-warning: var(--warning_color) !important; | |
| --header-primary: var(--window_fg_color) !important; | |
| --header-secondary: var(--window_fg_color) !important; | |
| --header-muted: var(--window_fg_color) !important; | |
| --interactive-normal: var(--window_fg_color) !important; | |
| --interactive-active: var(--window_fg_color) !important; | |
| --interactive-hover: var(--window_fg_color) !important; | |
| --interactive-muted: var(--window_fg_muted) !important; | |
| --channel-text-area-placeholder: var(--text-muted) !important; | |
| --channel-icon: var(--text-muted) !important; | |
| --channels-default: var(--window_fg_color) !important; | |
| --embed-title: var(--window_fg_color) !important; | |
| --status-danger: var(--destructive_color) !important; | |
| --status-dnd: var(--destructive_color) !important; | |
| --status-idle: var(--warning_color) !important; | |
| --status-offline: var(--text-muted) !important; | |
| --status-online: var(--success_color) !important; | |
| --status-positive: var(--success_color) !important; | |
| --status-positive-background: var(--success_color) !important; | |
| --status-positive-text: var(--window_fg_color) !important; | |
| --status-speaking: var(--success_color) !important; | |
| --status-warning: var(--warning_color) !important; | |
| --status-warning-background: var(--warning_bg_color) !important; | |
| --status-warning-text: var(--warning_fg_color) !important; | |
| --search-popout-option-fade: none !important; | |
| --search-popout-option-fade-hover: none !important; | |
| --brand-experiment: var(--accent_color) !important; | |
| --custom-standard-sidebar-view-sidebar-total-width: var( | |
| --sidebar-width | |
| ) !important; | |
| --custom-margin-margin-x-small: 16px !important; | |
| --custom-margin-margin-small: 16px !important; | |
| --custom-margin-margin-medium: 16px !important; | |
| --custom-margin-margin-large: 16px !important; | |
| --custom-margin-margin-x-large: 16px !important; | |
| --elevation-stroke: 0 0 0 1px var(--window_border_color) !important; | |
| --elevation-low: 0 1px | |
| color-mix(in srgb, var(--headerbar_shade_color) 50%, transparent), | |
| 0 2px 4px color-mix(in srgb, var(--headerbar_shade_color) 50%, transparent) !important; | |
| --elevation-medium: 0 0 0 1px color-mix(in srgb, black 3%, transparent), | |
| 0 1px 3px 1px color-mix(in srgb, black 7%, transparent), | |
| 0 2px 6px 2px color-mix(in srgb, black 3%, transparent) !important; | |
| --elevation-high: 0 1px 3px 3px transparent, | |
| 0 2px 8px 2px color-mix(in srgb, black 13%, transparent), | |
| 0 3px 20px 10px color-mix(in srgb, black 9%, transparent), | |
| 0 6px 32px 16px color-mix(in srgb, black 4%, transparent), | |
| 0 0 0 1px color-mix(in srgb, black 5%, transparent) !important; | |
| --legacy-elevation-low: var(--elevation-low) !important; | |
| --legacy-elevation-high: var(--elevation-high) !important; | |
| --legacy-elevation-border: var(--elevation-stroke) !important; | |
| --radius-xs: 6px !important; | |
| --radius-sm: 8px !important; | |
| --radius-md: 12px !important; | |
| --radius-lg: 16px !important; | |
| --radius-xl: 18px !important; | |
| --radius-xxl: 32px !important; | |
| --font-primary: "Hack", monospace !important; | |
| --font-display: var(--font-primary); | |
| --font-headline: var(--font-primary); | |
| --font-code: var(--font-primary); | |
| @media (prefers-reduced-motion) { | |
| --backdrop_transition: none; | |
| --button_transition: none; | |
| --focus_transition: none; | |
| --switch-transition: none; | |
| } | |
| } | |
| .theme-light { | |
| --accent_color: #1155ee; | |
| --accent_bg_color: var(--accent_color); | |
| --accent_fg_color: #ffffff; | |
| --destructive_color: #c01c28; | |
| --destructive_bg_color: #e01b24; | |
| --destructive_fg_color: #ffffff; | |
| --success_color: #1b8553; | |
| --success_bg_color: #2ec27e; | |
| --success_fg_color: #ffffff; | |
| --warning_color: #9c6e03; | |
| --warning_bg_color: #e5a50a; | |
| --warning_fg_color: rgba(0, 0, 0, 0.8); | |
| --error_color: #c01c28; | |
| --error_bg_color: #e01b24; | |
| --error_fg_color: #ffffff; | |
| --window_bg_color: #fafafa; | |
| --window_fg_color: #2e2e2e; | |
| --view_bg_color: #ffffff; | |
| --view_fg_color: rgba(0, 0, 0, 0.8); | |
| --headerbar_bg_color: #ffffff; | |
| --headerbar_fg_color: rgba(0, 0, 0, 0.8); | |
| --headerbar_border_color: rgba(0, 0, 0, 0.8); | |
| --headerbar_backdrop_color: #fafafa; | |
| --headerbar_shade_color: rgba(0, 0, 0, 0.12); | |
| --headerbar_darker_shade_color: rgba(0, 0, 0, 0.12); | |
| --sidebar_bg_color: #ebebeb; | |
| --sidebar_fg_color: rgba(0, 0, 0, 0.8); | |
| --sidebar_backdrop_color: #f2f2f2; | |
| --sidebar_border_color: rgba(0, 0, 0, 0.07); | |
| --sidebar_shade_color: rgba(0, 0, 0, 0.07); | |
| --secondary_sidebar_bg_color: #f3f3f3; | |
| --secondary_sidebar_fg_color: rgba(0, 0, 0, 0.8); | |
| --secondary_sidebar_backdrop_color: #f6f6f6; | |
| --secondary_sidebar_border_color: rgba(0, 0, 0, 0.07); | |
| --secondary_sidebar_shade_color: rgba(0, 0, 0, 0.07); | |
| --card_bg_color: #ffffff; | |
| --card_fg_color: rgba(0, 0, 0, 0.8); | |
| --card_shade_color: rgba(0, 0, 0, 0.07); | |
| --thumbnail_bg_color: #ffffff; | |
| --thumbnail_fg_color: rgba(0, 0, 0, 0.8); | |
| --dialog_bg_color: #fafafa; | |
| --dialog_fg_color: rgba(0, 0, 0, 0.8); | |
| --popover_bg_color: #ffffff; | |
| --popover_fg_color: rgba(0, 0, 0, 0.8); | |
| --popover_shade_color: rgba(0, 0, 0, 0.07); | |
| } | |
| .theme-dark { | |
| --accent_color: #417BFF; | |
| --accent_bg_color: var(--accent_color); | |
| --accent_fg_color: #ffffff; | |
| --destructive_color: #ff7b63; | |
| --destructive_bg_color: #c01c28; | |
| --destructive_fg_color: #ffffff; | |
| --success_color: #8ff0a4; | |
| --success_bg_color: #26a269; | |
| --success_fg_color: #ffffff; | |
| --warning_color: #f8e45c; | |
| --warning_bg_color: #cd9309; | |
| --warning_fg_color: rgba(0, 0, 0, 0.8); | |
| --error_color: #ff7b63; | |
| --error_bg_color: #c01c28; | |
| --error_fg_color: #ffffff; | |
| --window_bg_color: #000000; | |
| --window_fg_color: #ffffff; | |
| --view_bg_color: #1e1e1e; | |
| --view_fg_color: #ffffff; | |
| --headerbar_bg_color: #303030; | |
| --headerbar_fg_color: #ffffff; | |
| --headerbar_border_color: #ffffff; | |
| --headerbar_backdrop_color: #242424; | |
| --headerbar_shade_color: rgba(0, 0, 0, 0.36); | |
| --headerbar_darker_shade_color: rgba(0, 0, 0, 0.9); | |
| --sidebar_bg_color: #121212; | |
| --sidebar_fg_color: #ffffff; | |
| --sidebar_backdrop_color: #2a2a2a; | |
| --sidebar_border_color: rgba(0, 0, 0, 0.36); | |
| --sidebar_shade_color: rgba(0, 0, 0, 0.25); | |
| --secondary_sidebar_bg_color: #2a2a2a; | |
| --secondary_sidebar_fg_color: #ffffff; | |
| --secondary_sidebar_backdrop_color: #272727; | |
| --secondary_sidebar_border_color: rgba(0, 0, 0, 0.36); | |
| --secondary_sidebar_shade_color: rgba(0, 0, 0, 0.25); | |
| --card_bg_color: rgba(255, 255, 255, 0.08); | |
| --card_fg_color: #ffffff; | |
| --card_shade_color: rgba(0, 0, 0, 0.36); | |
| --thumbnail_bg_color: #383838; | |
| --thumbnail_fg_color: #ffffff; | |
| --dialog_bg_color: #383838; | |
| --dialog_fg_color: #ffffff; | |
| --popover_bg_color: #383838; | |
| --popover_fg_color: #ffffff; | |
| --popover_shade_color: rgba(0, 0, 0, 0.25); | |
| } | |
| /* CUSTOM colour override */ | |
| .theme-light { | |
| --bg-selected-percentage: 7.5%; | |
| --bg-active-percentage: 13.75%; | |
| --bg-hover-percentage: 4.75%; | |
| --separator-percentage: 21.75%; | |
| --window_border_color: #d4d4d4; | |
| --window_fg_muted: #909090; | |
| --selection-bg: #b4cce9; | |
| --card_bg_hover_color: #f9f9f9; | |
| --card_bg_active_color: #efefef; | |
| } | |
| .theme-dark { | |
| --bg-selected-percentage: 7.5%; | |
| --bg-active-percentage: 13.75%; | |
| --bg-hover-percentage: 4.75%; | |
| --separator-percentage: 13.25%; | |
| --window_border_color: #333; | |
| --window_fg_muted: #959595; | |
| --selection-bg: #344c69; | |
| --card_bg_hover_color: color-mix( | |
| in srgb, | |
| var(--window_fg_color) 11%, | |
| transparent | |
| ); | |
| --card_bg_active_color: color-mix( | |
| in srgb, | |
| var(--window_fg_color) 15.5%, | |
| transparent | |
| ); | |
| } | |
| * { | |
| font-weight: 500 !important; | |
| scrollbar-width: none !important; | |
| } | |
| strong { | |
| font-weight: 700 !important; | |
| } | |
| ::selection { | |
| background-color: var(--selection-bg) !important; | |
| } | |
| [class*="sectionDivider_"], | |
| #channels > ul > [role="button"], /* "Browser channels" */ | |
| [class*="privateChannelsHeaderContainer_"], /* what is this used for ? */ | |
| [aria-label="Direct Messages"] > :is(:nth-child(3), :nth-child(4)), /* Nitro */ | |
| [aria-label="Open sticker picker"], /* No idea what icon, and it's pretty useless anyway */ | |
| [href="https://support.discord.com"] | |
| { | |
| display: none !important; | |
| } | |
| #app-mount { | |
| color: var(--window_fg_color); | |
| border: 1px solid var(--window_border_color); | |
| border-radius: var(--window_radius); | |
| width: calc(100% - 2px) !important; | |
| height: calc(100% - 2px) !important; | |
| } | |
| [class*="titleBar_"] { | |
| position: fixed; | |
| top: 12px; | |
| right: 12px; | |
| height: unset; | |
| & > :not([class*="winButtonClose_"]) { | |
| display: none; | |
| } | |
| } | |
| /* headers */ | |
| [data-text-variant] { | |
| text-transform: none !important; | |
| } | |
| [class*="username_"], | |
| [class*="displayedNick_"], | |
| [class*="activityName_"], | |
| [class*="panelTitleContainer_"] > div, | |
| [class*="privateChannels_"]::before, | |
| [href^="/channels/@me"] [class*="name_"], | |
| [class*="peopleListItem_"] [class*="username_"], | |
| [class*="peopleColumn_"] h2, | |
| [class*="membersGroup_"] > span, | |
| [data-text-variant^="text-md"], | |
| [class*="eyebrow_"]:not([class*="numberBadge_"]), | |
| [class*="h1_"], | |
| [class*="h2_"], | |
| [class*="h3_"], | |
| [class*="h4_"], | |
| [class*="h5_"], | |
| [class*="h6_"] { | |
| font-weight: 700 !important; | |
| font-size: 15px !important; | |
| text-transform: none !important; | |
| letter-spacing: 0 !important; | |
| } | |
| [class*="eyebrow_"]:not([class*="numberBadge_"]), | |
| [class*="h1_"], | |
| [class*="h2_"], | |
| [class*="h3_"], | |
| [class*="h4_"], | |
| [class*="h5_"], | |
| [class*="h6_"] { | |
| margin-bottom: 16px !important; | |
| } | |
| [class*="panelTitleContainer_"] > div, | |
| [class*="membersGroup_"] { | |
| color: var(--window_fg_color) !important; | |
| } | |
| /* .title-1 */ | |
| [class*="flexChild_"][direction^="vertical_"] > :first-child, /* TODO: Placeholder header seems to be larger */ | |
| [class*="markup_"] :is(h1, h2, h3) *, | |
| [class*="embedProvider_"]>*, | |
| [data-text-variant^="heading-lg"], | |
| [data-text-variant^="heading-x"] { | |
| font-weight: 800 !important; | |
| font-size: 20px !important; | |
| } | |
| /* .title-2 */ | |
| [class*="sidebar_"] h2, | |
| [class*="titleWrapper_"] > h1 > div, /* Special case for DMs */ | |
| [class*="embedAuthor_"] *, | |
| [class*="searchResultsWrap_"] [class*="channelNameText_"] > span, | |
| [data-text-variant^="heading-md"] { | |
| font-weight: 800 !important; | |
| font-size: 15px !important; | |
| } | |
| /* .title-4 */ | |
| [class*="embedTitle_"] > *, | |
| [class*="resultsGroup_"] > [class*="header_"], | |
| [class*="flexChild_"][direction^="vertical_"] > :last-child:not(:only-child), | |
| [data-text-variant^="heading-deprecated-12"], | |
| [data-text-variant^="heading-sm"] { | |
| font-weight: 700 !important; | |
| font-size: 13px !important; | |
| text-transform: none !important; | |
| letter-spacing: 0 !important; | |
| } | |
| [class*="flexChild_"][direction^="vertical_"] { | |
| & > * { | |
| color: var(--window_fg_color); | |
| text-transform: unset; | |
| } | |
| & > :last-child:not(:only-child) { | |
| font-size: 14px; | |
| } | |
| [class*="text_"] { | |
| margin-top: 8px; | |
| } | |
| } | |
| [class*="labelRow_"] [class*="title_"] { | |
| font-size: 15px; | |
| margin-right: 8px; | |
| } | |
| /* .caption */ | |
| [class*="playTime_"], | |
| [class*="cozy_"] [class*="timestamp_"], | |
| [class*="peopleListItem_"] [class*="subtext_"] > *, | |
| [class*="title_"] [class*="topic_"], | |
| [data-list-id="chat-messages"] [role="separator"] > span, | |
| [class*="searchResultChannelCategory_"], | |
| [class*="displayUsername_"], | |
| [data-text-variant^="text-sm"], | |
| [data-text-variant^="text-xs"], | |
| [class*="subText_"], | |
| [class*="description_"] { | |
| color: var(--window_fg_muted) !important; | |
| font-weight: 400 !important; | |
| font-size: 9pt !important; | |
| } | |
| [class*="note_"] { | |
| margin: 0 !important; | |
| margin-right: 48px !important; | |
| } | |
| [class*="sidebar_"] h2 { | |
| margin: auto !important; | |
| } | |
| /* links */ | |
| [class*="anchor_"][href] { | |
| color: var(--accent_color) !important; | |
| text-decoration: underline !important; | |
| transition: var(--backdrop_transition); | |
| } | |
| /* buttons */ | |
| [role="button"][aria-haspopup], | |
| [class*="searchResultsWrap_"] [class*="buttonsContainer_"] > div, | |
| [class*="jumpButton_"], | |
| [class*="mentionButton_"], | |
| [class*="barButtonAlt_"], | |
| [aria-roledescription="Open Thread Button"], | |
| [class*="button_"][class*="size" i]:not([class*="size32_"]) { | |
| --banner-bg: var(--window_bg_color); | |
| --percentage: 10%; | |
| background-color: color-mix( | |
| in srgb, | |
| currentColor var(--percentage), | |
| var(--banner-bg) | |
| ) !important; | |
| color: var(--window_fg_color) !important; | |
| padding: 5px 10px; | |
| border: none !important; | |
| border-radius: var(--button_radius); | |
| min-width: 16px !important; | |
| min-height: 24px !important; | |
| height: 34px; | |
| transition: var(--backdrop_transition); | |
| &:hover { | |
| --percentage: 15%; | |
| } | |
| &:active { | |
| --percentage: 30%; | |
| } | |
| &[class*="disabled_"] { | |
| opacity: var(--dim-level-opacity); | |
| } | |
| &[class*="colorPrimary_"] { | |
| --banner-bg: var(--accent_color) !important; | |
| color: var(--accent_fg_color) !important; | |
| } | |
| &[class*="colorRed_"] { | |
| --banner-bg: var(--destructive_bg_color) !important; | |
| color: var(--destructive_fg_color) !important; | |
| } | |
| &[class*="colorGreen_"] { | |
| --banner-bg: var(--success_bg_color) !important; | |
| color: var(--success_fg_color) !important; | |
| } | |
| * { | |
| font-weight: bold !important; | |
| } | |
| svg { | |
| display: none; | |
| } | |
| } | |
| [role="button"][aria-haspopup] { | |
| min-height: 34px !important; | |
| } | |
| [class*="searchResultsWrap_"] [class*="buttonsContainer_"] > div, | |
| [class*="jumpButton_"] { | |
| height: unset !important; | |
| } | |
| [class*="searchResultsWrap_"] [class*="buttonsContainer_"] > div { | |
| font-size: 15px; | |
| font-weight: bold !important; | |
| } | |
| [aria-roledescription="Open Thread Button"] { | |
| height: unset !important; | |
| [class*="cta_"] { | |
| text-decoration: none !important; | |
| } | |
| } | |
| /* icon buttons */ | |
| [href="/channels/@me"] > div > :first-child, | |
| [class*="winButtonClose_"], | |
| [class*="close_"], | |
| [class*="closeIcon_"], | |
| [class*="closeButton_"], | |
| :where([class*="searchBar_"], [class*="searchBox_"]) | |
| [role="button"][aria-hidden="true"]:not([class*="icon_"]), | |
| [class*="peopleListItem_"] [role="button"], | |
| [class*="toolbar_"] [role="button"], | |
| [class*="sidebar_"] [class*="headerButton_"], | |
| [class*="sidebar_"] [aria-label="User area"] :where([role="button"], button), | |
| [class*="privateChannels_"] [class*="searchBarComponent_"], | |
| [class*="channelTextArea_"] button { | |
| background-color: color-mix( | |
| in srgb, | |
| currentColor var(--percentage), | |
| transparent | |
| ) !important; | |
| border-radius: var(--button_radius) !important; | |
| position: relative !important; | |
| width: var(--icon-button-size) !important; | |
| height: var(--icon-button-size) !important; | |
| transition: var(--backdrop_transition) !important; | |
| &:hover { | |
| /* *exact* #404040 for dark theme */ | |
| --percentage: 12.75% !important; | |
| } | |
| &:active { | |
| /* *exact* #616161 for dark theme */ | |
| --percentage: 27.75% !important; | |
| } | |
| &:disabled { | |
| --percentage: 0% !important; | |
| opacity: var(--dim-level-opacity) !important; | |
| } | |
| &::before { | |
| content: ""; | |
| position: absolute; | |
| inset: 0; | |
| mask: var(--icon); | |
| mask-repeat: no-repeat; | |
| mask-position: center; | |
| background-color: var(--window_fg_color); | |
| } | |
| & > * { | |
| display: none; | |
| } | |
| } | |
| [href="/channels/@me"] > div > :first-child { | |
| --icon-button-size: 32px; | |
| background-color: transparent !important; | |
| } | |
| [class*="searchBar_"], | |
| [class*="searchBox_"] { | |
| [role="button"][aria-hidden="true"]:not([class*="icon_"]) { | |
| --icon-button-size: 16px; | |
| background-color: transparent !important; | |
| margin-right: 9px; | |
| } | |
| } | |
| [class*="winButtonClose_"], | |
| [class*="close_"], | |
| [class*="closeIcon_"], | |
| [class*="closeButton_"] { | |
| --percentage: 7.5%; | |
| background-color: color-mix( | |
| in srgb, | |
| var(--window_fg_color) var(--percentage), | |
| transparent | |
| ) !important; | |
| border: none !important; | |
| border-radius: 100% !important; | |
| padding: 0 !important; | |
| width: var(--close-button-size) !important; | |
| height: var(--close-button-size) !important; | |
| transition: var(--backdrop_transition); | |
| transform: none !important; | |
| } | |
| /* dialog */ | |
| [class*="close_"] { | |
| opacity: 1; | |
| position: absolute !important; | |
| top: var(--close-button-pos); | |
| right: var(--close-button-pos); | |
| } | |
| /* settings */ | |
| [class*="tools_"] { | |
| position: fixed; | |
| top: calc(var(--p) + var(--close-button-pos)); | |
| right: calc(var(--p) + var(--close-button-pos)); | |
| } | |
| [class*="closeButton_"] { | |
| opacity: 1; | |
| flex: 0 0 var(--close-button-size); | |
| /* align with the other child element */ | |
| [aria-label="Private channels"] & { | |
| margin-right: 8px; | |
| } | |
| } | |
| [class*="toolbar_"] { | |
| gap: 6px; | |
| padding: 6px; | |
| & > button { | |
| margin: 0; | |
| } | |
| [role="button"] { | |
| margin: 0; | |
| } | |
| } | |
| [class*="channelTextArea_"] button { | |
| border-radius: 0 !important; | |
| } | |
| [class*="searchBar_"], | |
| [class*="searchBox_"] { | |
| [role="button"] { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBmaWxsPSJjb250ZXh0LWZpbGwiIHN0cm9rZT0iY29udGV4dC1zdHJva2UiIGZpbGwtb3BhY2l0eT0iY29udGV4dC1maWxsLW9wYWNpdHkiIHN0cm9rZS1vcGFjaXR5PSJjb250ZXh0LXN0cm9rZS1vcGFjaXR5Ij4KICAgICAgICA8cGF0aCBkPSJtIDEwLjgwNDY4OCAxMCBjIC0wLjgxMjUgMC4xNDQ1MzEgLTEuMTA1NDY5IDEuMTU2MjUgLTAuNSAxLjcxODc1IGwgMyAzIGMgMC45NTcwMzEgMC45Mzc1IDIuMzYzMjgxIC0wLjUgMS40MDYyNSAtMS40Mzc1IGwgLTMgLTMgYyAtMC4yMzgyODIgLTAuMjQyMTg4IC0wLjU3ODEyNiAtMC4zNDc2NTYgLTAuOTA2MjUgLTAuMjgxMjUgeiBtIDAgMCIvPgogICAgICAgIDxwYXRoIGQ9Im0gNi41IDAgYyAtMy41NzgxMjUgMCAtNi41IDIuOTIxODc1IC02LjUgNi41IHMgMi45MjE4NzUgNi40OTYwOTQgNi41IDYuNDk2MDk0IHMgNi41IC0yLjkxNzk2OSA2LjUgLTYuNDk2MDk0IHMgLTIuOTIxODc1IC02LjUgLTYuNSAtNi41IHogbSAwIDIgYyAyLjQ5NjA5NCAwIDQuNSAyLjAwMzkwNiA0LjUgNC41IHMgLTIuMDAzOTA2IDQuNDk2MDk0IC00LjUgNC40OTYwOTQgcyAtNC41IC0yIC00LjUgLTQuNDk2MDk0IHMgMi4wMDM5MDYgLTQuNSA0LjUgLTQuNSB6IG0gMCAwIi8+CiAgICA8L2c+Cjwvc3ZnPg=="); | |
| } | |
| } | |
| /* preferences-system */ | |
| [aria-label="User Settings"] { | |
| --icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+CiAgICA8cGF0aCBkPSJNOCAxYy0uMjIgMC0uNDQuMDExLS42NTYuMDMxbC0uNDA2IDIuMDk0YTUuMDEyIDUuMDEyIDAgMDAtLjk2OS4zMTJMNC40MzggMS45N2MtLjM4OS4yMy0uNzI3LjUxNC0xLjA2My44MTJsLjkwNiAxLjkwNmE1LjA1NyA1LjA1NyAwIDAwLS41OTMuODEzTDEuNTk0IDUuMjJhNi45MSA2LjkxIDAgMDAtLjQwNiAxLjI4bDEuODQzIDFhNC44MjYgNC44MjYgMCAwMC0uMDMuNWMwIC4xNzMuMDEzLjMzMi4wMy41bC0xLjg0MyAxYy4wOTcuNDQ1LjIyOC44NzIuNDA2IDEuMjgxbDIuMDk0LS4yODFjLjE3LjI5LjM3MS41NjMuNTkzLjgxMmwtLjkwNiAxLjkwN2MuMzM2LjI5OC42NzQuNTgyIDEuMDYzLjgxMmwxLjUzMS0xLjQ2OWMuMzA2LjEzNy42MzQuMjQuOTY5LjMxM2wuNDA2IDIuMDk0YTcuMTE4IDcuMTE4IDAgMDAxLjMxMiAwbC40MDctMi4wOTRjLjMzNC0uMDczLjY2My0uMTc2Ljk2OC0uMzEzbDEuNTMyIDEuNDdjLjM4OC0uMjMuNzI3LS41MTUgMS4wNjItLjgxM2wtLjkwNi0xLjkwN2E1LjExIDUuMTEgMCAwMC41OTQtLjgxMmwyLjA5My4yODFhNi45MSA2LjkxIDAgMDAuNDA3LTEuMjgxbC0xLjg0NC0xYy4wMTctLjE2OC4wMzEtLjMyNy4wMzEtLjVzLS4wMTQtLjMzMi0uMDMxLS41bDEuODQ0LTFhNi45MDggNi45MDggMCAwMC0uNDA3LTEuMjgxbC0yLjA5My4yODFhNS4wNTcgNS4wNTcgMCAwMC0uNTk0LS44MTNsLjkwNi0xLjkwNmMtLjMzNS0uMjk4LS42NzQtLjU4Mi0xLjA2Mi0uODEyTDEwLjAzIDMuNDM3YTUuMDE1IDUuMDE1IDAgMDAtLjk2OC0uMzEybC0uNDA3LTIuMDk0QTcuMTE4IDcuMTE4IDAgMDA4IDF6bTAgNGEzIDMgMCAxMTAgNiAzIDMgMCAwMTAtNnoiIHN0eWxlPSJtYXJrZXI6bm9uZSIgY29sb3I9IiMwMDAiIG92ZXJmbG93PSJ2aXNpYmxlIiBmaWxsPSJjb250ZXh0LWZpbGwiIHN0cm9rZT0iY29udGV4dC1zdHJva2UiIGZpbGwtb3BhY2l0eT0iY29udGV4dC1maWxsLW9wYWNpdHkiIHN0cm9rZS1vcGFjaXR5PSJjb250ZXh0LXN0cm9rZS1vcGFjaXR5Ii8+Cjwvc3ZnPgo="); | |
| } | |
| /* chat-bubbles-empty-inverted */ | |
| [aria-label="Threads"] { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+PGcgZmlsbD0iIzIyMjIyMiI+PHBhdGggZD0ibSAxNCAzLjE3NTc4MSB2IDMuODI0MjE5IGMgMCAyLjE3OTY4OCAtMS44MjAzMTIgNCAtNCA0IGggLTMuNTg1OTM4IGwgLTIgMiBoIDUuNTg1OTM4IGwgMyAzIHYgLTMgYyAxLjY0NDUzMSAwIDMgLTEuMzU1NDY5IDMgLTMgdiAtNCBjIDAgLTEuMjkyOTY5IC0wLjgzOTg0NCAtMi40MDYyNSAtMiAtMi44MjQyMTkgeiBtIDAgMCIvPjxwYXRoIGQ9Im0gMyAwIGMgLTEuNjQ0NTMxIDAgLTMgMS4zNTU0NjkgLTMgMyB2IDQgYyAwIDEuNjQ0NTMxIDEuMzU1NDY5IDMgMyAzIHYgMyBsIDMgLTMgaCA0IGMgMS42NDQ1MzEgMCAzIC0xLjM1NTQ2OSAzIC0zIHYgLTQgYyAwIC0xLjY0NDUzMSAtMS4zNTU0NjkgLTMgLTMgLTMgeiBtIDAgMCIvPjwvZz48L3N2Zz4K"); | |
| } | |
| /* bell-outline */ | |
| [aria-label="Notification Settings"] { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+PHBhdGggZD0ibSA4IDAgYyAtMC44MjgxMjUgMCAtMS41IDAuNjcxODc1IC0xLjUgMS41IGMgMCAwLjA3NDIxOSAwLjAwNzgxMiAwLjE0ODQzOCAwLjAxNTYyNSAwLjIyMjY1NiBjIC0yLjA4OTg0NCAwLjY1MjM0NCAtMy41MTU2MjUgMi41ODU5MzggLTMuNTE1NjI1IDQuNzc3MzQ0IHYgNC41IGggLTAuNSBjIC0wLjU1NDY4OCAwIC0xIDAuNDQ1MzEyIC0xIDEgcyAwLjQ0NTMxMiAxIDEgMSBoIDExIGMgMC41NTQ2ODggMCAxIC0wLjQ0NTMxMiAxIC0xIHMgLTAuNDQ1MzEyIC0xIC0xIC0xIGggLTAuNTAzOTA2IHYgLTQuNDA2MjUgYyAwLjAwMzkwNiAtMC4wMzEyNSAwLjAwMzkwNiAtMC4wNjI1IDAuMDAzOTA2IC0wLjA5Mzc1IGMgMCAtMi4xOTE0MDYgLTEuNDI1NzgxIC00LjEyNSAtMy41MTk1MzEgLTQuNzczNDM4IGMgMC4wMTU2MjUgLTAuMDc4MTI0IDAuMDE5NTMxIC0wLjE1MjM0MyAwLjAxOTUzMSAtMC4yMjY1NjIgYyAwIC0wLjgyODEyNSAtMC42Njc5NjkgLTEuNSAtMS41IC0xLjUgeiBtIDAgMy41IGMgMS42NTYyNSAwIDMgMS4zNDM3NSAzIDMgdiA0LjUgaCAtNiB2IC00LjUgYyAwIC0xLjY1NjI1IDEuMzQzNzUgLTMgMyAtMyB6IG0gLTIgMTAuNSBjIDAgMC43MTQ4NDQgMC4zODI4MTIgMS4zNzUgMSAxLjczMDQ2OSBjIDAuNjE3MTg4IDAuMzU5Mzc1IDEuMzgyODEyIDAuMzU5Mzc1IDIgMCBjIDAuNjE3MTg4IC0wLjM1NTQ2OSAxIC0xLjAxNTYyNSAxIC0xLjczMDQ2OSB6IG0gMCAwIiBmaWxsPSIjMjIyMjIyIi8+PC9zdmc+Cg=="); | |
| display: none; | |
| } | |
| /* star-outline-thick */ | |
| [aria-label="Pinned Messages"] { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+PHBhdGggZD0ibSA3Ljk3NjU2MiAwLjE2NDA2MiBsIC0yLjQ1NzAzMSA0LjkyOTY4OCBsIC01LjQ2MDkzNzIgMC44Mzk4NDQgbCAzLjkyOTY4NzIgMy44NjMyODEgbCAtMC44ODY3MTkgNS40NDkyMTkgbCA0Ljg4NjcxOSAtMi41NDY4NzUgbCA0LjkxMDE1NyAyLjUzMTI1IGwgLTAuMzMyMDMyIC0xLjk2ODc1IGwgLTAuNTc4MTI1IC0zLjQ2ODc1IGwgMy45MjE4NzUgLTMuODgyODEzIGwgLTUuNDQ5MjE4IC0wLjgxNjQwNiB6IG0gMC4wMDc4MTMgNC40NjQ4NDQgbCAxLjE1NjI1IDIuMjg5MDYzIGwgMi41MjM0MzcgMC4zNzg5MDYgbCAtMS44MjAzMTIgMS44MDQ2ODcgbCAwLjQyMTg3NSAyLjUxOTUzMiBsIC0yLjI4MTI1IC0xLjE3NTc4MiBsIC0yLjI2NTYyNSAxLjE3OTY4OCBsIDAuNDE0MDYyIC0yLjUzMTI1IGwgLTEuODI0MjE4IC0xLjc4OTA2MiBsIDIuNTM5MDYyIC0wLjM5MDYyNiB6IG0gMCAwIiBmaWxsPSIjMjIyMjIyIi8+PC9zdmc+Cg=="); | |
| } | |
| /* pin */ | |
| [aria-label="Pinned Messages"] { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+PGcgZmlsbD0iIzIyMjIyMiI+PHBhdGggZD0ibSA5IDExIGggLTIgdiA0IGwgMSAxIGwgMSAtMSB6IG0gMCAwIi8+PHBhdGggZD0ibSAxMi4yMjI2NTYgMC4yOTI5NjkgYyAtMC4xODc1IC0wLjE4NzUgLTAuNDQxNDA2IC0wLjI5Mjk2OSAtMC43MDcwMzEgLTAuMjkyOTY5IGggLTcuMDE1NjI1IGMgLTAuNTU0Njg4IDAgLTEgMC40NDkyMTkgLTEgMSBzIDAuNDQ1MzEyIDEgMSAxIGggNy4wMTU2MjUgYyAwLjU1MDc4MSAwIDEgLTAuNDQ5MjE5IDEgLTEgYyAwIC0wLjI2NTYyNSAtMC4xMDU0NjkgLTAuNTE5NTMxIC0wLjI5Mjk2OSAtMC43MDcwMzEgeiBtIDAgMCIvPjxwYXRoIGQ9Im0gMiAxMCBjIDAgLTMuMzEyNSAyLjY4NzUgLTYgNiAtNiBzIDYgMi42ODc1IDYgNiB6IG0gMCAwIi8+PHBhdGggZD0ibSA0LjQ0MTQwNiAwLjk3MjY1NiBsIDAuODk0NTMyIDcuMTY0MDYzIGggNS4zNzUgbCAwLjg0NzY1NiAtNy4xMDkzNzUgeiBtIDAgMCIvPjwvZz48L3N2Zz4K"); | |
| } | |
| /* view-list */ | |
| [aria-label$="Member List"] { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJtIDIgMSBjIC0wLjU1NDY4OCAwIC0xIDAuNDQ1MzEyIC0xIDEgdiAyIGMgMCAwLjU1NDY4OCAwLjQ0NTMxMiAxIDEgMSBoIDIgYyAwLjU1NDY4OCAwIDEgLTAuNDQ1MzEyIDEgLTEgdiAtMiBjIDAgLTAuNTU0Njg4IC0wLjQ0NTMxMiAtMSAtMSAtMSB6IG0gNSAxIHYgMiBoIDggdiAtMiB6IG0gLTUgNC4wMTU2MjUgYyAtMC41NTQ2ODggMCAtMSAwLjQ0NTMxMyAtMSAxIHYgMS45ODA0NjkgYyAwIDAuNTUwNzgxIDAuNDQ1MzEyIDEgMSAxIGggMiBjIDAuNTU0Njg4IDAgMSAtMC40NDkyMTkgMSAtMSB2IC0xLjk4MDQ2OSBjIDAgLTAuNTU0Njg3IC0wLjQ0NTMxMiAtMSAtMSAtMSB6IG0gNSAwLjk4NDM3NSB2IDIgaCA4IHYgLTIgeiBtIC01IDQgYyAtMC41NTQ2ODggMCAtMSAwLjQ0NTMxMiAtMSAxIHYgMS45ODA0NjkgYyAwIDAuNTUwNzgxIDAuNDQ1MzEyIDEgMSAxIGggMiBjIDAuNTU0Njg4IDAgMSAtMC40NDkyMTkgMSAtMSB2IC0xLjk4MDQ2OSBjIDAgLTAuNTU0Njg4IC0wLjQ0NTMxMiAtMSAtMSAtMSB6IG0gNSAwLjk4NDM3NSB2IDIgaCA4IHYgLTIgeiBtIDAgMCIgZmlsbD0iIzJlMzQzNiIvPgo8L3N2Zz4K"); | |
| } | |
| /* org.gnome.Settings-users-symbolic */ | |
| [href="/channels/@me"] > div > div, | |
| [aria-label$="Member List"] { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJtIDUuOTE0MDYyIDAgYyAtMC41NDY4NzQgMC4wMTk1MzEyIC0xLjA4NTkzNyAwLjE4MzU5NCAtMS41NTg1OTMgMC40OTIxODggYyAtMC45NDkyMTkgMC42MTcxODcgLTEuNDY0ODQ0IDEuNzI2NTYyIC0xLjMzNTkzOCAyLjg0NzY1NiBjIDAuMTMyODEzIDEuMTIxMDk0IDAuODk0NTMxIDIuMDc4MTI1IDEuOTU3MDMxIDIuNDYwOTM3IGMgMC41MTk1MzIgMC4xODc1IDEuMDg5ODQ0IC0wLjA3ODEyNSAxLjI3NzM0NCAtMC41OTc2NTYgYyAwLjE5MTQwNiAtMC41MTk1MzEgLTAuMDc4MTI1IC0xLjA5Mzc1IC0wLjU5NzY1NiAtMS4yODEyNSBjIC0wLjM1OTM3NSAtMC4xMjg5MDYgLTAuNjA1NDY5IC0wLjQ0NTMxMyAtMC42NDg0MzggLTAuODE2NDA2IGMgLTAuMDQyOTY4IC0wLjM3MTA5NCAwLjEyNSAtMC43MzQzNzUgMC40NDE0MDcgLTAuOTQxNDA3IGMgMC4zMTY0MDYgLTAuMjA3MDMxIDAuNzIyNjU2IC0wLjIxODc1IDEuMDUwNzgxIC0wLjAzMTI1IGMgMC40ODA0NjkgMC4yNzczNDQgMS4wOTM3NSAwLjExMzI4MiAxLjM2NzE4OCAtMC4zNjcxODcgYyAwLjI3MzQzNyAtMC40ODA0NjkgMC4xMDkzNzQgLTEuMDg5ODQ0IC0wLjM2NzE4OCAtMS4zNjcxODcgYyAtMC40OTIxODggLTAuMjgxMjUgLTEuMDM5MDYyIC0wLjQxNDA2MyAtMS41ODU5MzggLTAuMzk4NDM4IHogbSA1LjA4NTkzOCAyIGMgLTEuNjQwNjI1IDAgLTMgMS4zNTE1NjIgLTMgMi45OTIxODggYyAwIDEuNjQwNjI0IDEuMzU5Mzc1IDIuOTg4MjgxIDMgMi45ODgyODEgcyAzIC0xLjM0NzY1NyAzIC0yLjk4ODI4MSBjIDAgLTEuNjQwNjI2IC0xLjM1OTM3NSAtMi45OTIxODggLTMgLTIuOTkyMTg4IHogbSAwIDIgYyAwLjU2NjQwNiAwIDEgMC40Mzc1IDEgMC45OTIxODggYyAwIDAuNTU0Njg3IC0wLjQzMzU5NCAwLjk4ODI4MSAtMSAwLjk4ODI4MSBzIC0xIC0wLjQzMzU5NCAtMSAtMC45ODgyODEgYyAwIC0wLjU1NDY4OCAwLjQzMzU5NCAtMC45OTIxODggMSAtMC45OTIxODggeiBtIC02LjE5OTIxOSAzIGMgLTIuMDg1OTM3IDAgLTMuODAwNzgxIDEuNzA3MDMxIC0zLjgwMDc4MSAzLjc4OTA2MiB2IDEuMjEwOTM4IGMgMCAwLjU1MDc4MSAwLjQ0OTIxOSAxIDEgMSBzIDEgLTAuNDQ5MjE5IDEgLTEgdiAtMS4yMTA5MzggYyAwIC0wLjk5NjA5MyAwLjc5Mjk2OSAtMS43ODkwNjIgMS44MDA3ODEgLTEuNzg5MDYyIGggMS4xOTkyMTkgYyAwLjU1MDc4MSAwIDEgLTAuNDQ5MjE5IDEgLTEgcyAtMC40NDkyMTkgLTEgLTEgLTEgeiBtIDUgMiBjIC0yLjA4NTkzNyAwIC0zLjgwMDc4MSAxLjcwNzAzMSAtMy44MDA3ODEgMy43ODkwNjIgdiAxLjIxMDkzOCBjIDAgMC41NTA3ODEgMC40NDkyMTkgMSAxIDEgcyAxIC0wLjQ0OTIxOSAxIC0xIHYgLTEuMjEwOTM4IGMgMCAtMC45OTYwOTMgMC43OTI5NjkgLTEuNzg5MDYyIDEuODAwNzgxIC0xLjc4OTA2MiBoIDIuMzk4NDM4IGMgMS4wMTE3MTkgMCAxLjgwMDc4MSAwLjc5Mjk2OSAxLjgwMDc4MSAxLjc4OTA2MiB2IDEuMjEwOTM4IGMgMCAwLjU1MDc4MSAwLjQ0OTIxOSAxIDEgMSBzIDEgLTAuNDQ5MjE5IDEgLTEgdiAtMS4yMTA5MzggYyAwIC0yLjA4MjAzMSAtMS43MTQ4NDQgLTMuNzg5MDYyIC0zLjgwMDc4MSAtMy43ODkwNjIgeiBtIDAgMCIvPgo8L3N2Zz4K"); | |
| } | |
| /* phone-right-facing */ | |
| [aria-label^="Start Voice Call"] { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+PGcgZmlsbD0iIzIyMjIyMiI+PHBhdGggZD0ibSAxMSAxNSBjIDAuODI4MTI1IDAgMS41IC0wLjY3MTg3NSAxLjUgLTEuNSBzIC0wLjY3MTg3NSAtMS41IC0xLjUgLTEuNSBjIC0zLjg4MjgxMiAwIC03IC0zLjExNzE4OCAtNyAtNyBjIDAgLTAuODI4MTI1IC0wLjY3MTg3NSAtMS41IC0xLjUgLTEuNSBzIC0xLjUgMC42NzE4NzUgLTEuNSAxLjUgYyAwIDUuNTAzOTA2IDQuNDk2MDk0IDEwIDEwIDEwIHogbSAwIDAiLz48cGF0aCBkPSJtIDE1LjAwMzkwNiAxMSBjIDAgLTAuNTU0Njg4IC0wLjQ0NTMxMiAtMSAtMSAtMSBoIC00IGMgLTAuNTUwNzgxIDAgLTEgMC40NDUzMTIgLTEgMSB2IDEuNzEwOTM4IGwgMiAyLjI4OTA2MiBoIDEuNSBjIDEuMzgyODEzIDAgMi41IC0xLjEyMTA5NCAyLjUgLTIuNSB6IG0gMCAwIi8+PHBhdGggZD0ibSA1LjAwMzkwNiAxIGMgMC41NTQ2ODggMCAxIDAuNDQ1MzEyIDEgMSB2IDQgYyAwIDAuNTU0Njg4IC0wLjQ0NTMxMiAxIC0xIDEgaCAtMS43MTA5MzcgbCAtMi4yODkwNjMgLTIgdiAtMS41IGMgMCAtMS4zNzg5MDYgMS4xMjEwOTQgLTIuNSAyLjUgLTIuNSB6IG0gMCAwIi8+PC9nPjwvc3ZnPgo="); | |
| } | |
| /* camera-small */ | |
| [aria-label^="Start Video Call"] { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+PGcgZmlsbD0iIzIyMjIyMiI+PHBhdGggZD0ibSAwLjY4MzU5NCA0IGggLTAuNjgzNTk0IHYgOSBoIDAuNjQ0NTMxIGwgNC4zNTU0NjkgLTQuNTM1MTU2IHogbSAwIDAiLz48cGF0aCBkPSJtIDcgMy4wMDM5MDYgYyAtMS42NDQ1MzEgMCAtMyAxLjM1NTQ2OSAtMyAzIHYgNSBjIDAgMS42NDQ1MzIgMS4zNTU0NjkgMyAzIDMgaCA2IGMgMS42NDQ1MzEgMCAzIC0xLjM1NTQ2OCAzIC0zIHYgLTUgYyAwIC0xLjY0NDUzMSAtMS4zNTU0NjkgLTMgLTMgLTMgeiBtIDAgMiBoIDYgYyAwLjU3MDMxMiAwIDEgMC40Mjk2ODggMSAxIHYgNSBjIDAgMC41NzQyMTkgLTAuNDI5Njg4IDEgLTEgMSBoIC02IGMgLTAuNTcwMzEyIDAgLTEgLTAuNDI1NzgxIC0xIC0xIHYgLTUgYyAwIC0wLjU3MDMxMiAwLjQyOTY4OCAtMSAxIC0xIHogbSAwIDAiLz48L2c+PC9zdmc+Cg=="); | |
| } | |
| /* user-info */ | |
| [aria-label*="User Profile"] { | |
| --icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGcgY29sb3I9IiNiZWJlYmUiIGZpbGw9IiMyZTM0MzYiPjxwYXRoIGQ9Ik02IDBhMyAzIDAgMTAwIDYgMyAzIDAgMDAwLTZ6TTQuNSA3QTQuNDkgNC40OSAwIDAwMCAxMS41di41YzAgMSAxIDEgMSAxaDZWOC44NzVjMC0uODMuNTg3LTEuNTU0IDEuMzU1LTEuNzlBNC41MzIgNC41MzIgMCAwMDcuNSA3ek05IDl2NGgxVjl6IiBzdHlsZT0ibWFya2VyOm5vbmUiIG92ZXJmbG93PSJ2aXNpYmxlIi8+PHBhdGggZD0iTTguODc1IDhBLjg2My44NjMgMCAwMDggOC44NzV2Ni4yNWMwIC40OTIuMzgzLjg3NS44NzUuODc1aDYuMjVhLjg2My44NjMgMCAwMC44NzUtLjg3NXYtNi4yNUEuODYzLjg2MyAwIDAwMTUuMTI1IDh6TTExIDloMnYxaC0yem0wIDJoMnY0aC0yeiIgc3R5bGU9Im1hcmtlcjpub25lIiBvdmVyZmxvdz0idmlzaWJsZSIvPjwvZz48L3N2Zz4="); | |
| } | |
| /* contact-new */ | |
| [aria-label="Add Friends to DM"], | |
| [aria-label="New Group DM"] { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJtIDggMSBjIC0xLjY1NjI1IDAgLTMgMS4zNDM3NSAtMyAzIHMgMS4zNDM3NSAzIDMgMyBzIDMgLTEuMzQzNzUgMyAtMyBzIC0xLjM0Mzc1IC0zIC0zIC0zIHogbSAtMS41IDcgYyAtMi40OTIxODggMCAtNC41IDIuMDA3ODEyIC00LjUgNC41IHYgMC41IGMgMCAxLjEwOTM3NSAwLjg5MDYyNSAyIDIgMiBoIDYgdiAtMSBoIC0zIHYgLTQgaCAzIHYgLTEuOTcyNjU2IGMgLTAuMTY0MDYyIC0wLjAxOTUzMiAtMC4zMzIwMzEgLTAuMDI3MzQ0IC0wLjUgLTAuMDI3MzQ0IHogbSA0LjUgMCB2IDMgaCAtMyB2IDIgaCAzIHYgMyBoIDIgdiAtMyBoIDMgdiAtMiBoIC0zIHYgLTMgeiBtIDAgMCIgZmlsbD0iIzJlMzQzNiIvPgo8L3N2Zz4K"); | |
| } | |
| /* mail-unread */ | |
| [aria-label="Inbox"] { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBmaWxsPSIjMmUzNDM2Ij4KICAgICAgICA8cGF0aCBkPSJtIDEuODAwNzgxIDMuMDE5NTMxIGMgLTAuMjU3ODEyIDAuMDUwNzgxIC0wLjQ4NDM3NSAwLjIwNzAzMSAtMC42MzI4MTIgMC40MjU3ODEgYyAtMC4zMDQ2ODggMC40NjA5MzggLTAuMTgzNTk0IDEuMDgyMDMyIDAuMjc3MzQzIDEuMzg2NzE5IGwgNS4xNjc5NjkgMy40NDUzMTMgYyAwLjgzNTkzOCAwLjU1ODU5NCAxLjkzNzUgMC41NTg1OTQgMi43NzM0MzggMCBsIDUuMTY3OTY5IC0zLjQ0NTMxMyBjIDAuNDYwOTM3IC0wLjMwNDY4NyAwLjU4MjAzMSAtMC45MjU3ODEgMC4yNzczNDMgLTEuMzg2NzE5IGMgLTAuMzA0Njg3IC0wLjQ2MDkzNyAtMC45MjU3ODEgLTAuNTgyMDMxIC0xLjM4NjcxOSAtMC4yNzczNDMgbCAtNS4xNjc5NjggMy40NDUzMTIgYyAtMC4xNzE4NzUgMC4xMTMyODEgLTAuMzgyODEzIDAuMTEzMjgxIC0wLjU1NDY4OCAwIGwgLTUuMTY3OTY4IC0zLjQ0NTMxMiBjIC0wLjIyMjY1NyAtMC4xNDg0MzggLTAuNDkyMTg4IC0wLjE5OTIxOSAtMC43NTM5MDcgLTAuMTQ4NDM4IHogbSAwIDAiLz4KICAgICAgICA8cGF0aCBkPSJtIDMgMiBjIC0xLjY0NDUzMSAwIC0zIDEuMzU1NDY5IC0zIDMgdiA2IGMgMCAxLjY0NDUzMSAxLjM1NTQ2OSAzIDMgMyBoIDEwIGMgMS42NDQ1MzEgMCAzIC0xLjM1NTQ2OSAzIC0zIHYgLTYgYyAwIC0xLjY0NDUzMSAtMS4zNTU0NjkgLTMgLTMgLTMgeiBtIDAgMiBoIDEwIGMgMC41NzAzMTIgMCAxIDAuNDI5Njg4IDEgMSB2IDYgYyAwIDAuNTcwMzEyIC0wLjQyOTY4OCAxIC0xIDEgaCAtMTAgYyAtMC41NzAzMTIgMCAtMSAtMC40Mjk2ODggLTEgLTEgdiAtNiBjIDAgLTAuNTcwMzEyIDAuNDI5Njg4IC0xIDEgLTEgeiBtIDAgMCIvPgogICAgPC9nPgo8L3N2Zz4K"); | |
| } | |
| /* chat-bubbles-empty-inverted */ | |
| [aria-label="Message"] { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+PGcgZmlsbD0iIzIyMjIyMiI+PHBhdGggZD0ibSAxNCAzLjE3NTc4MSB2IDMuODI0MjE5IGMgMCAyLjE3OTY4OCAtMS44MjAzMTIgNCAtNCA0IGggLTMuNTg1OTM4IGwgLTIgMiBoIDUuNTg1OTM4IGwgMyAzIHYgLTMgYyAxLjY0NDUzMSAwIDMgLTEuMzU1NDY5IDMgLTMgdiAtNCBjIDAgLTEuMjkyOTY5IC0wLjgzOTg0NCAtMi40MDYyNSAtMiAtMi44MjQyMTkgeiBtIDAgMCIvPjxwYXRoIGQ9Im0gMyAwIGMgLTEuNjQ0NTMxIDAgLTMgMS4zNTU0NjkgLTMgMyB2IDQgYyAwIDEuNjQ0NTMxIDEuMzU1NDY5IDMgMyAzIHYgMyBsIDMgLTMgaCA0IGMgMS42NDQ1MzEgMCAzIC0xLjM1NTQ2OSAzIC0zIHYgLTQgYyAwIC0xLjY0NDUzMSAtMS4zNTU0NjkgLTMgLTMgLTMgeiBtIDAgMCIvPjwvZz48L3N2Zz4K"); | |
| } | |
| /* window-close */ | |
| [class^="close"], | |
| [aria-label^="Cancel"], | |
| :focus-within > div > [aria-label="Clear search"], | |
| [aria-label^="Close"] { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJtIDQgNCBoIDEgaCAwLjAzMTI1IGMgMC4yNTM5MDYgMC4wMTE3MTkgMC41MTE3MTkgMC4xMjg5MDYgMC42ODc1IDAuMzEyNSBsIDIuMjgxMjUgMi4yODEyNSBsIDIuMzEyNSAtMi4yODEyNSBjIDAuMjY1NjI1IC0wLjIzMDQ2OSAwLjQ0NTMxMiAtMC4zMDQ2ODggMC42ODc1IC0wLjMxMjUgaCAxIHYgMSBjIDAgMC4yODUxNTYgLTAuMDM1MTU2IDAuNTUwNzgxIC0wLjI1IDAuNzUgbCAtMi4yODEyNSAyLjI4MTI1IGwgMi4yNSAyLjI1IGMgMC4xODc1IDAuMTg3NSAwLjI4MTI1IDAuNDUzMTI1IDAuMjgxMjUgMC43MTg3NSB2IDEgaCAtMSBjIC0wLjI2NTYyNSAwIC0wLjUzMTI1IC0wLjA5Mzc1IC0wLjcxODc1IC0wLjI4MTI1IGwgLTIuMjgxMjUgLTIuMjgxMjUgbCAtMi4yODEyNSAyLjI4MTI1IGMgLTAuMTg3NSAwLjE4NzUgLTAuNDUzMTI1IDAuMjgxMjUgLTAuNzE4NzUgMC4yODEyNSBoIC0xIHYgLTEgYyAwIC0wLjI2NTYyNSAwLjA5Mzc1IC0wLjUzMTI1IDAuMjgxMjUgLTAuNzE4NzUgbCAyLjI4MTI1IC0yLjI1IGwgLTIuMjgxMjUgLTIuMjgxMjUgYyAtMC4yMTA5MzggLTAuMTk1MzEyIC0wLjMwNDY4OCAtMC40Njg3NSAtMC4yODEyNSAtMC43NSB6IG0gMCAwIiBmaWxsPSIjMmUzNDM2Ii8+Cjwvc3ZnPgo="); | |
| } | |
| [aria-label="More"] { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBmaWxsPSJjb250ZXh0LWZpbGwiIHN0cm9rZT0iY29udGV4dC1zdHJva2UiIGZpbGwtb3BhY2l0eT0iY29udGV4dC1maWxsLW9wYWNpdHkiIHN0cm9rZS1vcGFjaXR5PSJjb250ZXh0LXN0cm9rZS1vcGFjaXR5Ij4KICAgICAgICA8cGF0aCBkPSJtIDEgMiBoIDE0IHYgMiBoIC0xNCB6IG0gMCAwIi8+CiAgICAgICAgPHBhdGggZD0ibSAxIDcgaCAxNCB2IDIgaCAtMTQgeiBtIDAgMCIvPgogICAgICAgIDxwYXRoIGQ9Im0gMSAxMiBoIDE0IHYgMiBoIC0xNCB6IG0gMCAwIi8+CiAgICA8L2c+Cjwvc3ZnPgo="); | |
| order: 1; | |
| } | |
| [role="tablist"][aria-label="Friends"] { | |
| /* Hide *icons* on lower window sizes */ | |
| @media (min-width: 1050px) { | |
| & > div::before { | |
| content: ""; | |
| width: 16px; | |
| height: 16px; | |
| background-color: currentColor; | |
| mask: var(--icon); | |
| margin-right: 7px; | |
| } | |
| } | |
| /* stop-sign-outline */ | |
| & > [data-tab-id="ONLINE"] { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+PHBhdGggZD0ibSAxMSAyIHYgMyBoIC0zIHYgMyBoIC0zIHYgMyBoIC0zIHYgMyBoIDEyIHYgLTEyIHogbSAwIDAiIGZpbGw9IiMyMjIyMjIiLz48L3N2Zz4K"); | |
| } | |
| /* */ | |
| & > [data-tab-id="ALL"] { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJtIDUuOTE0MDYyIDAgYyAtMC41NDY4NzQgMC4wMTk1MzEyIC0xLjA4NTkzNyAwLjE4MzU5NCAtMS41NTg1OTMgMC40OTIxODggYyAtMC45NDkyMTkgMC42MTcxODcgLTEuNDY0ODQ0IDEuNzI2NTYyIC0xLjMzNTkzOCAyLjg0NzY1NiBjIDAuMTMyODEzIDEuMTIxMDk0IDAuODk0NTMxIDIuMDc4MTI1IDEuOTU3MDMxIDIuNDYwOTM3IGMgMC41MTk1MzIgMC4xODc1IDEuMDg5ODQ0IC0wLjA3ODEyNSAxLjI3NzM0NCAtMC41OTc2NTYgYyAwLjE5MTQwNiAtMC41MTk1MzEgLTAuMDc4MTI1IC0xLjA5Mzc1IC0wLjU5NzY1NiAtMS4yODEyNSBjIC0wLjM1OTM3NSAtMC4xMjg5MDYgLTAuNjA1NDY5IC0wLjQ0NTMxMyAtMC42NDg0MzggLTAuODE2NDA2IGMgLTAuMDQyOTY4IC0wLjM3MTA5NCAwLjEyNSAtMC43MzQzNzUgMC40NDE0MDcgLTAuOTQxNDA3IGMgMC4zMTY0MDYgLTAuMjA3MDMxIDAuNzIyNjU2IC0wLjIxODc1IDEuMDUwNzgxIC0wLjAzMTI1IGMgMC40ODA0NjkgMC4yNzczNDQgMS4wOTM3NSAwLjExMzI4MiAxLjM2NzE4OCAtMC4zNjcxODcgYyAwLjI3MzQzNyAtMC40ODA0NjkgMC4xMDkzNzQgLTEuMDg5ODQ0IC0wLjM2NzE4OCAtMS4zNjcxODcgYyAtMC40OTIxODggLTAuMjgxMjUgLTEuMDM5MDYyIC0wLjQxNDA2MyAtMS41ODU5MzggLTAuMzk4NDM4IHogbSA1LjA4NTkzOCAyIGMgLTEuNjQwNjI1IDAgLTMgMS4zNTE1NjIgLTMgMi45OTIxODggYyAwIDEuNjQwNjI0IDEuMzU5Mzc1IDIuOTg4MjgxIDMgMi45ODgyODEgcyAzIC0xLjM0NzY1NyAzIC0yLjk4ODI4MSBjIDAgLTEuNjQwNjI2IC0xLjM1OTM3NSAtMi45OTIxODggLTMgLTIuOTkyMTg4IHogbSAwIDIgYyAwLjU2NjQwNiAwIDEgMC40Mzc1IDEgMC45OTIxODggYyAwIDAuNTU0Njg3IC0wLjQzMzU5NCAwLjk4ODI4MSAtMSAwLjk4ODI4MSBzIC0xIC0wLjQzMzU5NCAtMSAtMC45ODgyODEgYyAwIC0wLjU1NDY4OCAwLjQzMzU5NCAtMC45OTIxODggMSAtMC45OTIxODggeiBtIC02LjE5OTIxOSAzIGMgLTIuMDg1OTM3IDAgLTMuODAwNzgxIDEuNzA3MDMxIC0zLjgwMDc4MSAzLjc4OTA2MiB2IDEuMjEwOTM4IGMgMCAwLjU1MDc4MSAwLjQ0OTIxOSAxIDEgMSBzIDEgLTAuNDQ5MjE5IDEgLTEgdiAtMS4yMTA5MzggYyAwIC0wLjk5NjA5MyAwLjc5Mjk2OSAtMS43ODkwNjIgMS44MDA3ODEgLTEuNzg5MDYyIGggMS4xOTkyMTkgYyAwLjU1MDc4MSAwIDEgLTAuNDQ5MjE5IDEgLTEgcyAtMC40NDkyMTkgLTEgLTEgLTEgeiBtIDUgMiBjIC0yLjA4NTkzNyAwIC0zLjgwMDc4MSAxLjcwNzAzMSAtMy44MDA3ODEgMy43ODkwNjIgdiAxLjIxMDkzOCBjIDAgMC41NTA3ODEgMC40NDkyMTkgMSAxIDEgcyAxIC0wLjQ0OTIxOSAxIC0xIHYgLTEuMjEwOTM4IGMgMCAtMC45OTYwOTMgMC43OTI5NjkgLTEuNzg5MDYyIDEuODAwNzgxIC0xLjc4OTA2MiBoIDIuMzk4NDM4IGMgMS4wMTE3MTkgMCAxLjgwMDc4MSAwLjc5Mjk2OSAxLjgwMDc4MSAxLjc4OTA2MiB2IDEuMjEwOTM4IGMgMCAwLjU1MDc4MSAwLjQ0OTIxOSAxIDEgMSBzIDEgLTAuNDQ5MjE5IDEgLTEgdiAtMS4yMTA5MzggYyAwIC0yLjA4MjAzMSAtMS43MTQ4NDQgLTMuNzg5MDYyIC0zLjgwMDc4MSAtMy43ODkwNjIgeiBtIDAgMCIvPgo8L3N2Zz4K"); | |
| } | |
| /* spinner */ | |
| & > [data-tab-id="PENDING"] { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+PHBhdGggZD0ibSA3Ljk4MDQ2OSAxLjA1NDY4OCBjIC0wLjA5Mzc1IDAgLTAuMTgzNTk0IDAuMDA3ODEyIC0wLjI2OTUzMSAwLjAyMzQzNyBjIC0zIDAuMTYwMTU2IC01LjYyODkwNyAyLjIyMjY1NiAtNi40NTMxMjYgNS4xMjg5MDYgYyAtMC43NjE3MTggMy4wMTk1MzEgMC41NzAzMTMgNi4yMzQzNzUgMy4yNDIxODggNy44MjgxMjUgYyAyLjcxODc1IDEuNTE5NTMyIDYuMTY3OTY5IDEuMDY2NDA2IDguNDAyMzQ0IC0xLjEwNTQ2OCBjIDIuMTY3OTY4IC0yLjIzMDQ2OSAyLjYyMTA5NCAtNS42Nzk2ODggMS4xMDU0NjggLTguMzk4NDM4IGMgMS41MDM5MDcgMi43MjY1NjIgMS4wMzEyNSA2LjE2NDA2MiAtMS4xMzY3MTggOC4zNzEwOTQgYyAtMi4yMjY1NjMgMi4xNDg0MzcgLTUuNjUyMzQ0IDIuNTc4MTI1IC04LjMyODEyNSAxLjA2MjUgYyAtMi42MjEwOTQgLTEuNTc0MjE5IC0zLjkxNzk2OSAtNC43MzA0NjkgLTMuMTc5Njg4IC03LjY3MTg3NSBjIC0wLjcxMDkzNyAyLjk0OTIxOSAwLjYyMTA5NCA2LjA3NDIxOSAzLjIxODc1IDcuNjAxNTYyIGMgMi42NTIzNDQgMS40NzI2NTcgNi4wMjczNDQgMS4wMDc4MTMgOC4xNzU3ODEgLTEuMTA5Mzc1IGMgMi4wOTM3NSAtMi4xNjQwNjIgMi41MTE3MTkgLTUuNTI3MzQ0IDEuMDM1MTU3IC04LjEzMjgxMiBjIDEuNDUzMTI1IDIuNjIxMDk0IDAuOTkyMTg3IDUuOTU3MDMxIC0xLjA5Mzc1IDguMDc0MjE4IGMgLTIuMTQwNjI1IDIuMDcwMzEzIC01LjQ2NDg0NCAyLjQ4NDM3NiAtOC4wMzUxNTcgMS4wMjczNDQgYyAtMi41MTk1MzEgLTEuNTA3ODEyIC0zLjc3NzM0MyAtNC41NzAzMTIgLTMuMDYyNSAtNy4zOTg0MzcgYyAtMC42ODc1IDIuODMyMDMxIDAuNjAxNTYzIDUuODYzMjgxIDMuMTAxNTYzIDcuMzI4MTI1IGMgMi41NDY4NzUgMS40MTc5NjggNS44MjAzMTMgMC45NjQ4NDQgNy44Nzg5MDYgLTEuMDcwMzEzIGMgMi4wMTU2MjUgLTIuMDc4MTI1IDIuNDIxODc1IC01LjMzOTg0MyAxIC03LjgzNTkzNyBjIDEuMzk4NDM4IDIuNTExNzE4IDAuOTQ5MjE5IDUuNzUgLTEuMDU4NTkzIDcuNzc3MzQ0IGMgLTIuMDQ2ODc2IDEuOTg4MjgxIC01LjI3NzM0NCAyLjM5MDYyNCAtNy43MzQzNzYgMC45ODQzNzQgYyAtMi40MjE4NzQgLTEuNDQxNDA2IC0zLjY0MDYyNCAtNC40MTQwNjIgLTIuOTQ5MjE4IC03LjEyMTA5MyBjIC0wLjY2NDA2MyAyLjcxNDg0MyAwLjU4NTkzNyA1LjY1NjI1IDIuOTg4MjgxIDcuMDUwNzgxIGMgMi40Mzc1IDEuMzY3MTg4IDUuNjEzMjgxIDAuOTI1NzgxIDcuNTgyMDMxIC0xLjAzMTI1IGMgMS45MzM1OTQgLTEuOTg0Mzc1IDIuMzI4MTI1IC01LjE0ODQzOCAwLjk1NzAzMiAtNy41MzkwNjIgYyAxLjM0NzY1NiAyLjQwMjM0MyAwLjkxMDE1NiA1LjU0Mjk2OCAtMS4wMTU2MjYgNy40ODA0NjggYyAtMS45NjA5MzcgMS45MTAxNTYgLTUuMDg5ODQzIDIuMzAwNzgyIC03LjQ0MTQwNiAwLjk0OTIxOSBjIC0yLjMyMDMxMiAtMS4zNzg5MDYgLTMuNSAtNC4yNTc4MTMgLTIuODMyMDMxIC02Ljg0NzY1NiBjIC0wLjY0MDYyNSAyLjU5NzY1NiAwLjU3MDMxMyA1LjQ0NTMxMiAyLjg3MTA5NCA2Ljc3NzM0MyBjIDIuMzMyMDMxIDEuMzA4NTk0IDUuNDA2MjUgMC44ODI4MTMgNy4yODUxNTYgLTAuOTkyMTg3IGMgMS44NTU0NjkgLTEuODk4NDM3IDIuMjM0Mzc1IC00Ljk2NDg0NCAwLjkyMTg3NSAtNy4yNDYwOTQgYyAxLjI4OTA2MiAyLjI5Njg3NSAwLjg2NzE4OCA1LjMzOTg0NCAtMC45ODA0NjkgNy4xODc1IGMgLTEuODY3MTg3IDEuODI4MTI1IC00Ljg5ODQzNyAyLjIwNzAzMSAtNy4xNDQ1MzEgMC45MDYyNSBjIC0yLjIxODc1IC0xLjMwODU5MyAtMy4zNTkzNzUgLTQuMDk3NjU2IC0yLjcxODc1IC02LjU3NDIxOSBjIC0wLjYxNzE4OCAyLjQ4NDM3NiAwLjU1ODU5NCA1LjIzODI4MiAyLjc2MTcxOSA2LjUwMzkwNyBjIDIuMjIyNjU2IDEuMjU3ODEyIDUuMTk5MjE5IDAuODQzNzUgNi45ODgyODEgLTAuOTUzMTI1IGMgMS43NzM0MzggLTEuODA0Njg4IDIuMTQwNjI1IC00Ljc3MzQzOCAwLjg3ODkwNiAtNi45NDUzMTMgYyAxLjIzODI4MiAyLjE4NzUgMC44MjgxMjUgNS4xMjg5MDcgLTAuOTM3NSA2Ljg4NjcxOSBjIC0xLjc3NzM0NCAxLjc1IC00LjcxMDkzNyAyLjExMzI4MSAtNi44NDc2NTYgMC44NzEwOTQgYyAtMi4xMjEwOTQgLTEuMjQ2MDk0IC0zLjIyNjU2MiAtMy45NDE0MDYgLTIuNjA1NDY5IC02LjMwMDc4MiBjIC0wLjU5Mzc1IDIuMzY3MTg4IDAuNTQyOTY5IDUuMDMxMjUgMi42NDQ1MzEgNi4yMzA0NjkgYyAyLjExNzE4OCAxLjIwMzEyNSA0Ljk5MjE4OCAwLjgwMDc4MSA2LjY5MTQwNyAtMC45MTQwNjIgYyAxLjY5NTMxMiAtMS43MTg3NSAyLjA1MDc4MSAtNC41ODU5MzggMC44NDM3NSAtNi42NTIzNDQgYyAxLjE4MzU5MyAyLjA4MjAzMSAwLjc4NTE1NiA0LjkyNTc4MSAtMC45MDIzNDQgNi41OTM3NSBzIC00LjUxOTUzMSAyLjAxOTUzMSAtNi41NTA3ODEgMC44MjgxMjUgYyAtMi4wMTk1MzIgLTEuMTc1NzgxIC0zLjA4NTkzOCAtMy43ODUxNTYgLTIuNDg4MjgyIC02LjAyMzQzOCBjIC0wLjU3MDMxMiAyLjI0NjA5NCAwLjUyNzM0NCA0LjgyMDMxMyAyLjUzMTI1IDUuOTUzMTI2IGMgMi4wMDc4MTMgMS4xNTIzNDMgNC43ODUxNTcgMC43NjE3MTggNi4zOTQ1MzIgLTAuODc1IGMgMS42MTMyODEgLTEuNjI1IDEuOTU3MDMxIC00LjM5NDUzMiAwLjgwMDc4MSAtNi4zNTE1NjMgYyAxLjEzMjgxMyAxLjk3MjY1NiAwLjc0NjA5NCA0LjcxODc1IC0wLjg1OTM3NSA2LjI5Mjk2OSBjIC0xLjU5NzY1NiAxLjU4OTg0NCAtNC4zMzIwMzEgMS45Mjk2ODcgLTYuMjUzOTA2IDAuNzkyOTY4IGMgLTEuOTIxODc1IC0xLjExMzI4MSAtMi45NDkyMTkgLTMuNjI4OTA2IC0yLjM3NSAtNS43NTM5MDYgYyAtMC41NDY4NzUgMi4xMzI4MTMgMC41MTE3MTggNC42MTcxODggMi40MTQwNjIgNS42ODM1OTQgYyAxLjg5ODQzOCAxLjA5Mzc1IDQuNTgyMDMyIDAuNzE4NzUgNi4wOTc2NTYgLTAuODM1OTM4IGMgMS41MzUxNTcgLTEuNTM1MTU2IDEuODYzMjgyIC00LjIwNzAzMSAwLjc2NTYyNiAtNi4wNTg1OTMgYyAxLjA3NDIxOCAxLjg2NzE4NyAwLjcwNzAzMSA0LjUxMTcxOSAtMC44MjQyMTkgNiBjIC0xLjUwNzgxMyAxLjUxMTcxOSAtNC4xNDA2MjUgMS44MzU5MzcgLTUuOTU3MDMxIDAuNzUgYyAtMS44MjAzMTMgLTEuMDQ2ODc1IC0yLjgwODU5NCAtMy40Njg3NSAtMi4yNTc4MTMgLTUuNDc2NTYzIGMgLTAuNTIzNDM3IDIuMDE1NjI1IDAuNDk2MDk0IDQuNDA2MjUgMi4zMDA3ODEgNS40MDYyNSBjIDEuNzg5MDYzIDEuMDQyOTY5IDQuMzcxMDk0IDAuNjc5Njg4IDUuODAwNzgyIC0wLjc5Njg3NSBjIDEuNDUzMTI0IC0xLjQ0NTMxMiAxLjc2OTUzMSAtNC4wMTU2MjUgMC43MjI2NTYgLTUuNzU3ODEyIGMgMS4wMjM0MzcgMS43NTc4MTIgMC42Njc5NjggNC4zMDQ2ODcgLTAuNzgxMjUgNS42OTkyMTkgYyAtMS40MTc5NjkgMS40MzM1OTMgLTMuOTU3MDMyIDEuNzQ2MDkzIC01LjY2MDE1NiAwLjcxNDg0MyBjIC0xLjcyMjY1NyAtMC45ODA0NjkgLTIuNjcxODc2IC0zLjMxMjUgLTIuMTQ0NTMyIC01LjIwMzEyNSBjIC0wLjUwMzkwNiAxLjg5NDUzMiAwLjQ4MDQ2OSA0LjE5NTMxMyAyLjE4MzU5NCA1LjEzMjgxMyBjIDEuNjgzNTk0IDAuOTg4MjgxIDQuMTY3OTY5IDAuNjM2NzE5IDUuNTAzOTA2IC0wLjc1NzgxMyBjIDEuMzc4OTA2IC0xLjM1NTQ2OCAxLjY3OTY4OCAtMy44MjgxMjUgMC42ODc1IC01LjQ2NDg0NCBjIDAuOTY4NzUgMS42NTIzNDQgMC42MjUgNC4wOTc2NTcgLTAuNzQ2MDk0IDUuNDA2MjUgYyAtMS4zMjgxMjQgMS4zNTE1NjMgLTMuNzY1NjI0IDEuNjQ4NDM4IC01LjM2MzI4MSAwLjY3MTg3NiBjIC0xLjYyMTA5MyAtMC45MTQwNjMgLTIuNTM1MTU2IC0zLjE1MjM0NCAtMi4wMjczNDMgLTQuOTI1NzgyIGMgLTAuNDgwNDY5IDEuNzc3MzQ0IDAuNDY4NzUgMy45ODgyODIgMi4wNzAzMTIgNC44NTU0NjkgYyAxLjU3NDIxOSAwLjkzNzUgMy45NTcwMzEgMC42MDE1NjMgNS4yMDcwMzEgLTAuNzE4NzUgYyAxLjI5Njg3NSAtMS4yNjU2MjUgMS41ODU5MzggLTMuNjM2NzE5IDAuNjQ0NTMxIC01LjE2NDA2MyBjIDAuOTE3OTY5IDEuNTQyOTY5IDAuNTg1OTM4IDMuODkwNjI2IC0wLjcwMzEyNCA1LjEwNTQ2OSBjIC0xLjIzODI4MiAxLjI3MzQzOCAtMy41NzgxMjYgMS41NTg1OTQgLTUuMDY2NDA3IDAuNjM2NzE5IGMgLTEuNTIzNDM3IC0wLjg0NzY1NiAtMi4zOTg0MzcgLTMgLTEuOTE0MDYyIC00LjY1NjI1IGMgLTAuNDU3MDMxIDEuNjY0MDYyIDAuNDUzMTI1IDMuNzgxMjUgMS45NTMxMjUgNC41ODIwMzEgYyAxLjQ2ODc1IDAuODgyODEzIDMuNzUzOTA2IDAuNTU4NTk0IDQuOTEwMTU2IC0wLjY3OTY4NyBjIDEuMjE0ODQ0IC0xLjE3NTc4MiAxLjQ5MjE4OCAtMy40NDUzMTMgMC42MDU0NjkgLTQuODYzMjgyIGMgMC44NzUgMS40MjU3ODIgMC41NzgxMjUgMy42ODM1OTQgLTAuNjM2NzE5IDQuODM1OTM4IGMgLTEuMTQ4NDM4IDEuMjE0ODQ0IC0zLjQxMDE1NiAxLjUxMTcxOSAtNC44MzU5MzggMC42MzY3MTkgYyAtMS40Njg3NSAtMC43OTY4NzUgLTIuMzQzNzUgLTIuOTA2MjUgLTEuODY3MTg3IC00LjUwNzgxMyBjIDAuMzkwNjI1IC0xLjYyNSAyLjE5OTIxOSAtMy4wMTE3MTggMy44NzEwOTQgLTIuOTY4NzUgdiAtMC4wMDM5MDYgYyAwLjgxMjUgMCAxLjQ3MjY1NiAtMC42NjAxNTYgMS40NzI2NTYgLTEuNDcyNjU2IHMgLTAuNjYwMTU2IC0xLjQ3MjY1NiAtMS40NzI2NTYgLTEuNDcyNjU2IHogbSAwIDAiIGZpbGw9IiMyMjIyMjIiLz48L3N2Zz4K"); | |
| } | |
| /* action-unavailable */ | |
| & > [data-tab-id="BLOCKED"] { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJtIDggMCBjIC00LjQxMDE1NiAwIC04IDMuNTg5ODQ0IC04IDggcyAzLjU4OTg0NCA4IDggOCBzIDggLTMuNTg5ODQ0IDggLTggcyAtMy41ODk4NDQgLTggLTggLTggeiBtIDAgMiBjIDMuMzMyMDMxIDAgNiAyLjY2Nzk2OSA2IDYgYyAwIDEuMzAwNzgxIC0wLjQwNjI1IDIuNTAzOTA2IC0xLjEwNTQ2OSAzLjQ4MDQ2OSBsIC04LjM3ODkwNiAtOC4zNzUgYyAwLjk4MDQ2OSAtMC42OTkyMTkgMi4xODM1OTQgLTEuMTA1NDY5IDMuNDg0Mzc1IC0xLjEwNTQ2OSB6IG0gLTQuODk0NTMxIDIuNTE5NTMxIGwgOC4zNzg5MDYgOC4zNzUgYyAtMC45ODA0NjkgMC42OTkyMTkgLTIuMTgzNTk0IDEuMTA1NDY5IC0zLjQ4NDM3NSAxLjEwNTQ2OSBjIC0zLjMzMjAzMSAwIC02IC0yLjY2Nzk2OSAtNiAtNiBjIDAgLTEuMzAwNzgxIDAuNDA2MjUgLTIuNTAzOTA2IDEuMTA1NDY5IC0zLjQ4MDQ2OSB6IG0gMCAwIiBmaWxsPSIjMmUzNDM2Ii8+Cjwvc3ZnPgo="); | |
| } | |
| /* plus-circle-outline */ | |
| & > [data-tab-id="ADD_FRIEND"] { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+PHBhdGggZD0ibSA4IC0wLjAzMTI1IGMgLTQuNDAyMzQ0IDAgLTggMy41OTc2NTYgLTggOCBzIDMuNTk3NjU2IDggOCA4IHMgOCAtMy41OTc2NTYgOCAtOCBzIC0zLjU5NzY1NiAtOCAtOCAtOCB6IG0gMCAxLjk4MDQ2OSBjIDMuMzM5ODQ0IDAgNi4wMTU2MjUgMi42Nzk2ODcgNi4wMTU2MjUgNi4wMTk1MzEgcyAtMi42NzU3ODEgNi4wMTk1MzEgLTYuMDE1NjI1IDYuMDE5NTMxIHMgLTYuMDE5NTMxIC0yLjY3OTY4NyAtNi4wMTk1MzEgLTYuMDE5NTMxIHMgMi42Nzk2ODcgLTYuMDE5NTMxIDYuMDE5NTMxIC02LjAxOTUzMSB6IG0gLTEgMi4wNTA3ODEgdiAzIGggLTMgdiAyIGggMyB2IDMgaCAyIHYgLTMgaCAzIHYgLTIgaCAtMyB2IC0zIHogbSAwIDAiIGZpbGw9IiMyMjIyMjIiLz48L3N2Zz4K"); | |
| } | |
| } | |
| /* plus-circle-outline */ | |
| [aria-label="Upload a file or send invites"] { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+PHBhdGggZD0ibSA4IC0wLjAzMTI1IGMgLTQuNDAyMzQ0IDAgLTggMy41OTc2NTYgLTggOCBzIDMuNTk3NjU2IDggOCA4IHMgOCAtMy41OTc2NTYgOCAtOCBzIC0zLjU5NzY1NiAtOCAtOCAtOCB6IG0gMCAxLjk4MDQ2OSBjIDMuMzM5ODQ0IDAgNi4wMTU2MjUgMi42Nzk2ODcgNi4wMTU2MjUgNi4wMTk1MzEgcyAtMi42NzU3ODEgNi4wMTk1MzEgLTYuMDE1NjI1IDYuMDE5NTMxIHMgLTYuMDE5NTMxIC0yLjY3OTY4NyAtNi4wMTk1MzEgLTYuMDE5NTMxIHMgMi42Nzk2ODcgLTYuMDE5NTMxIDYuMDE5NTMxIC02LjAxOTUzMSB6IG0gLTEgMi4wNTA3ODEgdiAzIGggLTMgdiAyIGggMyB2IDMgaCAyIHYgLTMgaCAzIHYgLTIgaCAtMyB2IC0zIHogbSAwIDAiIGZpbGw9IiMyMjIyMjIiLz48L3N2Zz4K"); | |
| } | |
| /* image-round */ | |
| [aria-label="Open GIF picker"] { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+PGcgZmlsbD0iIzIyMjIyMiI+PHBhdGggZD0ibSA1Ljk3MjY1NiA1LjAyMzQzOCBjIC0wLjU1MDc4MSAwIC0xIDAuNDQ5MjE4IC0xIDEgYyAwIDAuNTU0Njg3IDAuNDQ5MjE5IDEgMSAxIGMgMC41NTA3ODIgMCAxIC0wLjQ0NTMxMyAxIC0xIGMgMCAtMC41NTA3ODIgLTAuNDQ5MjE4IC0xIC0xIC0xIHogbSAzLjE2NDA2MyAyLjE3NTc4MSBsIC0xLjc1IDIuNDM3NSBjIC0wLjEwMTU2MyAwLjE0NDUzMSAtMC4yNjE3MTkgMC4yMzQzNzUgLTAuNDM3NSAwLjI0NjA5MyBjIC0wLjE3NTc4MSAwLjAxNTYyNiAtMC4zNDc2NTcgLTAuMDUwNzgxIC0wLjQ3MjY1NyAtMC4xNzU3ODEgbCAtMC40MTAxNTYgLTAuNDE3OTY5IGMgLTAuMTgzNTk0IC0wLjE5MTQwNiAtMC40NDUzMTIgLTAuMjg1MTU2IC0wLjcwNzAzMSAtMC4yNjE3MTggYyAtMC4yNjE3MTkgMC4wMjczNDQgLTAuNSAwLjE2Nzk2OCAtMC42NDQ1MzEgMC4zODY3MTggbCAtMC43NDIxODggMS4xMDkzNzYgdiAxIGMgMCAwLjUgMC41IDAuNSAwLjUgMC41IGggNyBzIDAuNDcyNjU2IC0wLjAzMTI1IDAuNSAtMC41IHYgLTIuMTQ4NDM4IGMgMCAtMC4yNDIxODggLTAuMDgyMDMxIC0wLjQ3NjU2MiAtMC4yMzgyODEgLTAuNjY0MDYyIGwgLTEuMjc3MzQ0IC0xLjU1NDY4OCBjIC0wLjE2NDA2MiAtMC4xOTkyMTkgLTAuNDEwMTU2IC0wLjMwODU5NCAtMC42Njc5NjkgLTAuMzAwNzgxIGMgLTAuMjYxNzE4IDAuMDA3ODEyIC0wLjUgMC4xMzY3MTkgLTAuNjUyMzQzIDAuMzQzNzUgeiBtIDAgMCIvPjxwYXRoIGQ9Im0gMy45NzI2NTYgMS4wMjM0MzggYyAtMS42NDQ1MzEgMCAtMyAxLjM1NTQ2OCAtMyAzIHYgOCBjIDAgMS42NDg0MzcgMS4zNTU0NjkgMyAzIDMgaCA4IGMgMS42NDQ1MzIgMCAzIC0xLjM1MTU2MyAzIC0zIHYgLTggYyAwIC0xLjY0NDUzMiAtMS4zNTU0NjggLTMgLTMgLTMgeiBtIDAgMiBoIDggYyAwLjU3MDMxMyAwIDEgMC40Mjk2ODcgMSAxIHYgOCBjIDAgMC41NzQyMTggLTAuNDI5Njg3IDEgLTEgMSBoIC04IGMgLTAuNTcwMzEyIDAgLTEgLTAuNDI1NzgyIC0xIC0xIHYgLTggYyAwIC0wLjU3MDMxMyAwLjQyOTY4OCAtMSAxIC0xIHogbSAwIDAiLz48L2c+PC9zdmc+Cg=="); | |
| } | |
| /* emoji-people */ | |
| [aria-label="Select emoji"] { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJtIDggMCBjIC00LjQwMjM0NCAwIC04IDMuNTk3NjU2IC04IDggcyAzLjU5NzY1NiA4IDggOCBzIDggLTMuNTk3NjU2IDggLTggcyAtMy41OTc2NTYgLTggLTggLTggeiBtIDAgMS45ODA0NjkgYyAzLjMzOTg0NCAwIDYuMDE5NTMxIDIuNjc5Njg3IDYuMDE5NTMxIDYuMDE5NTMxIHMgLTIuNjc5Njg3IDYuMDE5NTMxIC02LjAxOTUzMSA2LjAxOTUzMSBzIC02LjAxOTUzMSAtMi42Nzk2ODcgLTYuMDE5NTMxIC02LjAxOTUzMSBzIDIuNjc5Njg3IC02LjAxOTUzMSA2LjAxOTUzMSAtNi4wMTk1MzEgeiBtIC0yIDMuMDE5NTMxIGMgLTAuNTUwNzgxIDAgLTEgMC40NDkyMTkgLTEgMSBzIDAuNDQ5MjE5IDEgMSAxIHMgMSAtMC40NDkyMTkgMSAtMSBzIC0wLjQ0OTIxOSAtMSAtMSAtMSB6IG0gNCAwIGMgLTAuNTUwNzgxIDAgLTEgMC40NDkyMTkgLTEgMSBzIDAuNDQ5MjE5IDEgMSAxIHMgMSAtMC40NDkyMTkgMSAtMSBzIC0wLjQ0OTIxOSAtMSAtMSAtMSB6IG0gLTUuMjgxMjUgNC4wNjY0MDYgYyAtMC4xMTMyODEgMC4wNjY0MDYgLTAuMTk5MjE5IDAuMTc1NzgyIC0wLjIzNDM3NSAwLjMwNDY4OCBzIC0wLjAxNTYyNSAwLjI2NTYyNSAwLjA1MDc4MSAwLjM3ODkwNiBjIDAuNzE0ODQ0IDEuMjM4MjgxIDIuMDM1MTU2IDIgMy40NjQ4NDQgMiBzIDIuNzUgLTAuNzYxNzE5IDMuNDY0ODQ0IC0yIGMgMC4wNjY0MDYgLTAuMTEzMjgxIDAuMDg1OTM3IC0wLjI1IDAuMDUwNzgxIC0wLjM3ODkwNiBzIC0wLjEyMTA5NCAtMC4yMzgyODIgLTAuMjM0Mzc1IC0wLjMwNDY4OCBzIC0wLjI1IC0wLjA4NTkzNyAtMC4zNzg5MDYgLTAuMDUwNzgxIHMgLTAuMjM4MjgyIDAuMTIxMDk0IC0wLjMwNDY4OCAwLjIzNDM3NSBjIC0wLjUzNTE1NiAwLjkyOTY4OCAtMS41MjM0MzcgMS41IC0yLjU5NzY1NiAxLjUgcyAtMi4wNjI1IC0wLjU3MDMxMiAtMi41OTc2NTYgLTEuNSBjIC0wLjA2NjQwNiAtMC4xMTMyODEgLTAuMTc1NzgyIC0wLjE5OTIxOSAtMC4zMDQ2ODggLTAuMjM0Mzc1IHMgLTAuMjY1NjI1IC0wLjAxNTYyNSAtMC4zNzg5MDYgMC4wNTA3ODEgeiBtIDAgMCIgZmlsbD0iIzJlMzQzNiIvPgo8L3N2Zz4K"); | |
| } | |
| /* paper-plane */ | |
| [aria-label="Send Message"] { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+PHBhdGggZD0ibSAxNSA4IGwgLTE0IC03IHYgNiBsIDggMSBsIC04IDEgdiA2IHogbSAwIDAiIGZpbGw9IiMyMjIyMjIiLz48L3N2Zz4K"); | |
| } | |
| /* */ | |
| [data-tab-id=""] { | |
| --icon: url("data:image/svg+xml;base64,"); | |
| } | |
| /* */ | |
| [data-tab-id="My Account"] { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+PHBhdGggZD0ibSA4IDEgYyAtMS42NTYyNSAwIC0zIDEuMzQzNzUgLTMgMyBzIDEuMzQzNzUgMyAzIDMgcyAzIC0xLjM0Mzc1IDMgLTMgcyAtMS4zNDM3NSAtMyAtMyAtMyB6IG0gLTEuNSA3IGMgLTIuNDkyMTg4IDAgLTQuNSAyLjAwNzgxMiAtNC41IDQuNSB2IDEuNSBjIDAgMSAxIDEgMSAxIGggMTAgcyAxIDAgMSAtMSB2IC0xLjUgYyAwIC0yLjQ5MjE4OCAtMi4wMDc4MTIgLTQuNSAtNC41IC00LjUgeiBtIDAgMCIgZmlsbD0iIzIyMjIyMiIvPjwvc3ZnPgo="); | |
| } | |
| /* edit */ | |
| [data-tab-id="Profile Customization"] { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+PHBhdGggZD0ibSAxMi4yNzczNDQgMC44MzIwMzEgYyAtMC41NzgxMjUgMC4wMDc4MTMgLTEuMTY3OTY5IDAuMjMwNDY5IC0xLjY5MTQwNiAwLjc1MzkwNyBsIC05IDkgYyAtMC4zNzUgMC4zNzUgLTAuNTg1OTM4IDAuODgyODEyIC0wLjU4NTkzOCAxLjQxNDA2MiB2IDMgaCAzIGMgMC41MzEyNSAwIDEuMDM5MDYyIC0wLjIxMDkzOCAxLjQxNDA2MiAtMC41ODU5MzggbCA5IC05IGMgMS43ODkwNjMgLTEuNzg5MDYyIDAuMDgyMDMyIC00LjM5MDYyNCAtMS44OTA2MjQgLTQuNTcwMzEyIGMgLTAuMDgyMDMyIC0wLjAxMTcxOSAtMC4xNjQwNjMgLTAuMDExNzE5IC0wLjI0NjA5NCAtMC4wMTE3MTkgeiBtIC0xLjc3NzM0NCAzLjYwNTQ2OSBsIDEuMDYyNSAxLjA2MjUgbCAtNy4wNjI1IDcuMDYyNSBsIC0xLjA2MjUgLTEuMDYyNSB6IG0gMCAwIiBmaWxsPSIjMjIyMjIyIi8+PC9zdmc+Cg=="); | |
| } | |
| /* screen-privacy4 */ | |
| [data-tab-id="Privacy & Safety"], | |
| [data-tab-id="Activity Privacy"] { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+PGcgZmlsbD0iIzIyMjIyMiI+PHBhdGggZD0ibSAzIDEgYyAtMS42NjAxNTYgMCAtMyAxLjMzOTg0NCAtMyAzIHYgNyBjIDAgMS42NjAxNTYgMS4zMzk4NDQgMyAzIDMgaCAxMCBjIDEuNjY0MDYyIDAgMyAtMS4zMzk4NDQgMyAtMyB2IC03IGMgMCAtMS42NjAxNTYgLTEuMzM1OTM4IC0zIC0zIC0zIHogbSAwIDIgaCAxMCBjIDAuNTU0Njg4IDAgMSAwLjQ0NTMxMiAxIDEgdiA3IGMgMCAwLjU1NDY4OCAtMC40NDUzMTIgMSAtMSAxIGggLTEwIGMgLTAuNTU0Njg4IDAgLTEgLTAuNDQ1MzEyIC0xIC0xIHYgLTcgYyAwIC0wLjU1NDY4OCAwLjQ0NTMxMiAtMSAxIC0xIHogbSAwIDAiLz48cGF0aCBkPSJtIDggMTYgYyAzIDAgNCAtMSA0IC0xIGggLTggcyAxIDEgNCAxIHogbSAwIDAiLz48cGF0aCBkPSJtIDggNCBsIDMgMS4xMzI4MTIgdiAxLjg1MTU2MyBjIDAgMS42NjAxNTYgLTIgNC4wMTU2MjUgLTMgNC4wMTU2MjUgYyAtMC45MDIzNDQgMCAtMyAtMi4zNTU0NjkgLTMgLTQuMDE1NjI1IHYgLTEuODUxNTYzIHogbSAwIDAiLz48L2c+PC9zdmc+Cg=="); | |
| } | |
| /* eye-open-negative-filled */ | |
| [data-tab-id="Family Center"] { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+PGcgZmlsbD0iIzIyMjIyMiI+PHBhdGggZD0ibSA4IDIgYyAtMy42NDg0MzggMC4wMDM5MDYgLTYuODMyMDMxIDIuNDc2NTYyIC03LjczODI4MSA2LjAwNzgxMiBjIDAuOTE0MDYyIDMuNTI3MzQ0IDQuMDk3NjU2IDUuOTg4MjgyIDcuNzM4MjgxIDUuOTkyMTg4IGMgMy42NDg0MzggLTAuMDAzOTA2IDYuODMyMDMxIC0yLjQ3NjU2MiA3LjczODI4MSAtNi4wMTE3MTkgYyAtMC45MTQwNjIgLTMuNTIzNDM3IC00LjA5NzY1NiAtNS45ODQzNzUgLTcuNzM4MjgxIC01Ljk4ODI4MSB6IG0gMCAyIGMgMi4yMTA5MzggMCA0IDEuNzg5MDYyIDQgNCBzIC0xLjc4OTA2MiA0IC00IDQgcyAtNCAtMS43ODkwNjIgLTQgLTQgcyAxLjc4OTA2MiAtNCA0IC00IHogbSAwIDAiLz48cGF0aCBkPSJtIDEwIDggYyAwIDEuMTA1NDY5IC0wLjg5NDUzMSAyIC0yIDIgcyAtMiAtMC44OTQ1MzEgLTIgLTIgcyAwLjg5NDUzMSAtMiAyIC0yIHMgMiAwLjg5NDUzMSAyIDIgeiBtIDAgMCIvPjwvZz48L3N2Zz4K"); | |
| } | |
| /* grid-large */ | |
| [data-tab-id="Authorized Apps"] { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+PHBhdGggZD0ibSAyIDAgYyAtMS4wODk4NDQgMCAtMiAwLjkxMDE1NiAtMiAyIHYgMyBjIDAgMS4wODk4NDQgMC45MTAxNTYgMiAyIDIgaCAzIGMgMS4wODk4NDQgMCAyIC0wLjkxMDE1NiAyIC0yIHYgLTMgYyAwIC0xLjA4OTg0NCAtMC45MTAxNTYgLTIgLTIgLTIgeiBtIDggMCBjIC0xLjA4OTg0NCAwIC0yIDAuOTEwMTU2IC0yIDIgdiAzIGMgMCAxLjA4OTg0NCAwLjkxMDE1NiAyIDIgMiBoIDMgYyAxLjA4OTg0NCAwIDIgLTAuOTEwMTU2IDIgLTIgdiAtMyBjIDAgLTEuMDg5ODQ0IC0wLjkxMDE1NiAtMiAtMiAtMiB6IG0gLTggMiBoIDMgdiAzIGggLTMgeiBtIDggMCBoIDMgdiAzIGggLTMgeiBtIC04IDYgYyAtMS4wODk4NDQgMCAtMiAwLjkxMDE1NiAtMiAyIHYgMyBjIDAgMS4wODk4NDQgMC45MTAxNTYgMiAyIDIgaCAzIGMgMS4wODk4NDQgMCAyIC0wLjkxMDE1NiAyIC0yIHYgLTMgYyAwIC0xLjA4OTg0NCAtMC45MTAxNTYgLTIgLTIgLTIgeiBtIDggMCBjIC0xLjA4OTg0NCAwIC0yIDAuOTEwMTU2IC0yIDIgdiAzIGMgMCAxLjA4OTg0NCAwLjkxMDE1NiAyIDIgMiBoIDMgYyAxLjA4OTg0NCAwIDIgLTAuOTEwMTU2IDIgLTIgdiAtMyBjIDAgLTEuMDg5ODQ0IC0wLjkxMDE1NiAtMiAtMiAtMiB6IG0gLTggMiBoIDMgdiAzIGggLTMgeiBtIDggMCBoIDMgdiAzIGggLTMgeiBtIDAgMCIgZmlsbD0iIzIyMjIyMiIvPjwvc3ZnPgo="); | |
| } | |
| /* smartphone */ | |
| [data-tab-id="Sessions"] { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+PHBhdGggZD0ibSA0LjE5OTIxOSAwIGMgLTEuMjAzMTI1IDAgLTIuMTk5MjE5IDEgLTIuMTk5MjE5IDIuMTk5MjE5IHYgMTEuNjAxNTYyIGMgMCAxLjE5OTIxOSAwLjk5NjA5NCAyLjE5OTIxOSAyLjE5OTIxOSAyLjE5OTIxOSBoIDcuNjA1NDY5IGMgMS4yMDMxMjQgMCAyLjE5NTMxMiAtMSAyLjE5NTMxMiAtMi4xOTkyMTkgdiAtMTEuNjAxNTYyIGMgMCAtMS4xOTkyMTkgLTAuOTkyMTg4IC0yLjE5OTIxOSAtMi4xOTUzMTIgLTIuMTk5MjE5IHogbSAwIDIgaCA3LjYwNTQ2OSBjIDAuMTI1IDAgMC4xOTUzMTIgMC4wNzAzMTIgMC4xOTUzMTIgMC4xOTkyMTkgdiA5LjU0Mjk2OSBjIDAgMC4xMzI4MTIgLTAuMDcwMzEyIDAuMjAzMTI0IC0wLjE5NTMxMiAwLjIwMzEyNCBoIC03LjYwNTQ2OSBjIC0wLjEyNSAwIC0wLjE5OTIxOSAtMC4wNzAzMTIgLTAuMTk5MjE5IC0wLjIwMzEyNCB2IC05LjU0Mjk2OSBjIDAgLTAuMTI4OTA3IDAuMDc0MjE5IC0wLjE5OTIxOSAwLjE5OTIxOSAtMC4xOTkyMTkgeiBtIDMuODAwNzgxIDEwLjgzNTkzOCBjIDAuNTUwNzgxIDAgMSAwLjQ0OTIxOCAxIDEgYyAwIDAuNTUwNzgxIC0wLjQ0OTIxOSAxIC0xIDEgcyAtMSAtMC40NDkyMTkgLTEgLTEgYyAwIC0wLjU1MDc4MiAwLjQ0OTIxOSAtMSAxIC0xIHogbSAwIDAiIGZpbGw9IiMyMjIyMjIiLz48L3N2Zz4K"); | |
| } | |
| /* phonelink */ | |
| [data-tab-id="Connections"] { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+PGcgZmlsbD0iIzIyMjIyMiI+PHBhdGggZD0ibSAyIDQuMDM1MTU2IHYgNi45NjQ4NDQgaCAtMiBjIDAgMS4xMDU0NjkgMC44OTQ1MzEgMiAyIDIgaCA4IHYgLTIgaCAtNiB2IC03IGggOSB2IDIgaCAyIHYgLTIuMDQyOTY5IGMgMCAtMS4wODIwMzEgLTAuODc1IC0xLjk1NzAzMSAtMS45NTcwMzEgLTEuOTU3MDMxIGggLTkuMDA3ODEzIGMgLTEuMTI1IDAgLTIuMDM1MTU2IDAuOTEwMTU2IC0yLjAzNTE1NiAyLjAzNTE1NiB6IG0gMCAwIi8+PHBhdGggZD0ibSAxMSA4LjAxNTYyNSB2IDUuMDQyOTY5IGMgMCAwLjUxOTUzMSAwLjQyMTg3NSAwLjk0MTQwNiAwLjk0MTQwNiAwLjk0MTQwNiBoIDMuMDU4NTk0IGMgMC41NTA3ODEgMCAxIC0wLjQ0OTIxOSAxIC0xIHYgLTUgYyAwIC0wLjU1MDc4MSAtMC40NDkyMTkgLTEgLTEgLTEgaCAtMi45ODQzNzUgYyAtMC41NjI1IDAgLTEuMDE1NjI1IDAuNDUzMTI1IC0xLjAxNTYyNSAxLjAxNTYyNSB6IG0gMSAtMC4wMTU2MjUgaCAzIHYgNCBoIC0zIHogbSAwIDAiLz48L2c+PC9zdmc+Cg=="); | |
| } | |
| /* microphone */ | |
| [data-tab-id="Settings Clips"], | |
| [data-tab-id="Voice & Video"] { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+PHBhdGggZD0ibSA4IDAgYyAtMS42NjAxNTYgMCAtMyAxLjMzOTg0NCAtMyAzIHYgNSBjIDAgMS42NjAxNTYgMS4zMzk4NDQgMyAzIDMgcyAzIC0xLjMzOTg0NCAzIC0zIHYgLTUgYyAwIC0xLjY2MDE1NiAtMS4zMzk4NDQgLTMgLTMgLTMgeiBtIDAgMiBjIDAuNTU0Njg4IDAgMSAwLjQ0NTMxMiAxIDEgdiA1IGMgMCAwLjU1NDY4OCAtMC40NDUzMTIgMSAtMSAxIHMgLTEgLTAuNDQ1MzEyIC0xIC0xIHYgLTUgYyAwIC0wLjU1NDY4OCAwLjQ0NTMxMiAtMSAxIC0xIHogbSAtNiA1IHYgMS4wMTE3MTkgYyAwIDIuOTY0ODQzIDIuMTY0MDYyIDUuNDI5Njg3IDUgNS45MDYyNSB2IDIuMDgyMDMxIGggMiB2IC0yLjA4MjAzMSBjIDIuODM1OTM4IC0wLjQ3NjU2MyA1IC0yLjk0MTQwNyA1IC01LjkwNjI1IHYgLTEuMDExNzE5IGggLTEuNSB2IDEuMDExNzE5IGMgMCAyLjUgLTEuOTkyMTg4IDQuNDg4MjgxIC00LjUgNC40ODgyODEgcyAtNC41IC0xLjk4ODI4MSAtNC41IC00LjQ4ODI4MSB2IC0xLjAxMTcxOSB6IG0gMCAwIiBmaWxsPSIjMjIyMjIyIi8+PC9zdmc+Cg=="); | |
| } | |
| /* contact-new */ | |
| [data-tab-id="Friend Requests"] { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJtIDggMSBjIC0xLjY1NjI1IDAgLTMgMS4zNDM3NSAtMyAzIHMgMS4zNDM3NSAzIDMgMyBzIDMgLTEuMzQzNzUgMyAtMyBzIC0xLjM0Mzc1IC0zIC0zIC0zIHogbSAtMS41IDcgYyAtMi40OTIxODggMCAtNC41IDIuMDA3ODEyIC00LjUgNC41IHYgMC41IGMgMCAxLjEwOTM3NSAwLjg5MDYyNSAyIDIgMiBoIDYgdiAtMSBoIC0zIHYgLTQgaCAzIHYgLTEuOTcyNjU2IGMgLTAuMTY0MDYyIC0wLjAxOTUzMiAtMC4zMzIwMzEgLTAuMDI3MzQ0IC0wLjUgLTAuMDI3MzQ0IHogbSA0LjUgMCB2IDMgaCAtMyB2IDIgaCAzIHYgMyBoIDIgdiAtMyBoIDMgdiAtMiBoIC0zIHYgLTMgeiBtIDAgMCIgZmlsbD0iIzJlMzQzNiIvPgo8L3N2Zz4K"); | |
| } | |
| /* brush-monitor */ | |
| [data-tab-id="Appearance"] { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+PHBhdGggZD0ibSAxMy4zOTg0MzggMCBsIC0zLjQ2ODc1IDMuNDU3MDMxIGMgMC42ODM1OTMgMC4zNTU0NjkgMS4yMzQzNzQgMC45MTAxNTcgMS41ODk4NDMgMS41ODk4NDQgbCAwLjE3MTg3NSAtMC4xNzE4NzUgbCAwLjAwNzgxMyAwLjAwNzgxMiBsIDQuMzAwNzgxIC00LjMwMDc4MSB2IC0wLjU4MjAzMSB6IG0gLTEwLjM5ODQzOCAxIGMgLTEuNjQ0NTMxIDAgLTMgMS4zNTU0NjkgLTMgMyB2IDYgYyAwIDEuNjQ0NTMxIDEuMzU1NDY5IDMgMyAzIGggMTAgYyAxLjY0NDUzMSAwIDMgLTEuMzU1NDY5IDMgLTMgdiAtNiBjIDAgLTAuNTcwMzEyIC0wLjE2Nzk2OSAtMS4xMDE1NjIgLTAuNDQ5MjE5IC0xLjU1ODU5NCBsIC0xLjU1MDc4MSAxLjU1NDY4OCB2IDYuMDAzOTA2IGMgMCAwLjU3MDMxMiAtMC40Mjk2ODggMSAtMSAxIGggLTEwIGMgLTAuNTcwMzEyIDAgLTEgLTAuNDI5Njg4IC0xIC0xIHYgLTYgYyAwIC0wLjU3MDMxMiAwLjQyOTY4OCAtMSAxIC0xIGggNS45Njg3NSBsIDIuMDA3ODEyIC0yIHogbSA1IDMgYyAtMS42NTYyNSAwIC0zIDEuMzM5ODQ0IC0zIDMgdiAzIGggMyBjIDEuNjYwMTU2IDAuMDA3ODEyIDMgLTEuMzQzNzUgMyAtMyBjIDAgLTEuNjYwMTU2IC0xLjMzOTg0NCAtMyAtMyAtMyB6IG0gLTMgMTAgYyAtMS4xMDU0NjkgMCAtMiAwLjg5NDUzMSAtMiAyIGggMTAgYyAwIC0xLjEwNTQ2OSAtMC44OTQ1MzEgLTIgLTIgLTIgeiBtIDAgMCIgZmlsbD0iIzIyMjIyMiIvPjwvc3ZnPgo="); | |
| } | |
| /* body */ | |
| [data-tab-id="Accessibility"] { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+PGcgZmlsbD0iIzIyMjIyMiI+PHBhdGggZD0ibSA4LjAxNTYyNSAwIGMgMS4xMDU0NjkgMCAyIDAuODk0NTMxIDIgMiBzIC0wLjg5NDUzMSAyIC0yIDIgYyAtMS4xMDE1NjMgMCAtMiAtMC44OTQ1MzEgLTIgLTIgcyAwLjg5ODQzNyAtMiAyIC0yIHogbSAwIDAiLz48cGF0aCBkPSJtIDMgNyBoIDIgdiA4IGMgMCAwLjU1MDc4MSAwLjQ0OTIxOSAxIDEgMSBzIDEgLTAuNDQ5MjE5IDEgLTEgdiAtMyBjIDAgLTAuNTUwNzgxIDAuNDQ5MjE5IC0xIDEgLTEgcyAxIDAuNDQ5MjE5IDEgMSB2IDMgYyAwIDAuNTUwNzgxIDAuNDQ5MjE5IDEgMSAxIHMgMSAtMC40NDkyMTkgMSAtMSB2IC04IGggMiBjIDAuNTUwNzgxIDAgMSAtMC40NDkyMTkgMSAtMSBzIC0wLjQ0OTIxOSAtMSAtMSAtMSBoIC0xMCBjIC0wLjU1MDc4MSAwIC0xIDAuNDQ5MjE5IC0xIDEgcyAwLjQ0OTIxOSAxIDEgMSB6IG0gMCAwIi8+PC9nPjwvc3ZnPgo="); | |
| } | |
| /* chat */ | |
| [data-tab-id="Text & Images"] { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+PHBhdGggZD0ibSAxMy41IDEuOTg4MjgxIGMgMS4zODI4MTIgMCAyLjUwMzkwNiAxLjExNzE4OCAyLjUgMi41IHYgNiBjIDAgMS4zODY3MTkgLTEuMTEzMjgxIDIuNSAtMi41IDIuNSBoIC02LjM3NSBsIC0zLjEyNSAzIHYgLTMgaCAtMS41IGMgLTEuNSAwIC0yLjUgLTEuMzEyNSAtMi41IC0yLjUgdiAtNiBjIDAgLTEuMzgyODEyIDEuMTE3MTg4IC0yLjUgMi41IC0yLjUgeiBtIDAgMCIgZmlsbD0iIzIyMjIyMiIvPjwvc3ZnPgo="); | |
| } | |
| /* bell-outline */ | |
| [data-tab-id="Notifications"] { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+PHBhdGggZD0ibSA4IDAgYyAtMC44MjgxMjUgMCAtMS41IDAuNjcxODc1IC0xLjUgMS41IGMgMCAwLjA3NDIxOSAwLjAwNzgxMiAwLjE0ODQzOCAwLjAxNTYyNSAwLjIyMjY1NiBjIC0yLjA4OTg0NCAwLjY1MjM0NCAtMy41MTU2MjUgMi41ODU5MzggLTMuNTE1NjI1IDQuNzc3MzQ0IHYgNC41IGggLTAuNSBjIC0wLjU1NDY4OCAwIC0xIDAuNDQ1MzEyIC0xIDEgcyAwLjQ0NTMxMiAxIDEgMSBoIDExIGMgMC41NTQ2ODggMCAxIC0wLjQ0NTMxMiAxIC0xIHMgLTAuNDQ1MzEyIC0xIC0xIC0xIGggLTAuNTAzOTA2IHYgLTQuNDA2MjUgYyAwLjAwMzkwNiAtMC4wMzEyNSAwLjAwMzkwNiAtMC4wNjI1IDAuMDAzOTA2IC0wLjA5Mzc1IGMgMCAtMi4xOTE0MDYgLTEuNDI1NzgxIC00LjEyNSAtMy41MTk1MzEgLTQuNzczNDM4IGMgMC4wMTU2MjUgLTAuMDc4MTI0IDAuMDE5NTMxIC0wLjE1MjM0MyAwLjAxOTUzMSAtMC4yMjY1NjIgYyAwIC0wLjgyODEyNSAtMC42Njc5NjkgLTEuNSAtMS41IC0xLjUgeiBtIDAgMy41IGMgMS42NTYyNSAwIDMgMS4zNDM3NSAzIDMgdiA0LjUgaCAtNiB2IC00LjUgYyAwIC0xLjY1NjI1IDEuMzQzNzUgLTMgMyAtMyB6IG0gLTIgMTAuNSBjIDAgMC43MTQ4NDQgMC4zODI4MTIgMS4zNzUgMSAxLjczMDQ2OSBjIDAuNjE3MTg4IDAuMzU5Mzc1IDEuMzgyODEyIDAuMzU5Mzc1IDIgMCBjIDAuNjE3MTg4IC0wLjM1NTQ2OSAxIC0xLjAxNTYyNSAxIC0xLjczMDQ2OSB6IG0gMCAwIiBmaWxsPSIjMjIyMjIyIi8+PC9zdmc+Cg=="); | |
| } | |
| /* keyboard3 */ | |
| [data-tab-id="Keybinds"] { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+PHBhdGggZD0ibSAyLjUgMiBjIC0xLjM2NzE4OCAwIC0yLjUgMS4xMzI4MTIgLTIuNSAyLjUgdiA3IGMgMCAxLjM2NzE4OCAxLjEzMjgxMiAyLjUgMi41IDIuNSBoIDExIGMgMS4zNjcxODggMCAyLjUgLTEuMTMyODEyIDIuNSAtMi41IHYgLTcgYyAwIC0xLjM2NzE4OCAtMS4xMzI4MTIgLTIuNSAtMi41IC0yLjUgeiBtIDAgMiBoIDEgYyAwLjI3NzM0NCAwIDAuNSAwLjIyMjY1NiAwLjUgMC41IHYgMSBjIDAgMC4yNzczNDQgLTAuMjIyNjU2IDAuNSAtMC41IDAuNSBoIC0xIGMgLTAuMjc3MzQ0IDAgLTAuNSAtMC4yMjI2NTYgLTAuNSAtMC41IHYgLTEgYyAwIC0wLjI0MjE4OCAwLjE3MTg3NSAtMC40NDUzMTIgMC4zOTg0MzggLTAuNDg4MjgxIGMgMC4wMzEyNSAtMC4wMDc4MTMgMC4wNjY0MDYgLTAuMDExNzE5IDAuMTAxNTYyIC0wLjAxMTcxOSB6IG0gMyAwIGggMSBjIDAuMjc3MzQ0IDAgMC41IDAuMjIyNjU2IDAuNSAwLjUgdiAxIGMgMCAwLjI3NzM0NCAtMC4yMjI2NTYgMC41IC0wLjUgMC41IGggLTEgYyAtMC4yNzczNDQgMCAtMC41IC0wLjIyMjY1NiAtMC41IC0wLjUgdiAtMSBjIDAgLTAuMjc3MzQ0IDAuMjIyNjU2IC0wLjUgMC41IC0wLjUgeiBtIDMgMCBoIDEgYyAwLjI3NzM0NCAwIDAuNSAwLjIyMjY1NiAwLjUgMC41IHYgMSBjIDAgMC4yNzczNDQgLTAuMjIyNjU2IDAuNSAtMC41IDAuNSBoIC0xIGMgLTAuMjc3MzQ0IDAgLTAuNSAtMC4yMjI2NTYgLTAuNSAtMC41IHYgLTEgYyAwIC0wLjI3NzM0NCAwLjIyMjY1NiAtMC41IDAuNSAtMC41IHogbSAzIDAgaCAxIGMgMC4yNzczNDQgMCAwLjUgMC4yMjI2NTYgMC41IDAuNSB2IDEgYyAwIDAuMjc3MzQ0IC0wLjIyMjY1NiAwLjUgLTAuNSAwLjUgaCAtMSBjIC0wLjI3NzM0NCAwIC0wLjUgLTAuMjIyNjU2IC0wLjUgLTAuNSB2IC0xIGMgMCAtMC4yNzczNDQgMC4yMjI2NTYgLTAuNSAwLjUgLTAuNSB6IG0gLTggMyBoIDEgYyAwLjI3NzM0NCAwIDAuNSAwLjIyMjY1NiAwLjUgMC41IHYgMSBjIDAgMC4yNzczNDQgLTAuMjIyNjU2IDAuNSAtMC41IDAuNSBoIC0xIGMgLTAuMjc3MzQ0IDAgLTAuNSAtMC4yMjI2NTYgLTAuNSAtMC41IHYgLTEgYyAwIC0wLjI3NzM0NCAwLjIyMjY1NiAtMC41IDAuNSAtMC41IHogbSAzIDAgaCAxIGMgMC4yNzczNDQgMCAwLjUgMC4yMjI2NTYgMC41IDAuNSB2IDEgYyAwIDAuMjc3MzQ0IC0wLjIyMjY1NiAwLjUgLTAuNSAwLjUgaCAtMSBjIC0wLjI3NzM0NCAwIC0wLjUgLTAuMjIyNjU2IC0wLjUgLTAuNSB2IC0xIGMgMCAtMC4yNzczNDQgMC4yMjI2NTYgLTAuNSAwLjUgLTAuNSB6IG0gMyAwIGggMSBjIDAuMjc3MzQ0IDAgMC41IDAuMjIyNjU2IDAuNSAwLjUgdiAxIGMgMCAwLjI3NzM0NCAtMC4yMjI2NTYgMC41IC0wLjUgMC41IGggLTEgYyAtMC4yNzczNDQgMCAtMC41IC0wLjIyMjY1NiAtMC41IC0wLjUgdiAtMSBjIDAgLTAuMjc3MzQ0IDAuMjIyNjU2IC0wLjUgMC41IC0wLjUgeiBtIDMgMCBoIDEgYyAwLjI3NzM0NCAwIDAuNSAwLjIyMjY1NiAwLjUgMC41IHYgMSBjIDAgMC4yNzczNDQgLTAuMjIyNjU2IDAuNSAtMC41IDAuNSBoIC0xIGMgLTAuMjc3MzQ0IDAgLTAuNSAtMC4yMjI2NTYgLTAuNSAtMC41IHYgLTEgYyAwIC0wLjI3NzM0NCAwLjIyMjY1NiAtMC41IDAuNSAtMC41IHogbSAtMTAgMyBoIDEgYyAwLjI3NzM0NCAwIDAuNSAwLjIyMjY1NiAwLjUgMC41IHYgMSBjIDAgMC4yNzczNDQgLTAuMjIyNjU2IDAuNSAtMC41IDAuNSBoIC0xIGMgLTAuMjc3MzQ0IDAgLTAuNSAtMC4yMjI2NTYgLTAuNSAtMC41IHYgLTEgYyAwIC0wLjI3NzM0NCAwLjIyMjY1NiAtMC41IDAuNSAtMC41IHogbSAzIDAgaCA0IGMgMC4yNzczNDQgMCAwLjUgMC4yMjI2NTYgMC41IDAuNSB2IDEgYyAwIDAuMjc3MzQ0IC0wLjIyMjY1NiAwLjUgLTAuNSAwLjUgaCAtNCBjIC0wLjI3NzM0NCAwIC0wLjUgLTAuMjIyNjU2IC0wLjUgLTAuNSB2IC0xIGMgMCAtMC4yNzczNDQgMC4yMjI2NTYgLTAuNSAwLjUgLTAuNSB6IG0gNiAwIGggMSBjIDAuMjc3MzQ0IDAgMC41IDAuMjIyNjU2IDAuNSAwLjUgdiAxIGMgMCAwLjI3NzM0NCAtMC4yMjI2NTYgMC41IC0wLjUgMC41IGggLTEgYyAtMC4yNzczNDQgMCAtMC41IC0wLjIyMjY1NiAtMC41IC0wLjUgdiAtMSBjIDAgLTAuMjc3MzQ0IDAuMjIyNjU2IC0wLjUgMC41IC0wLjUgeiBtIDAgMCIgZmlsbD0iIzIyMjIyMiIvPjwvc3ZnPgo="); | |
| } | |
| /* translate */ | |
| [data-tab-id="Language"] { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+PHBhdGggZD0ibSAzIDEuOTg4MjgxIGMgLTEuNjQ0NTMxIDAgLTMgMS4zNTU0NjkgLTMgMyB2IDYgYyAwIDEuNjQ0NTMxIDEuMzU1NDY5IDMgMyAzIGggMTAgYyAxLjY0NDUzMSAwIDMgLTEuMzU1NDY5IDMgLTMgdiAtNiBjIDAgLTEuNjQ0NTMxIC0xLjM1NTQ2OSAtMyAtMyAtMyB6IG0gMTAgMiBjIDAuNTcwMzEyIDAgMSAwLjQyOTY4OCAxIDEgdiA2IGMgMCAwLjU3MDMxMyAtMC40Mjk2ODggMSAtMSAxIGggLTUgdiAtNy45ODgyODEgeiBtIC0yIDEuMDAzOTA3IGMgLTAuMjc3MzQ0IDAgLTAuNSAwLjIyMjY1NiAtMC41IDAuNSB2IDAuNTA3ODEyIGggLTEgYyAtMC4yNzczNDQgMCAtMC41IDAuMjIyNjU2IC0wLjUgMC41IHMgMC4yMjI2NTYgMC41IDAuNSAwLjUgaCAyLjQyMTg3NSBjIC0wLjA0Mjk2OSAwLjY4MzU5NCAtMC4xNjAxNTYgMS40MDIzNDQgLTAuNTIzNDM3IDEuOTM3NSBjIC0wLjE0NDUzMiAtMC4xODc1IC0wLjMwMDc4MiAtMC40MTQwNjIgLTAuNDcyNjU3IC0wLjY5NTMxMiBjIC0wLjE0MDYyNSAtMC4yMzQzNzYgLTAuNDQ5MjE5IC0wLjMwODU5NCAtMC42ODM1OTMgLTAuMTY3OTY5IGMgLTAuMjM0Mzc2IDAuMTQwNjI1IC0wLjMxMjUgMC40NDkyMTkgLTAuMTY3OTY5IDAuNjg3NSBjIDAuMjE0ODQzIDAuMzU1NDY5IDAuNDIxODc1IDAuNjQ4NDM3IDAuNjI4OTA2IDAuODk0NTMxIGMgLTAuMzUxNTYzIDAuMjQyMTg4IC0wLjc0NjA5NCAwLjM2NzE4OCAtMS4xNzE4NzUgMC4zNDM3NSBjIC0wLjEzMjgxMiAtMC4wMDc4MTIgLTAuMjYxNzE5IDAuMDM5MDYyIC0wLjM1OTM3NSAwLjEyODkwNiBjIC0wLjEwMTU2MyAwLjA4OTg0NCAtMC4xNjAxNTYgMC4yMTQ4NDQgLTAuMTY3OTY5IDAuMzQzNzUgYyAtMC4wMTE3MTggMC4yNzczNDQgMC4xOTkyMTkgMC41MTE3MTkgMC40NzY1NjMgMC41MjczNDQgYyAwLjczNDM3NSAwLjAzOTA2MiAxLjM5ODQzNyAtMC4yMTg3NSAxLjk0NTMxMiAtMC42NDQ1MzEgYyAwLjMxMjUgMC4yNDYwOTMgMC42MDkzNzUgMC40MTc5NjkgMC44ODY3MTkgMC41NzgxMjUgYyAwLjExNzE4OCAwLjA2NjQwNiAwLjI1MzkwNiAwLjA4NTkzNyAwLjM4MjgxMiAwLjA1MDc4MSBjIDAuMTI4OTA3IC0wLjAzNTE1NiAwLjIzODI4MiAtMC4xMjEwOTQgMC4zMDQ2ODggLTAuMjM0Mzc1IHMgMC4wODIwMzEgLTAuMjUgMC4wNDY4NzUgLTAuMzc4OTA2IHMgLTAuMTE3MTg3IC0wLjIzODI4MiAtMC4yMzQzNzUgLTAuMzA0Njg4IGMgLTAuMjUzOTA2IC0wLjE0ODQzNyAtMC40NzY1NjIgLTAuMjY1NjI1IC0wLjY5MTQwNiAtMC40MTc5NjggYyAwLjAxOTUzMSAtMC4wMzEyNSAwLjA0Mjk2OCAtMC4wNTg1OTQgMC4wNjY0MDYgLTAuMDg5ODQ0IGMgMC42MTcxODggLTAuODcxMDk0IDAuOTQ1MzEyIC0xLjk5MjE4OCAwLjg2MzI4MSAtMy4wOTc2NTYgYyAtMC4wMTk1MzEgLTAuMjU3ODEzIC0wLjIzODI4MSAtMC40NjA5MzggLTAuNSAtMC40NjA5MzggaCAtMS4wNTA3ODEgdiAtMC41MDc4MTIgYyAwIC0wLjI3NzM0NCAtMC4yMjI2NTYgLTAuNSAtMC41IC0wLjUgeiBtIC02LjU0Mjk2OSAwLjAxMTcxOCBjIDAuMjAzMTI1IDAgMC4zOTA2MjUgMC4xMjEwOTQgMC40NjQ4NDQgMC4zMTI1IGwgMiA1IGMgMC4wNTA3ODEgMC4xMjUgMC4wNDY4NzUgMC4yNjE3MTkgLTAuMDAzOTA2IDAuMzgyODEzIGMgLTAuMDU0Njg4IDAuMTIxMDkzIC0wLjE1MjM0NCAwLjIxODc1IC0wLjI3NzM0NCAwLjI2OTUzMSBjIC0wLjEyMTA5NCAwLjA0Njg3NSAtMC4yNTc4MTMgMC4wNDY4NzUgLTAuMzgyODEzIC0wLjAwNzgxMiBjIC0wLjEyMTA5MyAtMC4wNTA3ODIgLTAuMjE0ODQzIC0wLjE0ODQzOCAtMC4yNjU2MjQgLTAuMjczNDM4IGwgLTAuMjczNDM4IC0wLjY4NzUgaCAtMi41MjM0MzggbCAtMC4yNzM0MzcgMC42ODM1OTQgYyAtMC4wNTA3ODEgMC4xMjUgLTAuMTQ0NTMxIDAuMjIyNjU2IC0wLjI2NTYyNSAwLjI3NzM0NCBjIC0wLjEyNSAwLjA1MDc4MSAtMC4yNjE3MTkgMC4wNTQ2ODcgLTAuMzg2NzE5IDAuMDAzOTA2IGMgLTAuMTIxMDkzIC0wLjA1MDc4MiAtMC4yMTg3NSAtMC4xNDQ1MzIgLTAuMjczNDM3IC0wLjI2NTYyNSBjIC0wLjA1MDc4MiAtMC4xMjUgLTAuMDU0Njg4IC0wLjI2MTcxOSAtMC4wMDM5MDYgLTAuMzgyODEzIGwgMiAtNSBjIDAuMDc0MjE4IC0wLjE5MTQwNiAwLjI2MTcxOCAtMC4zMTY0MDYgMC40NjQ4NDMgLTAuMzE2NDA2IHogbSAwIDEuODQ3NjU2IGwgLTAuODU1NDY5IDIuMTQwNjI2IGggMS43MTA5MzggeiBtIDAgMCIgZmlsbD0iIzIyMjIyMiIvPjwvc3ZnPgo="); | |
| } | |
| /* camera-small */ | |
| [data-tab-id="Streamer Mode"] { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+PHBhdGggZD0ibSA3LjAyMzQzOCAzLjAwMzkwNiBjIC0xLjY0NDUzMiAwIC0zIDEuMzU1NDY5IC0zIDMgdiAxLjQyNTc4MiBsIC0zLjMxNjQwNyAtMy40Mjk2ODggaCAtMC42ODM1OTM1IHYgOCBoIDAuNjQ0NTMxNSBsIDMuMzU1NDY5IC0zLjQ5NjA5NCB2IDEuNSBjIDAgMS42NDQ1MzIgMS4zNTU0NjggMyAzIDMgaCA1IGMgMS42NDQ1MzEgMCAzIC0xLjM1NTQ2OCAzIC0zIHYgLTQgYyAwIC0xLjY0NDUzMSAtMS4zNTU0NjkgLTMgLTMgLTMgeiBtIDAgMiBoIDUgYyAwLjU3MDMxMiAwIDEgMC40Mjk2ODggMSAxIHYgNCBjIDAgMC41NzQyMTkgLTAuNDI5Njg4IDEgLTEgMSBoIC01IGMgLTAuNTcwMzEzIDAgLTEgLTAuNDI1NzgxIC0xIC0xIHYgLTQgYyAwIC0wLjU3MDMxMiAwLjQyOTY4NyAtMSAxIC0xIHogbSAwIDAiIGZpbGw9IiMyMjIyMjIiLz48L3N2Zz4K"); | |
| } | |
| /* wrench-wide */ | |
| [data-tab-id="Advanced"] { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+PGcgZmlsbD0iIzIyMjIyMiI+PHBhdGggZD0ibSAxMS41IDAgYyAtMi40ODQzNzUgMCAtNC41IDIuMDE1NjI1IC00LjUgNC41IHMgMi4wMTU2MjUgNC41IDQuNSA0LjUgcyA0LjUgLTIuMDE1NjI1IDQuNSAtNC41IGMgMCAtMC41NzQyMTkgLTAuMTA5Mzc1IC0xLjE0NDUzMSAtMC4zMjQyMTkgLTEuNjc1NzgxIGwgLTIuMTc1NzgxIDIuMTc1NzgxIGggLTIuNSB2IC0yLjUgbCAyLjE3NTc4MSAtMi4xNzU3ODEgYyAtMC41MzEyNSAtMC4yMTQ4NDQgLTEuMTAxNTYyIC0wLjMyNDIxOSAtMS42NzU3ODEgLTAuMzI0MjE5IHogbSAwIDAiLz48cGF0aCBkPSJtIDcuNzMwNDY5IDQuNzM0Mzc1IGwgLTcgNyBjIC0wLjQ2ODc1IDAuNDY4NzUgLTAuNzMwNDY5IDEuMTAxNTYzIC0wLjczMDQ2OSAxLjc2NTYyNSBzIDAuMjYxNzE5IDEuMzAwNzgxIDAuNzMwNDY5IDEuNzY5NTMxIGMgMC45NzY1NjIgMC45NzI2NTcgMi41NjI1IDAuOTcyNjU3IDMuNTM5MDYyIDAgbCA3IC03IHogbSAtNS4yMzA0NjkgNy43NjU2MjUgYyAwLjU1MDc4MSAwIDEgMC40NDkyMTkgMSAxIHMgLTAuNDQ5MjE5IDEgLTEgMSBzIC0xIC0wLjQ0OTIxOSAtMSAtMSBzIDAuNDQ5MjE5IC0xIDEgLTEgeiBtIDAgMCIvPjwvZz48L3N2Zz4K"); | |
| } | |
| /* puzzle-piece */ | |
| [data-tab-id="VencordPlugins"] { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+PHBhdGggZD0ibSA2LjUgMSBjIC0wLjgzMjAzMSAwIC0xLjUgMC42Njc5NjkgLTEuNSAxLjUgdiAxLjUgaCAtMyBjIC0wLjU1NDY4OCAwIC0xIDAuNDQ1MzEyIC0xIDEgdiAzIGggMS41IGMgMC44MzIwMzEgMCAxLjUgMC42Njc5NjkgMS41IDEuNSBzIC0wLjY2Nzk2OSAxLjUgLTEuNSAxLjUgaCAtMS41IHYgMyBjIDAgMC41NTQ2ODggMC40NDUzMTIgMSAxIDEgaCAzIHYgLTEuNSBjIDAgLTAuODMyMDMxIDAuNjY3OTY5IC0xLjUgMS41IC0xLjUgcyAxLjUgMC42Njc5NjkgMS41IDEuNSB2IDEuNSBoIDMgYyAwLjU1NDY4OCAwIDEgLTAuNDQ1MzEyIDEgLTEgdiAtMyBoIDEuNSBjIDAuODMyMDMxIDAgMS41IC0wLjY2Nzk2OSAxLjUgLTEuNSBzIC0wLjY2Nzk2OSAtMS41IC0xLjUgLTEuNSBoIC0xLjUgdiAtMyBjIDAgLTAuNTU0Njg4IC0wLjQ0NTMxMiAtMSAtMSAtMSBoIC0zIHYgLTEuNSBjIDAgLTAuODMyMDMxIC0wLjY2Nzk2OSAtMS41IC0xLjUgLTEuNSB6IG0gMCAwIiBmaWxsPSIjMjIyMjIyIi8+PC9zdmc+Cg=="); | |
| } | |
| /* larger-brush */ | |
| [data-tab-id="VencordThemes"] { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+PGcgZmlsbD0iIzIyMjIyMiI+PHBhdGggZD0ibSA3Ljk5NjA5NCAwIGMgLTEuMTA5Mzc1IDAgLTIgMC44OTA2MjUgLTIgMiB2IDMuMDAzOTA2IGMgMCAwLjYzMjgxMyAtMC40ODA0NjkgMC45OTYwOTQgLTEgMC45OTYwOTQgaCAtMSBjIC0xLjEwOTM3NSAwIC0yIDAuODkwNjI1IC0yIDIgdiAxIGggMTIgdiAtMSBjIDAgLTEuMTA5Mzc1IC0wLjg5NDUzMiAtMiAtMiAtMiBoIC0wLjk3NjU2MyBjIC0wLjUzMTI1IDAgLTEuMDIzNDM3IC0wLjM1OTM3NSAtMS4wMjM0MzcgLTEgdiAtMyBjIDAgLTEuMTA5Mzc1IC0wLjg5NDUzMiAtMiAtMiAtMiB6IG0gMCAxLjQwNjI1IGMgMC4zMjQyMTggMCAwLjU5Mzc1IDAuMjY1NjI1IDAuNTkzNzUgMC41OTM3NSBzIC0wLjI2OTUzMiAwLjU5Mzc1IC0wLjU5Mzc1IDAuNTkzNzUgYyAtMC4zMjgxMjUgMCAtMC41OTM3NSAtMC4yNjU2MjUgLTAuNTkzNzUgLTAuNTkzNzUgcyAwLjI2NTYyNSAtMC41OTM3NSAwLjU5Mzc1IC0wLjU5Mzc1IHogbSAwIDAiLz48cGF0aCBkPSJtIDIgMTAgaCAxMiBsIC0wLjgwMDc4MSA1LjAwMzkwNiBjIC0wLjE5OTIxOSAwLjgyMDMxMyAtMC42OTkyMTkgMC45OTYwOTQgLTEuMjQ2MDk0IDAuOTk2MDk0IGggLTEuOTUzMTI1IHYgLTMgbCAtMS4xMjUgMyBoIC0xLjg0NzY1NiBsIC0wLjAyNzM0NCAtMyBsIC0xLjAzNTE1NiAzIGggLTAuOTY0ODQ0IHYgLTEuNSBsIC0xIDEuNSBoIC0zIGwgMC4yMTA5MzggLTEuMDQ2ODc1IHogbSAwIDAiLz48L2c+PC9zdmc+Cg=="); | |
| } | |
| /* update */ | |
| [data-tab-id="VencordUpdater"] { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+PGcgZmlsbD0iIzIyMjIyMiI+PHBhdGggZD0ibSA3Ljk1NzAzMSAyIGMgLTAuMDgyMDMxIDAgLTAuMTY0MDYyIDAuMDAzOTA2IC0wLjI0NjA5MyAwLjAwNzgxMiBjIC0wLjE4NzUgMC4wMTE3MTkgLTAuMzc1IDAuMDMxMjUgLTAuNTYyNSAwLjA2MjUgYyAtMS41ODIwMzIgMC4yMjY1NjMgLTMuMDA3ODEzIDEuMDcwMzEzIC0zLjk2ODc1IDIuMzQzNzUgYyAtMC44MDQ2ODggMS4wNzQyMTkgLTEuMTgzNTk0IDIuMzMyMDMyIC0xLjE3OTY4OCAzLjU4NTkzOCBoIDIuMDAzOTA2IGMgMCAtMC44MzIwMzEgMC4yNTM5MDYgLTEuNjcxODc1IDAuNzk2ODc1IC0yLjM5ODQzOCBjIDEuMzM1OTM4IC0xLjc3NzM0MyAzLjgyMDMxMyAtMi4xMTMyODEgNS41OTc2NTcgLTAuNzgxMjUgYyAwLjQyOTY4NyAwLjMyMDMxMyAwLjc2OTUzMSAwLjczNDM3NiAxLjAzMTI1IDEuMTg3NSBoIC0xLjQzNzUgYyAtMC41NTA3ODIgMCAtMSAwLjQ0OTIxOSAtMSAxIHYgMSBoIDYgdiAtNiBoIC0xIGMgLTAuNTUwNzgyIDAgLTEgMC40NDkyMTkgLTEgMSB2IDEuNjg3NSBjIC0xLjExMzI4MiAtMS42OTUzMTIgLTMuMDA3ODEzIC0yLjcxMDkzNyAtNS4wMzkwNjMgLTIuNjk1MzEyIHogbSAwIDAiLz48cGF0aCBkPSJtIDguMDM1MTU2IDE1LjAwNzgxMiBjIDAuMDgyMDMyIDAgMC4xNjQwNjMgLTAuMDAzOTA2IDAuMjQ2MDk0IC0wLjAwNzgxMiBjIDAuMTg3NSAtMC4wMTE3MTkgMC4zNzUgLTAuMDMxMjUgMC41NjI1IC0wLjA2MjUgYyAxLjU4MjAzMSAtMC4yMjY1NjIgMy4wMDc4MTIgLTEuMDY2NDA2IDMuOTY4NzUgLTIuMzQzNzUgYyAwLjgwNDY4OCAtMS4wNzQyMTkgMS4xODM1OTQgLTIuMzMyMDMxIDEuMTc5Njg4IC0zLjU4NTkzOCBoIC0yLjAwMzkwNyBjIC0wLjAwMzkwNiAwLjgzMjAzMiAtMC4yNTc4MTIgMS42NzU3ODIgLTAuNzk2ODc1IDIuMzk4NDM4IGMgLTEuMzM1OTM3IDEuNzc3MzQ0IC0zLjgyMDMxMiAyLjExMzI4MSAtNS41OTc2NTYgMC43ODEyNSBjIC0wLjQyOTY4OCAtMC4zMjAzMTIgLTAuNzY5NTMxIC0wLjczNDM3NSAtMS4wMzEyNSAtMS4xODc1IGggMS40Mzc1IGMgMC41NTA3ODEgMCAxIC0wLjQ0OTIxOSAxIC0xIHYgLTEgaCAtNiB2IDYgaCAxIGMgMC41NTA3ODEgMCAxIC0wLjQ0OTIxOSAxIC0xIHYgLTEuNjg3NSBjIDEuMTEzMjgxIDEuNjk1MzEyIDMuMDA3ODEyIDIuNzEwOTM4IDUuMDM1MTU2IDIuNjk1MzEyIHogbSAwIDAiLz48L2c+PC9zdmc+Cg=="); | |
| } | |
| /* cloud-filled */ | |
| [data-tab-id="VencordCloud"] { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+PHBhdGggZD0ibSAxMCAzIGMgLTEuNTYyNSAwLjAwMzkwNiAtMi45ODA0NjkgMC45MTQwNjIgLTMuNjI4OTA2IDIuMzMyMDMxIGMgLTAuNDI1NzgyIC0wLjIxNDg0MyAtMC44OTQ1MzIgLTAuMzMyMDMxIC0xLjM3MTA5NCAtMC4zMzIwMzEgYyAtMS42NTYyNSAwIC0zIDEuMzQzNzUgLTMgMyBjIDAgMC4zNDc2NTYgMC4wNjI1IDAuNjk1MzEyIDAuMTgzNTk0IDEuMDIzNDM4IGMgLTEuMjUgMC4xNjAxNTYgLTIuMTgzNTk0IDEuMjE4NzUgLTIuMTgzNTk0IDIuNDc2NTYyIGMgMCAxLjM3ODkwNiAxLjEyMTA5NCAyLjUgMi41IDIuNSBoIDEwLjUgYyAxLjY1NjI1IDAgMyAtMS4zNDM3NSAzIC0zIGMgMCAtMS4zMzIwMzEgLTAuODgyODEyIC0yLjUwMzkwNiAtMi4xNjAxNTYgLTIuODc1IGMgMC4xMDU0NjggLTAuMzY3MTg4IDAuMTYwMTU2IC0wLjc0NjA5NCAwLjE2MDE1NiAtMS4xMjUgYyAwIC0yLjIxMDkzOCAtMS43ODkwNjIgLTQgLTQgLTQgeiBtIDAgMCIgZmlsbD0iIzIyMjIyMiIvPjwvc3ZnPgo="); | |
| } | |
| /* history-undo */ | |
| [data-tab-id="VencordSettingsSync"] { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+PGcgZmlsbD0iIzIyMjIyMiI+PHBhdGggZD0ibSA4LjU5Mzc1IDEgYyAwLjYxMzI4MSAwLjAwNzgxMiAxLjIzNDM3NSAwLjA4OTg0NCAxLjg0NzY1NiAwLjI1MzkwNiBjIDMuMjczNDM4IDAuODc4OTA2IDUuNTU4NTk0IDMuODU1NDY5IDUuNTU4NTk0IDcuMjQ2MDk0IHMgLTIuMjg1MTU2IDYuMzY3MTg4IC01LjU1ODU5NCA3LjI0MjE4OCBjIC0zLjI3MzQzNyAwLjg3ODkwNiAtNi43NDIxODcgLTAuNTU4NTk0IC04LjQzNzUgLTMuNDkyMTg4IGMgLTAuMjc3MzQ0IC0wLjQ4MDQ2OSAtMC4xMDkzNzUgLTEuMDg5ODQ0IDAuMzY3MTg4IC0xLjM2NzE4OCBjIDAuNDc2NTYyIC0wLjI3MzQzNyAxLjA4OTg0NCAtMC4xMDkzNzQgMS4zNjcxODcgMC4zNjcxODggYyAxLjI0NjA5NCAyLjE2MDE1NiAzLjc3NzM0NCAzLjIwNzAzMSA2LjE4NzUgMi41NjI1IGMgMi40MDYyNSAtMC42NDQ1MzEgNC4wNzQyMTkgLTIuODIwMzEyIDQuMDc0MjE5IC01LjMxMjUgYyAwIC0yLjQ5NjA5NCAtMS42Njc5NjkgLTQuNjY3OTY5IC00LjA3NDIxOSAtNS4zMTI1IGMgLTIuNDEwMTU2IC0wLjY0NDUzMSAtNC45NDE0MDYgMC40MDIzNDQgLTYuMTg3NSAyLjU2MjUgYyAtMC4wNTg1OTMgMC4wODU5MzggLTAuMTI1IDAuMTY0MDYyIC0wLjIwMzEyNSAwLjIyNjU2MiBsIDAuMDE5NTMyIDAuMDE1NjI2IGwgMC4wMDc4MTIgMC4wMDc4MTIgbCAtMi41NjI1IDEgbCAxIC0yLjMxMjUgbCAwLjAxNTYyNSAwLjAxMTcxOSBsIDAuMDExNzE5IDAuMDExNzE5IGMgMS4yNzczNDQgLTIuMTc5Njg4IDMuNTMxMjUgLTMuNTE5NTMyIDUuOTUzMTI1IC0zLjY5MTQwNyBjIDAuMjAzMTI1IC0wLjAxNTYyNSAwLjQwNjI1IC0wLjAxOTUzMSAwLjYxMzI4MSAtMC4wMTk1MzEgeiBtIDAgMCIvPjxwYXRoIGQ9Im0gOC41IDUgYyAtMC4yNzczNDQgMCAtMC41IDAuMjIyNjU2IC0wLjUgMC41IHYgMy4yMDcwMzEgbCAyLjE0NDUzMSAyLjE0ODQzOCBjIDAuMTk1MzEzIDAuMTkxNDA2IDAuNTExNzE5IDAuMTkxNDA2IDAuNzA3MDMxIDAgYyAwLjE5NTMxMyAtMC4xOTUzMTMgMC4xOTUzMTMgLTAuNTE1NjI1IDAgLTAuNzEwOTM4IGwgLTEuODUxNTYyIC0xLjg1MTU2MiB2IC0yLjc5Mjk2OSBjIDAgLTAuMjc3MzQ0IC0wLjIyMjY1NiAtMC41IC0wLjUgLTAuNSB6IG0gMCAwIi8+PHBhdGggZD0ibSAxIDIgYyAtMC41NTA3ODEgMCAtMSAwLjQ0OTIxOSAtMSAxIHYgNCBjIDAgMC41NTA3ODEgMC40NDkyMTkgMSAxIDEgaCA0IGMgMC41NTA3ODEgMCAxIC0wLjQ0OTIxOSAxIC0xIHMgLTAuNDQ5MjE5IC0xIC0xIC0xIGggLTMgdiAtMyBjIDAgLTAuNTUwNzgxIC0wLjQ0OTIxOSAtMSAtMSAtMSB6IG0gMCAwIi8+PC9nPjwvc3ZnPgo="); | |
| } | |
| /* system-log-out */ | |
| [data-tab-id="logout"] { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBmaWxsPSIjMmUzNDM2Ij4KICAgICAgICA8cGF0aCBkPSJtIDEzIDUgdiAwLjAwMzkwNiBjIDAuMjY1NjI1IDAgMC41MTk1MzEgMC4xMDU0NjkgMC43MDcwMzEgMC4yODkwNjMgbCAyIDIgYyAwLjM5MDYyNSAwLjM5MDYyNSAwLjM5MDYyNSAxLjAyMzQzNyAwIDEuNDE0MDYyIGwgLTIgMiBjIC0wLjE4NzUgMC4xODM1OTQgLTAuNDQxNDA2IDAuMjg5MDYzIC0wLjcwNzAzMSAwLjI4NTE1NyB2IDAuMDA3ODEyIGggLTEgdiAtMiBoIC01IGMgLTAuNTUwNzgxIDAgLTEgLTAuNDQ5MjE5IC0xIC0xIHMgMC40NDkyMTkgLTEgMSAtMSBoIDUgdiAtMiB6IG0gMCAwIi8+CiAgICAgICAgPHBhdGggZD0ibSA5LjE3OTY4OCAxLjA5NzY1NiBjIC0yLjM5NDUzMiAtMC40MDYyNSAtNC45MTAxNTcgMC40NTMxMjUgLTYuNTQ2ODc2IDIuMzk4NDM4IGMgLTIuMTc1NzgxIDIuNTk3NjU2IC0yLjE3NTc4MSA2LjQwNjI1IDAgOSBjIDIuMTc5Njg4IDIuNTk3NjU2IDUuOTI5Njg4IDMuMjU3ODEyIDguODYzMjgyIDEuNTYyNSBjIDAuMjMwNDY4IC0wLjEzMjgxMyAwLjM5ODQzNyAtMC4zNTE1NjMgMC40Njg3NSAtMC42MDU0NjkgYyAwLjA2NjQwNiAtMC4yNTc4MTMgMC4wMzEyNSAtMC41MzEyNSAtMC4xMDE1NjMgLTAuNzYxNzE5IGMgLTAuMjc3MzQzIC0wLjQ3NjU2MiAtMC44ODY3MTkgLTAuNjQwNjI1IC0xLjM2NzE4NyAtMC4zNjMyODEgYyAtMi4xMDU0NjkgMS4yMTQ4NDQgLTQuNzY1NjI1IDAuNzUgLTYuMzI4MTI1IC0xLjExNzE4NyBjIC0xLjU2MjUgLTEuODYzMjgyIC0xLjU2MjUgLTQuNTYyNSAwIC02LjQyOTY4OCBjIDEuNTYyNSAtMS44NjMyODEgNC4yMjI2NTYgLTIuMzMyMDMxIDYuMzI4MTI1IC0xLjExMzI4MSBjIDAuNDgwNDY4IDAuMjczNDM3IDEuMDg5ODQ0IDAuMTEzMjgxIDEuMzY3MTg3IC0wLjM2NzE4OCBjIDAuMTMyODEzIC0wLjIyNjU2MiAwLjE2Nzk2OSAtMC41IDAuMTAxNTYzIC0wLjc1NzgxMiBjIC0wLjA3MDMxMyAtMC4yNTc4MTMgLTAuMjM4MjgyIC0wLjQ3NjU2MyAtMC40Njg3NSAtMC42MDkzNzUgYyAtMC43MzA0NjkgLTAuNDIxODc1IC0xLjUxNTYyNSAtMC42OTkyMTkgLTIuMzE2NDA2IC0wLjgzNTkzOCB6IG0gMCAwIi8+CiAgICA8L2c+Cjwvc3ZnPgo="); | |
| svg { | |
| display: none; | |
| } | |
| } | |
| /** lists **/ | |
| /* | |
| * "list" role is used in many places, including ones I DO NOT FUCKING WANT | |
| * "listitem" is not reliable, since there are "option" ones being used | |
| */ | |
| [class*="peopleList_"] { | |
| background-color: var(--card_bg_color); | |
| border-radius: var(--card_radius) !important; | |
| box-shadow: var(--elevation-medium) !important; | |
| transition: var(--backdrop_transition); | |
| } | |
| [class*="peopleListItem_"] { | |
| border-radius: 0 !important; | |
| border: none !important; | |
| padding: 10px 16px !important; | |
| margin: 0 !important; | |
| height: unset !important; | |
| &:not(:last-child) { | |
| border-bottom: 1px solid var(--card_shade_color) !important; | |
| } | |
| &:hover { | |
| background-color: var(--card_bg_hover_color); | |
| } | |
| &:active { | |
| background-color: var(--card_bg_active_color); | |
| } | |
| } | |
| [class*="peopleList_"] { | |
| overflow: auto !important; | |
| } | |
| [class*="peopleListItem_"] { | |
| [class*="userInfo_"] { | |
| align-items: center; | |
| } | |
| } | |
| [class*="peopleColumn_"] { | |
| gap: 16px; | |
| padding: 16px; | |
| & > *, | |
| h2 { | |
| margin: 0; | |
| } | |
| } | |
| /** text fields & comboboxes/dropdowns **/ | |
| [class*="searchBar_"][class*="container_"], | |
| [class*="searchBox_"][class*="container_"], | |
| [class*="textarea_"], | |
| [class*="quickswitcher_"] > input, | |
| [class*="channelName_"] > div > input, | |
| [class*="inputWrapper_"] :is(input, textarea)[class] { | |
| --percentage: 10%; | |
| background-color: color-mix( | |
| in srgb, | |
| currentColor var(--percentage), | |
| var(--window_bg_color) | |
| ) !important; | |
| font-size: 15px; | |
| line-height: 1.2; | |
| border: none; | |
| border-radius: var(--button_radius); | |
| padding: 8px 9px; | |
| margin: 0 !important; | |
| height: unset; | |
| &:disabled { | |
| opacity: var(--dim-level-opacity); | |
| } | |
| &::placeholder { | |
| color: var(--text-muted); | |
| font-size: inherit; | |
| font-weight: inherit; | |
| } | |
| } | |
| [class*="searchBar_"][class*="container_"], | |
| [class*="searchBox_"][class*="container_"], | |
| [class*="textarea_"], | |
| [class*="quickswitcher_"] > input, | |
| [class*="channelName_"] > div > input, | |
| [class*="inputWrapper_"] :is(input, textarea), | |
| [role="textbox"] { | |
| outline: 0 solid transparent !important; | |
| outline-offset: 2px !important; | |
| transition: var(--focus_transition) !important; | |
| &:is(:focus, :focus-within) { | |
| outline: 2px solid | |
| color-mix(in srgb, var(--accent_bg_color) 50%, transparent) !important; | |
| outline-offset: -2px !important; | |
| } | |
| } | |
| [class*="searchBar_"], | |
| [class*="searchBox_"] { | |
| &[class*="container_"], | |
| &[class*="container_"] { | |
| input { | |
| font-size: 15px; | |
| line-height: inherit; | |
| padding: 0; | |
| margin: 0; | |
| height: inherit; | |
| } | |
| } | |
| & > [class*="inner_"] { | |
| padding: 0; | |
| flex-direction: row-reverse; | |
| } | |
| } | |
| [class*="inputWrapper_"] { | |
| border: none; | |
| } | |
| /* comboboxes/dropdowns */ | |
| button[aria-expanded], | |
| [role="button"][aria-haspopup] { | |
| svg { | |
| display: none; | |
| } | |
| } | |
| button[aria-expanded] > div::after, | |
| [role="button"][aria-haspopup] [class*="icons_"] { | |
| background-color: currentColor; | |
| mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJtIDEzLjk5NjA5NCA1IGwgLTUuOTk2MDk0IDYgbCAtNi4wMDM5MDYgLTYgeiBtIDAgMCIgZmlsbD0iIzJlMzQzNiIvPgo8L3N2Zz4K"); | |
| width: 16px; | |
| height: 16px; | |
| } | |
| button[aria-expanded] { | |
| & > div::after { | |
| content: ""; | |
| } | |
| [data-text-variant] { | |
| color: inherit !important; | |
| font-size: inherit !important; | |
| margin-left: 0; | |
| margin-right: 8px; | |
| } | |
| } | |
| /* tabs */ | |
| [role="tablist"] { | |
| [role="tab"] { | |
| border: none !important; | |
| border-radius: var(--button_radius); | |
| transition: var(--backdrop_transition); | |
| } | |
| &:where( | |
| [aria-orientation="horizontal"], | |
| [aria-label="Expression Picker Categories"] | |
| ) { | |
| gap: 5px !important; | |
| [role="tab"] { | |
| background-color: color-mix( | |
| in srgb, | |
| currentColor var(--percentage), | |
| transparent | |
| ) !important; | |
| color: var(--window_fg_color) !important; | |
| padding: 5px 10px; | |
| margin: 0; | |
| /* user dialog */ | |
| height: unset; | |
| &:hover { | |
| --percentage: var(--bg-hover-percentage); | |
| } | |
| &[aria-selected="true"] { | |
| --percentage: var(--bg-selected-percentage); | |
| } | |
| &:active { | |
| --percentage: var(--bg-active-percentage); | |
| } | |
| } | |
| } | |
| /* .navigation-sidebar > row */ | |
| &[aria-orientation="vertical"] { | |
| padding: var(--menu_margin) 0 !important; | |
| [role="tab"] { | |
| line-height: 44px; | |
| min-height: 36px; | |
| padding: 0 14px; | |
| margin: 0 var(--menu_margin) 2px; | |
| nav[class*="sidebar_"] & { | |
| display: flex; | |
| align-items: center; | |
| &::before { | |
| content: ""; | |
| width: 16px; | |
| height: 16px; | |
| display: inline-block; | |
| mask: var(--icon); | |
| background-color: currentColor; | |
| margin-right: 12px; | |
| } | |
| } | |
| } | |
| } | |
| } | |
| /* switch */ | |
| [class*="labelRow_"] > [class*="control_"] > [class*="container_"] { | |
| --percentage: 15.25%; | |
| background-color: color-mix( | |
| in srgb, | |
| var(--window_fg_color) var(--percentage), | |
| transparent | |
| ) !important; | |
| &::before { | |
| content: ""; | |
| position: absolute; | |
| min-width: 20px; | |
| min-height: 20px; | |
| background-color: #fff; | |
| border-radius: 14px; | |
| box-shadow: 0 2px 4px color-mix(in srgb, black 20%, transparent); | |
| margin: 2px; | |
| transition: var(--switch-transition); | |
| } | |
| &:hover { | |
| --percentage: 22.5%; | |
| } | |
| &:active { | |
| --percentage: 8%; | |
| } | |
| &[class*="checked_"] { | |
| background-color: var(--accent_bg_color) !important; | |
| &::before { | |
| margin-left: 18px; | |
| transition: var(--switch-transition); | |
| } | |
| &:hover { | |
| background-color: #4990e7 !important; | |
| } | |
| &:active { | |
| background-color: #2a6ab6 !important; | |
| } | |
| } | |
| [class*="slider_"] { | |
| display: none; | |
| } | |
| } | |
| /* sliders */ | |
| [role="slider"] { | |
| [class*="track_"] { | |
| top: 32px; | |
| } | |
| [class*="bar_"] { | |
| border-radius: 16px; | |
| height: 4px; | |
| } | |
| [class*="barFill_"] { | |
| background-color: var(--accent_bg_color); | |
| } | |
| [class*="grabber_"] { | |
| background-color: #fff; | |
| border: none; | |
| border-radius: 50%; | |
| box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2); | |
| margin-left: -10px; | |
| top: -11px; | |
| width: 20px; | |
| height: 20px; | |
| } | |
| [class*="mark_"] { | |
| flex-direction: column-reverse; | |
| & > * { | |
| color: var(--text-muted); | |
| font-size: 15px; | |
| } | |
| } | |
| [class*="markDash_"] { | |
| background-color: currentColor; | |
| width: 1px; | |
| height: 6px; | |
| } | |
| [class*="markValue_"] { | |
| margin-top: 2px; | |
| margin-bottom: 0; | |
| } | |
| } | |
| /* content */ | |
| [class*="guilds_"] { | |
| background-color: var(--sidebar_bg_color) !important; | |
| border-right: 1px solid var(--secondary_sidebar_border_color) !important; | |
| [class*="scroller_"] { | |
| padding-top: 12px; | |
| } | |
| } | |
| [class*="guildSeparator_"] { | |
| background-color: var(--sidebar_border_color); | |
| width: calc(100% - 6px * 2); | |
| height: 1px; | |
| } | |
| [class*="chatLayerWrapper_"] > [class*="container_"] { | |
| border-radius: 0; | |
| } | |
| div[class*="sidebar_"] { | |
| background-color: var(--secondary_sidebar_bg_color) !important; | |
| border-right: 1px solid var(--secondary_sidebar_border_color) !important; | |
| border-radius: 0 !important; | |
| section { | |
| --spacing: 6px; | |
| border-top: 1px solid var(--secondary_sidebar_border_color); | |
| & > div { | |
| padding: 0; | |
| height: unset; | |
| } | |
| button { | |
| border-radius: var(--button_radius); | |
| margin-right: var(--spacing); | |
| svg { | |
| display: none; | |
| } | |
| } | |
| [aria-label="Mute"], | |
| [aria-label="Deafen"] { | |
| display: none; | |
| } | |
| [role="button"] { | |
| border-radius: 0 !important; | |
| padding: var(--spacing); | |
| margin-right: var(--spacing); | |
| flex-grow: 1; | |
| &::before { | |
| display: none; | |
| } | |
| & > * { | |
| display: initial !important; | |
| } | |
| } | |
| [class*="nameTag_"] { | |
| padding: 0; | |
| padding-left: var(--spacing); | |
| margin: 0; | |
| } | |
| } | |
| } | |
| section:is([class*="themed_"], [class*="transparent_"]) { | |
| --spacing: 6px; | |
| padding: 0; | |
| min-height: unset; | |
| & > div { | |
| padding-right: calc(var(--icon-button-size) + var(--spacing)); | |
| align-items: center; | |
| } | |
| /* home */ | |
| &:not([role="navigation"]) > div { | |
| margin-left: calc(var(--icon-button-size) + var(--spacing) * 2); | |
| /* Button that shows the channel description */ | |
| &:has(> :first-child > [class*="topic_"]) { | |
| margin-right: calc(var(--icon-button-size) + var(--spacing)); | |
| & > :first-child > [class*="topic_"] { | |
| &::before, | |
| &::after { | |
| content: ""; | |
| position: fixed; | |
| top: calc(var(--spacing) + 1px); | |
| right: calc(var(--close-button-pos) + var(--icon-button-size)); | |
| width: var(--icon-button-size); | |
| height: var(--icon-button-size); | |
| } | |
| &::before { | |
| background-color: var(--window_fg_color); | |
| mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+PHBhdGggZD0ibSA4IDAgYyAtNC40MTAxNTYgMCAtOCAzLjU4OTg0NCAtOCA4IHMgMy41ODk4NDQgOCA4IDggcyA4IC0zLjU4OTg0NCA4IC04IHMgLTMuNTg5ODQ0IC04IC04IC04IHogbSAwIDIgYyAzLjMzMjAzMSAwIDYgMi42Njc5NjkgNiA2IHMgLTIuNjY3OTY5IDYgLTYgNiBzIC02IC0yLjY2Nzk2OSAtNiAtNiBzIDIuNjY3OTY5IC02IDYgLTYgeiBtIDAgMS44NzUgYyAtMC42MjEwOTQgMCAtMS4xMjUgMC41MDM5MDYgLTEuMTI1IDEuMTI1IHMgMC41MDM5MDYgMS4xMjUgMS4xMjUgMS4xMjUgcyAxLjEyNSAtMC41MDM5MDYgMS4xMjUgLTEuMTI1IHMgLTAuNTAzOTA2IC0xLjEyNSAtMS4xMjUgLTEuMTI1IHogbSAtMS41MjM0MzggMy4xMjUgYyAtMC4yNjU2MjQgMC4wMTE3MTkgLTAuNDc2NTYyIDAuMjMwNDY5IC0wLjQ3NjU2MiAwLjUgYyAwIDAuMjc3MzQ0IDAuMjIyNjU2IDAuNSAwLjUgMC41IGggMC41IHYgMyBoIC0wLjUgYyAtMC4yNzczNDQgMCAtMC41IDAuMjIyNjU2IC0wLjUgMC41IHMgMC4yMjI2NTYgMC41IDAuNSAwLjUgaCAzIGMgMC4yNzczNDQgMCAwLjUgLTAuMjIyNjU2IDAuNSAtMC41IHMgLTAuMjIyNjU2IC0wLjUgLTAuNSAtMC41IGggLTAuNSB2IC00IGggLTIuNSBjIC0wLjAwNzgxMiAwIC0wLjAxNTYyNSAwIC0wLjAyMzQzOCAwIHogbSAwIDAiIGZpbGw9IiMyMjIyMjIiLz48L3N2Zz4K"); | |
| mask-repeat: no-repeat; | |
| mask-position: center; | |
| } | |
| &::after { | |
| background-color: color-mix( | |
| in srgb, | |
| var(--window_fg_color) var(--percentage), | |
| transparent | |
| ) !important; | |
| border-radius: 6px; | |
| transition: var(--backdrop_transition) !important; | |
| } | |
| &:hover { | |
| /* *exact* #404040 for dark theme */ | |
| --percentage: 12.75% !important; | |
| } | |
| &:active { | |
| /* *exact* #616161 for dark theme */ | |
| --percentage: 27.75% !important; | |
| } | |
| } | |
| } | |
| } | |
| &[role="navigation"] [class*="titleWrapper_"], /* home title */ | |
| [class*="akaBadge_"], | |
| [class*="nicknames_"], | |
| [class*="children_"] > [class*="iconWrapper_"], | |
| /* thread child channel */ | |
| [class*="children_"]:has(> svg) [role="button"], | |
| [class*="caret_"], | |
| [class*="divider_"] { | |
| display: none; | |
| } | |
| [class*="children_"] { | |
| padding: 4px var(--spacing); | |
| min-height: var(--headerbar-height); | |
| display: flex; | |
| justify-content: center; | |
| app-region: drag; | |
| &:not(:has([class*="avatar_"])) { | |
| flex-direction: column; | |
| } | |
| & > :empty, /* VC fix */ | |
| & > [class*="followButton_"] /* Channel news */ { | |
| display: none; | |
| } | |
| /* Group chat */ | |
| & > [class*="container_"] { | |
| flex-grow: 0; | |
| flex-shrink: 0; | |
| & > div { | |
| padding: 0; | |
| margin: 0; | |
| & > div > div { | |
| display: none !important; | |
| } | |
| input { | |
| opacity: 1 !important; | |
| box-shadow: none !important; | |
| padding-block: 7px !important; | |
| position: relative !important; | |
| } | |
| } | |
| } | |
| } | |
| [class*="titleWrapper_"], | |
| [class*="topic_"] { | |
| margin: 0; | |
| } | |
| /* ??? */ | |
| [class*="topic_"] { | |
| text-align: center; | |
| width: -webkit-fill-available; | |
| } | |
| [class*="avatar_"] { | |
| margin-left: 0; | |
| margin-right: 6px; | |
| } | |
| } | |
| [class*="sidebar_"] { | |
| & > nav { | |
| &::before { | |
| content: ""; | |
| position: absolute; | |
| inset: 0; | |
| right: calc(var(--icon-button-size) + 6px); | |
| height: var(--headerbar-height); | |
| z-index: 999; | |
| app-region: drag; | |
| } | |
| &[class*="privateChannels_"]::before { | |
| content: attr(aria-label); | |
| inset: 0 calc(var(--icon-button-size) + 6px); | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| color: var(--window_fg_color); | |
| } | |
| &:not([class*="privateChannels_"]) > :first-child { | |
| pointer-events: none; | |
| &[class*="bannerVisible_"] { | |
| --window_fg_color: var(--white-500); | |
| } | |
| } | |
| } | |
| header { | |
| background-color: transparent !important; | |
| padding: 11px 6px; | |
| } | |
| [class*="guildIcon"], | |
| [class*="headerChildren_"] { | |
| display: none; | |
| } | |
| [class*="headerButton_"] { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBmaWxsPSJjb250ZXh0LWZpbGwiIHN0cm9rZT0iY29udGV4dC1zdHJva2UiIGZpbGwtb3BhY2l0eT0iY29udGV4dC1maWxsLW9wYWNpdHkiIHN0cm9rZS1vcGFjaXR5PSJjb250ZXh0LXN0cm9rZS1vcGFjaXR5Ij4KICAgICAgICA8cGF0aCBkPSJtIDEgMiBoIDE0IHYgMiBoIC0xNCB6IG0gMCAwIi8+CiAgICAgICAgPHBhdGggZD0ibSAxIDcgaCAxNCB2IDIgaCAtMTQgeiBtIDAgMCIvPgogICAgICAgIDxwYXRoIGQ9Im0gMSAxMiBoIDE0IHYgMiBoIC0xNCB6IG0gMCAwIi8+CiAgICA8L2c+Cjwvc3ZnPgo="); | |
| pointer-events: all; | |
| } | |
| } | |
| #channels { | |
| li > [class*="type"] { | |
| padding: 0; | |
| margin: 0; | |
| } | |
| [class*="typeThread_"] { | |
| margin-left: 36px !important; | |
| } | |
| [class*="link_"] { | |
| color: var(--window_fg_color); | |
| padding: 0 14px; | |
| min-height: 36px; | |
| justify-content: center; | |
| } | |
| [role="link"] { | |
| margin: 0 var(--menu_margin) 2px; | |
| } | |
| [class*="unread_"] { | |
| top: 9px; | |
| left: 0; | |
| height: calc(100% - 11px); | |
| } | |
| [aria-label="Invite to Server"], | |
| [class*="iconContainer_"] { | |
| display: none; | |
| } | |
| } | |
| /* right sidebar */ | |
| [class*="membersWrap_"] { | |
| border-left: 1px solid var(--secondary_sidebar_border_color) !important; | |
| } | |
| [class*="searchResultsWrap_"] { | |
| border-left: 1px solid var(--secondary_sidebar_border_color); | |
| z-index: 0; | |
| & > header { | |
| border-bottom: 1px solid var(--secondary_sidebar_border_color); | |
| padding: 6px; | |
| height: unset; | |
| } | |
| [class*="channelNameContainer_"] { | |
| margin-bottom: 16px; | |
| & > svg { | |
| display: none; | |
| } | |
| } | |
| [role="group"] { | |
| --offset: calc(15px * 1.25 + 4px); | |
| border-radius: var(--card_radius); | |
| box-shadow: var(--elevation-medium); | |
| margin-bottom: calc(var(--offset) + 24px); | |
| position: relative; | |
| top: var(--offset); | |
| /* header */ | |
| & > :first-child { | |
| position: absolute; | |
| top: calc(var(--offset) * -1); | |
| } | |
| } | |
| [role="listitem"] { | |
| overflow: hidden; | |
| &:not(:only-of-type, :last-of-type) { | |
| border-bottom: 1px solid var(--card_shade_color); | |
| } | |
| &:first-of-type { | |
| border-radius: var(--card_radius) var(--card_radius) 0 0; | |
| } | |
| &:last-of-type > [class*="searchResult_"] { | |
| border-radius: 0 0 var(--card_radius) var(--card_radius); | |
| } | |
| } | |
| [class*="searchResult_"] { | |
| background-color: var(--card_bg_color); | |
| border-radius: 0; | |
| margin: 0; | |
| } | |
| } | |
| /* search */ | |
| [class*="toolbar_"] > [class*="search_"] { | |
| margin: 0 var(--spacing); | |
| position: absolute; | |
| left: 0; | |
| & > div { | |
| &:not(:focus-within) > div { | |
| background-color: transparent; | |
| &, | |
| & > [role="button"] { | |
| width: var(--icon-button-size) !important; | |
| } | |
| } | |
| [role="button"] { | |
| border-radius: 0 !important; | |
| } | |
| & > div { | |
| padding: 0; | |
| border-radius: var(--button_radius) !important; | |
| height: var(--icon-button-size); | |
| flex-direction: row-reverse; | |
| transition: var(--backdrop_transition); | |
| & > [role="button"] { | |
| cursor: pointer; | |
| } | |
| } | |
| } | |
| .DraftEditor-root { | |
| padding: 7px 0; | |
| } | |
| } | |
| [class*="peopleColumn_"] > [class*="searchBar_"] { | |
| border-radius: var(--button_radius); | |
| & > div { | |
| padding: 0; | |
| flex-direction: row-reverse; | |
| } | |
| } | |
| [class*="privateChannels_"] { | |
| & > [class*="searchBar_"] { | |
| padding: 0 6px; | |
| height: var(--headerbar-height); | |
| & > button { | |
| --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBmaWxsPSJjb250ZXh0LWZpbGwiIHN0cm9rZT0iY29udGV4dC1zdHJva2UiIGZpbGwtb3BhY2l0eT0iY29udGV4dC1maWxsLW9wYWNpdHkiIHN0cm9rZS1vcGFjaXR5PSJjb250ZXh0LXN0cm9rZS1vcGFjaXR5Ij4KICAgICAgICA8cGF0aCBkPSJtIDEwLjgwNDY4OCAxMCBjIC0wLjgxMjUgMC4xNDQ1MzEgLTEuMTA1NDY5IDEuMTU2MjUgLTAuNSAxLjcxODc1IGwgMyAzIGMgMC45NTcwMzEgMC45Mzc1IDIuMzYzMjgxIC0wLjUgMS40MDYyNSAtMS40Mzc1IGwgLTMgLTMgYyAtMC4yMzgyODIgLTAuMjQyMTg4IC0wLjU3ODEyNiAtMC4zNDc2NTYgLTAuOTA2MjUgLTAuMjgxMjUgeiBtIDAgMCIvPgogICAgICAgIDxwYXRoIGQ9Im0gNi41IDAgYyAtMy41NzgxMjUgMCAtNi41IDIuOTIxODc1IC02LjUgNi41IHMgMi45MjE4NzUgNi40OTYwOTQgNi41IDYuNDk2MDk0IHMgNi41IC0yLjkxNzk2OSA2LjUgLTYuNDk2MDk0IHMgLTIuOTIxODc1IC02LjUgLTYuNSAtNi41IHogbSAwIDIgYyAyLjQ5NjA5NCAwIDQuNSAyLjAwMzkwNiA0LjUgNC41IHMgLTIuMDAzOTA2IDQuNDk2MDk0IC00LjUgNC40OTYwOTQgcyAtNC41IC0yIC00LjUgLTQuNDk2MDk0IHMgMi4wMDM5MDYgLTQuNSA0LjUgLTQuNSB6IG0gMCAwIi8+CiAgICA8L2c+Cjwvc3ZnPg=="); | |
| font-size: 0; | |
| } | |
| } | |
| [role="listitem"] { | |
| border-radius: var(--button_radius); | |
| padding: 0; | |
| } | |
| } | |
| #add_friend-tab { | |
| flex-direction: column-reverse; | |
| justify-content: center; | |
| & > header { | |
| border: none; | |
| & > h2, | |
| [class*="description_"] { | |
| display: none; | |
| } | |
| } | |
| & > div { | |
| flex-grow: 0; | |
| } | |
| } | |
| [class*="addFriendInputWrapper_"] { | |
| background-color: transparent; | |
| border: none; | |
| margin: 0; | |
| } | |
| [class*="addFriendInput_"] > input { | |
| letter-spacing: 0; | |
| } | |
| /* forum */ | |
| [data-list-id^="forum-channel-list"] > [role="list"] { | |
| --custom-forum-post-form-horizontal-padding: 0px; | |
| padding: 0; | |
| & > [data-list-item-id$="forum-channel-header"] { | |
| background-color: transparent !important; | |
| box-shadow: none !important; | |
| padding: 0 !important; | |
| margin-bottom: 16px; | |
| & > div { | |
| border: none !important; | |
| } | |
| } | |
| [class*="titleContainer_"] { | |
| gap: 10px; | |
| & > [role="button"] { | |
| background-color: color-mix( | |
| in srgb, | |
| currentColor var(--percentage), | |
| transparent | |
| ) !important; | |
| border-radius: 50% !important; | |
| margin: 0; | |
| position: relative !important; | |
| width: var(--icon-button-size) !important; | |
| height: var(--icon-button-size) !important; | |
| transition: var(--backdrop_transition) !important; | |
| order: 1; | |
| &:hover { | |
| /* *exact* #404040 for dark theme */ | |
| --percentage: 12.75% !important; | |
| } | |
| &:active { | |
| /* *exact* #616161 for dark theme */ | |
| --percentage: 27.75% !important; | |
| } | |
| } | |
| } | |
| [class*="tagsContainer_"] { | |
| padding: 0; | |
| } | |
| [class*="prefixElement_"] { | |
| display: none; | |
| } | |
| [data-item-role="item"] { | |
| &:not(:first-of-type, :last-of-type) { | |
| border-bottom: 1px solid var(--card_shade_color); | |
| border-radius: 0 !important; | |
| } | |
| &:first-of-type { | |
| border-radius: var(--card_radius) var(--card_radius) 0 0 !important; | |
| } | |
| &:last-of-type { | |
| border-radius: 0 0 var(--card_radius) var(--card_radius) !important; | |
| } | |
| & > div { | |
| transform: unset; | |
| background-color: transparent; | |
| border: none; | |
| box-shadow: none; | |
| padding: 0; | |
| } | |
| } | |
| } | |
| /* separator */ | |
| #---new-messages-bar { | |
| --separator-spacing: 0px; | |
| margin-inline: 16px; | |
| margin-block: calc(8px + var(--separator-spacing)); | |
| .group-spacing-4 & { | |
| --separator-spacing: 4px; | |
| } | |
| .group-spacing-8 & { | |
| --separator-spacing: 8px; | |
| } | |
| .group-spacing-16 & { | |
| --separator-spacing: 16px; | |
| } | |
| .group-spacing-24 & { | |
| --background-tertiary-separator-spacing: 24px; | |
| } | |
| &::before { | |
| content: "NEW MESSAGES"; | |
| background-color: var(--background-primary); | |
| color: var(--status-danger); | |
| font-weight: bold; | |
| padding: 0 4px; | |
| } | |
| & > span { | |
| display: none; | |
| } | |
| } | |
| /* messages */ | |
| [role="article"] { | |
| [class*="headerText_"] { | |
| margin-right: 0rem; | |
| } | |
| &[class*="compact_"] { | |
| --custom-message-margin-compact-indent: calc(5.875rem); | |
| --custom-message-reply-indent: 1.375rem; | |
| i { | |
| opacity: 1; | |
| position: unset; | |
| display: unset; | |
| } | |
| [class*="repliedMessage_"] { | |
| --custom-message-reply-indent: 0rem; | |
| --timestamp-width: calc(11ch - 1.5rem); | |
| margin-left: 0; | |
| & > span { | |
| opacity: 1 !important; | |
| } | |
| } | |
| [class*="replyBadge_"] { | |
| margin-top: 0.1em; | |
| width: 1em; | |
| height: 1em; | |
| } | |
| [class*="avatar_"] { | |
| margin-left: 0; | |
| top: 0.15em; | |
| } | |
| [class*="timestamp_"] { | |
| font-family: var(--font-code); | |
| width: 11ch; | |
| } | |
| } | |
| } | |
| [class*="embed_"] { | |
| border-left-width: 6px; | |
| border-radius: 6px; | |
| & > div > div { | |
| padding: 12px 8px; | |
| & > :first-child { | |
| margin-top: 0; | |
| } | |
| } | |
| [href] { | |
| color: inherit !important; | |
| text-decoration: none !important; | |
| } | |
| [class*="embedProvider_"] { | |
| margin-bottom: 4px; | |
| } | |
| } | |
| [class*="embedDescription_"] { | |
| font-size: 11pt; | |
| } | |
| [class*="embedMedia_"], | |
| [class*="embedVideo_"] { | |
| margin-top: 6px !important; | |
| } | |
| [class*="embedMedia_"], | |
| [class*="oneByOneGridSingle_"] { | |
| border-radius: 6px; | |
| } | |
| [aria-label="Message Actions"][role="group"] > div { | |
| box-shadow: var(--elevation-medium); | |
| border-radius: var(--button_radius); | |
| } | |
| /* message input */ | |
| [class*="chatContent_"] > form { | |
| --custom-channel-textarea-text-area-height: unset; | |
| margin: 0; | |
| &::before, | |
| &::after { | |
| display: none; | |
| } | |
| } | |
| [class*="channelTextArea_"] { | |
| background-color: color-mix( | |
| in srgb, | |
| var(--window_fg_color) 7.5%, | |
| transparent | |
| ); | |
| border-radius: 6px; | |
| & > div { | |
| background-color: transparent; | |
| border-radius: 0; | |
| & > div { | |
| padding: 0; | |
| } | |
| } | |
| [class*="clipContainer_"] { | |
| padding: 0; | |
| margin: 0; | |
| } | |
| [class*="replyLabel_"] { | |
| font-size: 15px !important; | |
| } | |
| [class*="textArea_"], | |
| [class*="buttons_"] { | |
| height: unset; | |
| min-height: unset; | |
| } | |
| [class*="placeholder_"], | |
| [role="textbox"] { | |
| padding: 6px; | |
| } | |
| [class*="buttons_"] { | |
| margin: 0 !important; | |
| /* align to start for longer text */ | |
| & > div { | |
| height: 100%; | |
| align-items: start; | |
| } | |
| } | |
| [class*="separator_"] { | |
| margin: 0; | |
| &::before { | |
| display: none; | |
| } | |
| } | |
| } | |
| [class*="channelTextAreaInner_"] > div > div { | |
| min-height: unset !important; | |
| } | |
| [class*="textAreaThreadCreation_"] > div > [role="textbox"] { | |
| border-radius: 6px 0 0 6px; | |
| } | |
| [class*="channelTextArea_"] [class*="attachButton_"] { | |
| margin: 0 !important; | |
| /* align with cozy mode avatars, à la discord */ | |
| width: calc(var(--icon-button-size) + 8px * 2) !important; | |
| & > [class*="icon_"] { | |
| padding: 4px 16px 0; | |
| } | |
| } | |
| /** toasts **/ | |
| [class*="attachedBars_"] { | |
| --banner-bg: var(--osd_bg_color); | |
| --window_fg_color: var(--osd_fg_color); | |
| --spacing: 6px; | |
| /* align with avatars, again */ | |
| --offset: calc(40px + 4px); | |
| background-color: var(--banner-bg) !important; | |
| color: var(--osd_fg_color) !important; | |
| border-radius: 32px !important; | |
| position: absolute; | |
| left: var(--offset); | |
| right: var(--offset); | |
| bottom: calc(100% + 24px); | |
| [class*="replyBar_"] { | |
| background-color: inherit; | |
| gap: var(--spacing); | |
| padding: var(--spacing); | |
| } | |
| [data-text-variant] { | |
| color: inherit !important; | |
| font-weight: bold !important; | |
| } | |
| [class*="replyLabel_"] { | |
| margin-left: var(--spacing); | |
| } | |
| [class*="mentionButton_"] { | |
| --banner-bg: rgba(255, 255, 255, 0.025); | |
| box-sizing: border-box; | |
| } | |
| [class*="threadSuggestionBar_"], | |
| [class*="separator_"] { | |
| display: none; | |
| } | |
| [class*="closeButton_"] { | |
| --close-button-size: 32px; | |
| margin-left: var(--spacing); | |
| &:not(:hover, :active) { | |
| background-color: transparent !important; | |
| } | |
| } | |
| } | |
| [class*="autocomplete_"] { | |
| --background-modifier-accent: color-mix( | |
| in srgb, | |
| var(--window_fg_color) 20%, | |
| transparent | |
| ); | |
| background-color: var(--background-floating) !important; | |
| border: 1px solid color-mix(in srgb, black 14%, transparent); | |
| border-radius: var(--popover_radius) !important; | |
| box-shadow: var(--popover_shadow); | |
| /* [style] is for commands, that has some other kind of a virtual list or whatever brainrot these cunts thought of using */ | |
| [role="listbox"]:not([style*="inset"]) { | |
| padding: 8px; | |
| } | |
| [data-list-item-id^="channel-autocomplete_"] { | |
| padding: 0; | |
| & > [class*="base_"] { | |
| background-color: color-mix( | |
| in srgb, | |
| var(--window_fg_color) var(--percentage), | |
| transparent | |
| ) !important; | |
| line-height: inherit; | |
| padding: 6px 12px; | |
| &:hover { | |
| --percentage: 10%; | |
| } | |
| &:active { | |
| --percentage: 18.5%; | |
| } | |
| } | |
| } | |
| [class*="base_"] { | |
| border-radius: var(--menu_radius); | |
| padding: 0; | |
| } | |
| [class*="contentTitle_"] { | |
| padding-top: 0; | |
| padding-bottom: 6px; | |
| } | |
| [class*="divider_"] { | |
| padding: var(--menu_margin) 0; | |
| } | |
| /** commands **/ | |
| [class*="rail_"] { | |
| border-right: 1px solid var(--sidebar_border_color); | |
| } | |
| } | |
| [class*="autocompleteRowContent_"] { | |
| gap: 8px; | |
| & > * { | |
| margin: 0; | |
| text-align: start; | |
| } | |
| } | |
| [class*="autocompleteRowContentPrimary_"], | |
| [class*="autocompleteRowContentSecondary_"] { | |
| width: 50%; | |
| } | |
| [class*="autocompleteRowContentPrimary_"] { | |
| &:first-child { | |
| margin-left: 32px; | |
| } | |
| } | |
| /** banner **/ | |
| [class*="chatHeaderBar_"], | |
| [class*="barBase_"] { | |
| --spacing: 6px; | |
| background-color: var(--banner-bg); | |
| padding: var(--spacing) !important; | |
| * { | |
| font-size: 15px !important; | |
| font-weight: bold !important; | |
| } | |
| & > button { | |
| --banner-bg: inherit !important; | |
| } | |
| svg { | |
| display: none; | |
| } | |
| } | |
| [class*="chatHeaderBar_"] { | |
| &::after { | |
| display: none; | |
| } | |
| } | |
| [class*="barBase_"] { | |
| opacity: 1; | |
| border-radius: 0; | |
| box-shadow: none; | |
| margin: 0 !important; | |
| left: 0; | |
| right: 0; | |
| height: unset; | |
| min-height: unset; | |
| } | |
| [class*="chatHeaderBarText_"], | |
| [class*="barButtonBase_"] { | |
| text-align: center; | |
| color: var(--window_fg_color) !important; | |
| height: unset; | |
| } | |
| [class*="messagesWrapper_"]:has(> [class*="jumpToPresentBar_"]:nth-child(3)) { | |
| [aria-label="Jump to last unread message"] { | |
| margin-left: 127px; | |
| } | |
| & > [class*="jumpToPresentBar_"] { | |
| top: 5000px !important; | |
| & > [class*="barButtonAlt_"] { | |
| position: absolute; | |
| top: calc(-5000px + var(--spacing)); | |
| } | |
| } | |
| } | |
| /* no top bar */ | |
| [class*="messagesWrapper_"] > [class*="jumpToPresentBar_"]:nth-child(2) { | |
| top: 0; | |
| bottom: initial; | |
| flex-direction: row-reverse; | |
| } | |
| /* settings */ | |
| [class*="standardSidebarView_"] { | |
| top: 0 !important; | |
| } | |
| [class*="contentRegion_"] { | |
| margin-top: 46px; | |
| } | |
| [class*="contentColumn_"] { | |
| padding: 22px 28px; | |
| margin: auto; | |
| max-width: var(--content-width); | |
| &::before { | |
| content: ""; | |
| position: fixed; | |
| inset: var(--p); | |
| height: var(--headerbar-height); | |
| box-shadow: var(--elevation-low); | |
| z-index: 1; | |
| } | |
| & > h2:first-child, | |
| & > :first-child > h2:first-child, | |
| & > div > :first-child [class*="h1_"], | |
| & > div > :first-child [class*="sectionTitle_"] > * { | |
| --pad: 11px; | |
| text-align: center; | |
| padding: var(--pad); | |
| position: fixed; | |
| top: var(--p); | |
| left: calc(var(--p) + var(--sidebar-width) + var(--pad)); | |
| width: calc( | |
| 100% - var(--p) * 2 - var(--sidebar-width) - var(--close-button-size) - | |
| var(--pad) * 2 | |
| ); | |
| z-index: 999; | |
| app-region: drag; | |
| } | |
| [role="tablist"][aria-orientation="horizontal"] { | |
| border: none !important; | |
| padding: 0; | |
| } | |
| } | |
| [class*="contentPanel_"] { | |
| position: initial; | |
| } | |
| [class*="toolsContainer_"] { | |
| position: absolute; | |
| z-index: 999; | |
| } | |
| [class*="keybind_"] { | |
| display: none; | |
| } | |
| [class*="sidebarRegion_"] { | |
| margin-top: var(--headerbar-height); | |
| flex: unset; | |
| &::before { | |
| content: "Settings"; | |
| position: fixed; | |
| top: calc(var(--p) + 1px); | |
| left: calc(var(--p) + 1px); | |
| width: var(--sidebar-width); | |
| height: var(--headerbar-height); | |
| z-index: 1; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| background-color: var(--background-secondary); | |
| color: var(--window_fg_color); | |
| border-top-left-radius: var(--window_radius); | |
| font-weight: 700 !important; | |
| font-size: 15px !important; | |
| text-transform: none !important; | |
| text-align: center; | |
| border-right: 1px solid var(--background-modifier-accent); | |
| app-region: drag; | |
| } | |
| } | |
| [class*="sidebarRegion_"] { | |
| border-right: 1px solid var(--background-modifier-accent); | |
| } | |
| /* .navigation-sidebar */ | |
| nav[class*="sidebar"] { | |
| padding: 0; | |
| [class*="header_"] { | |
| display: none; | |
| } | |
| [class*="separator_"] { | |
| margin: var(--menu_margin); | |
| } | |
| } | |
| [class*="contentRegion_"] [class*="divider_"] { | |
| display: none; | |
| } | |
| [class*="contentRegion_"] [class*="children_"] > div:not([class], [style]), /* bruh */ | |
| [class^="marginTop_"] { | |
| margin-top: 28px; | |
| } | |
| [class^="marginBottom_"] { | |
| margin-bottom: 28px; | |
| } | |
| .vc-addon-card, | |
| :is( | |
| [class*="contentRegion_"] [class*="children_"], | |
| [class*="children_"] > div:not([class]), /* bruh */ | |
| [class^="margin"] | |
| ) > :is( | |
| [class^="flex_"], | |
| [class*="container_"], /* Switch container */ | |
| [class*="settingsBackgroundFlashElement_"] /* ^ */ | |
| ) { | |
| background-color: var(--card_bg_color); | |
| border-radius: var(--card_radius) !important; | |
| box-shadow: var(--elevation-medium) !important; | |
| padding: 10px 16px; | |
| margin: 16px 0; | |
| transition: var(--backdrop_transition); | |
| &:hover { | |
| background-color: var(--card_bg_hover_color); | |
| } | |
| &:active { | |
| background-color: var(--card_bg_active_color); | |
| } | |
| /* | |
| &&:nth-child(1 of [class*="container_"]) { | |
| border-radius: var(--card_radius) var(--card_radius) 0 0 !important; | |
| margin-bottom: 0 !important; | |
| } | |
| &:not(:nth-child(1 of [class*="container_"])) { | |
| border-radius: 0 !important; | |
| margin: 0 !important; | |
| } | |
| &&:is(:last-child, :has(+ :not([class*="container_"]))) { | |
| border-radius: 0 0 var(--card_radius) var(--card_radius) !important; | |
| margin-bottom: 16px !important; | |
| } | |
| &&:last-child { | |
| border-radius: var(--card_radius) !important; | |
| margin-bottom: 16px !important; | |
| } | |
| */ | |
| } | |
| .vc-plugins-grid, | |
| [role="dialog"] > [class*="root_"] > [class*="content_"] > .vc-m-bottom-16 > [style], /* Vencord plugin settings */ | |
| [class*="connectContainer_"], /* Connections tab */ | |
| [class*="cameraWrapper_"], /* Voice tab */ | |
| [class*="card_"], | |
| [role="radiogroup"] { | |
| background-color: var(--card_bg_color) !important; | |
| border: none !important; | |
| border-radius: var(--card_radius) !important; | |
| box-shadow: var(--elevation-medium) !important; | |
| } | |
| .vc-addon-card, | |
| [role="dialog"] > [class*="root_"] > [class*="content_"] > .vc-m-bottom-16 > [style] > div, /* Vencord plugin settings */ | |
| [class*="card_"] { | |
| border: none !important; | |
| padding: 10px 16px !important; | |
| } | |
| .vc-addon-card, | |
| [role="dialog"] > [class*="root_"] > [class*="content_"] > .vc-m-bottom-16 > [style] > div, /* Vencord plugin settings */ | |
| [class^="margin"] > [class*="children_"] > [class*="container_"] { | |
| border-bottom: 1px solid var(--card_shade_color) !important; | |
| border-radius: 0 !important; | |
| box-shadow: none !important; | |
| margin: 0 !important; | |
| &:first-child { | |
| border-radius: var(--card_radius) var(--card_radius) 0 0 !important; | |
| } | |
| &:last-child { | |
| border-radius: 0 0 var(--card_radius) var(--card_radius) !important; | |
| border: none !important; | |
| } | |
| } | |
| [role="radio"] { | |
| background-color: transparent !important; | |
| border-bottom: 1px solid var(--card_shade_color); | |
| border-radius: 0; | |
| margin: 0; | |
| transition: var(--backdrop_transition) !important; | |
| &:hover { | |
| background-color: var(--card_bg_hover_color) !important; | |
| } | |
| &:active { | |
| background-color: var(--card_bg_active_color) !important; | |
| } | |
| &:first-child { | |
| border-radius: var(--card_radius) var(--card_radius) 0 0 !important; | |
| } | |
| &:last-child { | |
| border-radius: 0 0 var(--card_radius) var(--card_radius) !important; | |
| border: none !important; | |
| } | |
| & > div { | |
| border: none !important; | |
| gap: 16px !important; | |
| padding: 16px !important; | |
| & > :first-child { | |
| border-radius: 50%; | |
| width: 22px; | |
| height: 22px; | |
| } | |
| } | |
| svg { | |
| display: none; | |
| } | |
| &[aria-checked="true"] > div > :first-child { | |
| background-color: #fff; | |
| border: 7px solid var(--accent_bg_color); | |
| } | |
| &[aria-checked="false"] > div > :first-child { | |
| border: 2px solid color-mix(in srgb, currentColor 25%, transparent); | |
| } | |
| } | |
| [role="dialog"] > [class*="root_"] > [class*="content_"] > .vc-m-bottom-16 > [style] /* Vencord plugin settings */ { | |
| gap: 0 !important; | |
| padding: 0 !important; | |
| & > div > div { | |
| margin: 0 !important; | |
| } | |
| } | |
| [class*="layers_"] { | |
| & > div { | |
| opacity: 1 !important; | |
| &[aria-hidden="true"] { | |
| pointer-events: none; | |
| transform: none !important; | |
| &::before { | |
| content: ""; | |
| position: fixed; | |
| inset: 0; | |
| background-color: var(--backdrop); | |
| z-index: 101; | |
| } | |
| } | |
| } | |
| & > :not(:only-child):last-child { | |
| box-shadow: var(--elevation-high); | |
| border-radius: var(--window_radius); | |
| inset: var(--p); | |
| & > div { | |
| top: 0; | |
| } | |
| } | |
| } | |
| .vc-plugins-grid { | |
| gap: 0 !important; | |
| grid-template-columns: 1fr !important; | |
| } | |
| .vc-addon-card:hover { | |
| transform: unset !important; | |
| } | |
| .vc-addon-note { | |
| height: unset !important; | |
| } | |
| /** other dialogs **/ | |
| [class*="backdrop_"] { | |
| background-color: var(--backdrop) !important; | |
| } | |
| [role="dialog"] > [class*="root_"] { | |
| border-radius: var(--window_radius); | |
| gap: 12px; | |
| & > [class*="header_"] { | |
| padding: 22px; | |
| padding-bottom: 0; | |
| justify-content: center; | |
| /* Vencord plugin settings */ | |
| & > [data-text-variant] { | |
| text-align: center; | |
| } | |
| } | |
| & > [class*="content_"] { | |
| text-align: center; | |
| padding: 0 24px !important; | |
| } | |
| [class*="footer_"] { | |
| --background-modifier-accent: color-mix( | |
| in srgb, | |
| currentColor 15%, | |
| transparent | |
| ); | |
| box-shadow: none; | |
| border-top: 1px solid var(--background-modifier-accent); | |
| border-radius: 0 0 var(--window_radius) var(--window_radius); | |
| padding: 0; | |
| * { | |
| flex-grow: 1; | |
| } | |
| button { | |
| --bg-percentage: 0%; | |
| --border-percentage: 25%; | |
| background-color: color-mix( | |
| in srgb, | |
| currentColor var(--bg-percentage), | |
| transparent | |
| ) !important; | |
| color: var(--window_fg_color) !important; | |
| border-left: 1px solid | |
| color-mix(in srgb, currentColor var(--border-percentage), transparent) !important; | |
| border-radius: 0 !important; | |
| margin: 0 !important; | |
| height: 44px !important; | |
| &:hover { | |
| --bg-percentage: 10%; | |
| } | |
| &:active { | |
| --bg-percentage: 20%; | |
| --border-percentage: 50%; | |
| } | |
| &[class*="colorBrand_"] { | |
| color: var(--accent_color) !important; | |
| } | |
| &[class*="colorRed_"] { | |
| color: var(--destructive_color) !important; | |
| } | |
| & > div { | |
| background: none !important; | |
| font-weight: 700 !important; | |
| font-size: 15px !important; | |
| text-transform: none !important; | |
| letter-spacing: 0 !important; | |
| justify-content: center; | |
| } | |
| svg { | |
| display: none; | |
| } | |
| } | |
| &[class*="horizontalReverse_"] { | |
| & > div > div > button:first-child, /* Vencord plugin settings */ | |
| & > button:last-child { | |
| border-left: none !important; | |
| } | |
| } | |
| } | |
| /* Vencord plugin settings */ | |
| &.vc-text-selectable { | |
| gap: 0; | |
| & > [class*="header_"] { | |
| box-shadow: var(--elevation-low); | |
| padding: 0 calc(6px + var(--close-button-pos) + var(--close-button-size)); | |
| height: var(--headerbar-height); | |
| } | |
| & > [class*="content_"] { | |
| text-align: start; | |
| padding-top: 24px !important; | |
| } | |
| & > [class*="footer_"] > div > div { | |
| gap: 0 !important; | |
| margin: 0 !important; | |
| } | |
| } | |
| } | |
| /* ---- */ | |
| [class*="quickswitcher_"] { | |
| background-color: var(--background-primary); | |
| border-radius: var(--window_radius); | |
| box-shadow: var(--elevation-stroke), var(--elevation-high); | |
| } | |
| [class*="recentMentionsPopout_"] { | |
| [class*="expandedInboxHeader_"], | |
| [class*="channelHeader_"] { | |
| display: none; | |
| } | |
| } | |
| [class*="messagesPopout_"] { | |
| padding: 0 !important; | |
| [role="list"] { | |
| background-color: var(--card_bg_color); | |
| border-radius: var(--card_radius); | |
| box-shadow: var(--elevation-medium) !important; | |
| margin: 22px 28px; | |
| overflow: hidden !important; | |
| & > div { | |
| border: none; | |
| padding: 0; | |
| margin: 0; | |
| &:not(:last-child) { | |
| border-bottom: 1px solid var(--card_shade_color); | |
| border-radius: 0; | |
| } | |
| } | |
| } | |
| [class*="messageContainer_"] { | |
| background-color: transparent; | |
| padding: 8px 0; | |
| margin: 0; | |
| } | |
| [class*="jumpButton_"] { | |
| top: 8px; | |
| right: 8px; | |
| & > div { | |
| color: inherit !important; | |
| font-size: inherit !important; | |
| } | |
| } | |
| } | |
| [role="dialog"] > div { | |
| background-color: var(--background-primary); | |
| border-radius: var(--window_radius); | |
| &:not([class*="root_"]) > [class*="header_"] { | |
| background-color: var(--background-primary); | |
| box-shadow: var(--elevation-low); | |
| padding: 6px; | |
| height: unset; | |
| min-height: unset; | |
| z-index: 1; | |
| } | |
| /* Image carousel arrows */ | |
| [class*="arrowContainer_"] { | |
| color: var(--window_fg_color); | |
| } | |
| } | |
| /* threads */ | |
| [class*="browser_"] { | |
| & > [class*="header_"] { | |
| box-shadow: var(--elevation-low); | |
| gap: 6px; | |
| height: var(--headerbar-height); | |
| min-height: var(--headerbar-height); | |
| & > svg, | |
| & > h1, | |
| & > [class*="divider_"], | |
| & > [class*="spacer_"] { | |
| display: none; | |
| } | |
| & > button { | |
| margin: 0; | |
| } | |
| } | |
| } | |
| /* search popup */ | |
| [id^="popout_"] > [role="listbox"][style="width: 320px;"]:not(:empty) { | |
| --text-muted: var(--window_fg_color); | |
| border-radius: var(--window_radius); | |
| box-shadow: var(--popover_shadow); | |
| gap: 16px; | |
| padding: var(--menu_margin); | |
| display: flex; | |
| flex-direction: column; | |
| [class*="header_"] { | |
| padding: 0 !important; | |
| padding-bottom: 6px !important; | |
| padding-left: 4px !important; | |
| } | |
| [aria-label="Clear Search History"] { | |
| top: 4px; | |
| right: 12px; | |
| } | |
| [role="group"] { | |
| padding: 0; | |
| margin: 0; | |
| &::before { | |
| display: none; | |
| } | |
| & > * { | |
| padding: 0; | |
| } | |
| } | |
| [role="option"] { | |
| --spacing: 6px; | |
| font-size: 15px; | |
| border-radius: var(--button_radius); | |
| margin: 0; | |
| padding: 0 12px; | |
| height: 32px; | |
| [class*="resultChannel_"] { | |
| width: 100%; | |
| } | |
| strong, | |
| [class*="displayedNick_"] { | |
| width: 50%; | |
| } | |
| strong { | |
| margin-left: calc(20px + var(--spacing)); | |
| } | |
| [class*="displayedNick_"] { | |
| margin: 0 var(--spacing); | |
| } | |
| [class*="searchResultChannelCategory_"] { | |
| opacity: 1; | |
| text-transform: unset; | |
| margin-left: var(--spacing); | |
| } | |
| } | |
| [class*="queryContainer_"], | |
| [aria-label="Learn More"], | |
| [class*="plusIcon_"], | |
| [class*="searchResultChannelIcon_"], | |
| [role="option"]:is([class*="user_"], :has(strong)) > [class*="filter_"] { | |
| display: none; | |
| } | |
| } | |
| /* context menu */ | |
| [role="menu"] { | |
| --background-modifier-accent: color-mix( | |
| in srgb, | |
| var(--window_fg_color) 20%, | |
| transparent | |
| ); | |
| border: 1px solid color-mix(in srgb, black 14%, transparent); | |
| border-radius: var(--popover_radius); | |
| box-shadow: var(--popover_shadow); | |
| & > div { | |
| padding: 8px !important; | |
| overflow: auto !important; | |
| } | |
| [role^="menuitem"] { | |
| background-color: color-mix( | |
| in srgb, | |
| var(--window_fg_color) var(--percentage), | |
| transparent | |
| ) !important; | |
| color: var(--window_fg_color) !important; | |
| border-radius: var(--menu_radius); | |
| padding: 4px 12px; | |
| margin: 0; | |
| min-height: 32px; | |
| &[class*="focused_"] { | |
| --percentage: 10%; | |
| } | |
| &:active { | |
| --percentage: 18.5%; | |
| } | |
| } | |
| [role="separator"] { | |
| margin: var(--menu_margin) 0; | |
| } | |
| [class*="hintContainer_"] { | |
| color: var(--window_fg_muted); | |
| } | |
| } | |
| [class*="customItem_"] { | |
| padding: 0 !important; | |
| } | |
| /* combobox dropdown */ | |
| [class*="popout_"][role="listbox"] { | |
| background-color: var(--popover_bg_color); | |
| border: 1px solid rgba(0, 0, 0, 0.14); | |
| border-radius: var(--popover_radius); | |
| box-shadow: var(--popover_shadow); | |
| padding: 6px !important; | |
| margin-top: 6px; | |
| & > [role="option"] { | |
| border-radius: 6px; | |
| } | |
| [class*="selectedIcon_"] { | |
| display: none; | |
| } | |
| } | |
| /* tooltip */ | |
| [class*="tooltip_"] { | |
| background-color: rgba(0, 0, 0, 0.8) !important; | |
| color: white !important; | |
| border: 1px solid rgba(255, 255, 255, 0.1) !important; | |
| border-radius: 9px !important; | |
| box-shadow: none !important; | |
| } | |
| [class*="tooltipContent_"] { | |
| padding: 6px 10px; | |
| * { | |
| color: inherit; | |
| } | |
| } | |
| [class*="tooltipPointer_"] { | |
| display: none; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment