Skip to content

Instantly share code, notes, and snippets.

@chxp82q

chxp82q/quickCss.css

Created March 17, 2025 21:02
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save chxp82q/a1f4e8e6294919341ddd6c282b813b47 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save chxp82q/a1f4e8e6294919341ddd6c282b813b47 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
quickCss.css
/*
* Generated from https://dnome.geopjr.dev/
*/
div[class*="layer_"]
> div[class*="standardSidebarView_"]
> div[class*="sidebarRegion_"]
> div[class*="sidebarRegionScroller_"]
> nav[class*="sidebar_"]
> div[class*="side_"]
> div[class*="clickable_"] {
flex-direction: column;
}
div[class*="layer_"]
> div[class*="standardSidebarView_"]
> div[class*="sidebarRegion_"]
> div[class*="sidebarRegionScroller_"]
> nav[class*="sidebar_"]
> div[class*="side_"]
> div[class*="clickable_"]
> div[class*="info_"] {
background:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='85' height='85' viewBox='0 0 22.49 22.49'%3E%3Cpath fill-opacity='.1' d='M13.23 0a13.23 13.23 0 1 0 0 26.46 13.23 13.23 0 0 0 4.01-.64v-3.1a10.32 10.32 0 0 1-4 .83 10.32 10.32 0 1 1 0-20.64A10.32 10.32 0 0 1 22.9 16.8h3.06A13.23 13.23 0 0 0 13.23 0zM6.35 6.09a11.7 11.7 0 0 0-2.9 6.35v.26c.52.26 4.23 3.7 9.25 1.85 2.12-.8 3.44.27 5.03 1.32l.53.27-2.12 6.61.53-.26.53-.27 5.03-13.49h-.53c-1.06-1.06-1.59-1.85-2.91-2.38-1.85-.8-3.44.8-5.03 1.32-2.64.53-5.03.27-7.14-1.06l-.27-.52zm-2.9 6.87v.53l.52 1.33c1.06 2.64 4.24 3.7 6.62 3.17 1.32 0 1.58.27 2.38.53h.26l-1.32 4.5a2.38 2.38 0 0 0 .8 0l2.9-7.94-.53-.26c-1.32-.53-2.38.26-3.7.53-3.44.53-5.56-.27-7.94-2.39z'/%3E%3C/svg%3E"),
linear-gradient(
to bottom,
#5ccefa,
#5ccefa 20%,
#f6a8b7 20%,
#f6a8b7 40%,
#fff 40%,
#fff 60%,
#f6a8b7 60%,
#f6a8b7 80%,
#5ccefa 80%,
#5ccefa
);
background-position:
right bottom,
center center;
background-repeat: no-repeat, repeat;
border-radius: var(--dnome-border-medium);
color: #000;
margin-bottom: 1rem;
}
div[class*="layer_"]
> div[class*="standardSidebarView_"]
> div[class*="sidebarRegion_"]
> div[class*="sidebarRegionScroller_"]
> nav[class*="sidebar_"]
> div[class*="side_"]
> div[class*="clickable_"]
> div[class*="info_"]
> span {
color: #000 !important;
font-family: monospace;
}
div[class*="layer_"]
> div[class*="standardSidebarView_"]
> div[class*="sidebarRegion_"]
> div[class*="sidebarRegionScroller_"]
> nav[class*="sidebar_"]
> div[class*="side_"]
> div[class*="clickable_"]
> div[class*="info_"]:after {
content: "Thanks for using DNOME!";
text-transform: none;
font-weight: 700;
}
div[class*="layer_"]
> div[class*="standardSidebarView_"]
> div[class*="sidebarRegion_"]
> div[class*="sidebarRegionScroller_"]
> nav[class*="sidebar_"]
> div[class*="side_"]
> div[class*="clickable_"]
> div[class*="info_"]:before {
content: "DNOME v3.4.0";
text-transform: none;
color: #000;
font-family: monospace;
font-size: 12px;
line-height: 16px;
}
div[class*="layer_"]
> div[class*="standardSidebarView_"]
> div[class*="sidebarRegion_"]
> div[class*="sidebarRegionScroller_"]
> nav[class*="sidebar_"]
> div[class*="side_"]
> div[class*="clickable_"]:after {
content: "Made by GeopJr with 💖 (and lots of CSS)\a\ahttps://geopjr.dev/";
white-space: pre-wrap;
color: var(--text-normal);
font-weight: 700;
}
div[class*="chat_"]
> div[class*="content_"]
> div[class*="container_"]
> aside[class*="membersWrap_"]
div[class*="member_"]
> div[class*="layout_"],
div[class*="chat_"]
> div[class*="content_"]
> div[class*="membersWrap_"]
div[class*="member_"]
> div[class*="layout_"],
div[class*="sidebar_"]
> div
> div[class*="categoryItem_"]
> div[class*="itemInner_"] {
border-radius: var(--dnome-border-small);
}
div[class*="chat_"]
> div[class*="content_"]
> div[class*="container_"]
> aside[class*="membersWrap_"]
div[class*="member_"]
> div[class*="layout_"]:hover,
div[class*="chat_"]
> div[class*="content_"]
> div[class*="membersWrap_"]
div[class*="member_"]
> div[class*="layout_"]:hover,
div[class*="sidebar_"]
> div
> div[class*="categoryItem_"]
> div[class*="itemInner_"]:hover {
background-color: var(--dnome-list-item-hover);
}
div[class*="sidebar_"]
> div
> div[class*="categoryItem_"][class*="selectedCategoryItem_"]
> div[class*="itemInner_"] {
color: var(--text-normal);
background-color: var(--dnome-list-item-selected);
}
div[class*="chat_"]
> div[class*="content_"]
> div[class*="container_"]
> aside[class*="membersWrap_"]
div[class*="member_"][class*="selected_"]
> div[class*="layout_"]:hover,
div[class*="chat_"]
> div[class*="content_"]
> div[class*="membersWrap_"]
div[class*="member_"][aria-expanded="true"]
> div[class*="layout_"]:hover,
div[class*="groupStart_"]
li[class*="messageListItem_"]
> div[class*="message_"]
> div[class*="buttonContainer_"]
> div[class*="buttons_"]
> div[class*="wrapper_"]
> div[class*="button_"][class*="selected_"]:hover,
div[class*="sidebar_"]
> div
> div[class*="categoryItem_"][class*="selectedCategoryItem_"]
> div[class*="itemInner_"]:hover,
li[id*="chat-messages_"][class*="messageListItem_"]
> div[class*="message_"]
> div[class*="buttonContainer_"]
> div[class*="buttons_"]
> div[class*="wrapper_"]
> div[class*="button_"][class*="selected_"]:hover {
background-color: var(--dnome-list-item-hover-selected);
}
div[class*="pageWrapper_"] {
background-color: var(--dnome-bg) !important;
}
div[class*="layerContainer_"] #sort-and-view,
div[class*="layerContainer_"]
> div
> div
> div[class*="focusLock_"]
> div[class*="root_"],
div[class*="pageWrapper_"]
div[class*="viewWrapper_"]
> div[class*="headerContainer_"]
> img[class*="headerImage_"],
div[class*="pageWrapper_"]
div[class*="viewWrapper_"]
> div[class*="searchHeader_"]
> img[class*="headerImage_"] {
border-radius: var(--dnome-border-big);
}
div[class*="layerContainer_"]
> div[class*="layer_"]
> form
> div[class*="focusLock_"]
> div[class*="modal_"]
> div
div[class*="inputWrapper_"]
> input[class*="inputDefault_"],
div[class*="pageWrapper_"]
div[class*="viewWrapper_"]
> div[class*="searchHeader_"]
> div[class*="headerContentWrapper_"]
> div[class*="headerContent_"]
> div[class*="container_"]
> div[class*="search_"]
> div[class*="searchBox_"] {
background-color: var(--dnome-searchbox);
border-radius: var(--dnome-border-medium);
}
div[class*="pageWrapper_"]
div[class*="viewWrapper_"]
> div[class*="searchHeader_"]
> div[class*="headerContentWrapper_"]
> div[class*="headerContent_"]
> div[class*="container_"]
> div[class*="search_"]
> div[class*="searchBox_"]
> div
> [class*="clearIcon_"],
div[class*="pageWrapper_"]
div[class*="viewWrapper_"]
> div[class*="searchHeader_"]
> div[class*="headerContentWrapper_"]
> div[class*="headerContent_"]
> div[class*="container_"]
> div[class*="search_"]
> div[class*="searchBox_"]
> div
> input[class*="inputDefault_"],
div[class*="pageWrapper_"]
div[class*="viewWrapper_"]
> div[class*="searchHeader_"]
> div[class*="headerContentWrapper_"]
> div[class*="headerContent_"]
> div[class*="container_"]
> div[class*="search_"]
> div[class*="searchBox_"]
> svg[class*="searchIcon_"] {
color: #fff;
}
div[class*="pageWrapper_"]
div[class*="viewWrapper_"]
> div
> section[class*="guildListSection_"]
> div[class*="guildList_"]
> div[class*="loaded_"]
> div[class*="card_"] {
border-radius: var(--dnome-border-big);
background-color: var(--dnome-list-item-hover);
}
div[class*="pageWrapper_"]
div[class*="viewWrapper_"]
> div
> section[class*="guildListSection_"]
> div[class*="guildList_"]
> div[class*="loaded_"]
> div[class*="card_"]
> div[class*="cardHeader_"]
> div[class*="actionButtons_"]
> div[class*="actionButtonsContainer_"]
> div[class*="wrapper_"] {
border: 1px solid var(--dnome-border);
}
#emoji-picker-tab-panel div[class*="searchBar"],
#gif-picker-tab-panel > div[class*="header_"] div[class*="searchBar"],
#sticker-picker-tab-panel
> div[class*="header_"]
> div[class*="wrapper_"]
> div[class*="container_"]
> div[class*="inner_"] {
border-radius: var(--dnome-border-small);
background-color: var(--dnome-searchbox);
}
#emoji-picker-tab-panel > div > div[class*="header_"] {
box-shadow: none;
border-bottom: 1px solid var(--dnome-border);
}
#emoji-picker-tab-panel div[class*="inspector_"] {
border-top: 1px solid var(--dnome-border);
}
#emoji-picker-tab-panel div[class*="categoryList_"] {
border-right: 1px solid var(--dnome-border);
}
#emoji-picker-tab-panel div[class*="diversitySelectorButton_"]:hover,
#emoji-picker-tab-panel
li[role="gridcell"][id*="emoji-picker_"]
> button[class*="emojiItem_"][class*="emojiItemSelected_"],
#sticker-picker-tab-panel
div[role="gridcell"][id*="sticker-picker_"]
> div[class*="sticker_"][class*="stickerInspected_"]
div[class*="inspectedIndicator_"],
div[class*="chat_"]
form[class*="form_"]
div[class*="submitContainer_"]
> div[class*="channelTextArea_"]
> div[class*="scrollableContainer_"]
> ul[class*="channelAttachmentArea_"]
> li[role="listitem"],
div[class*="chat_"]
form[class*="form_"]
> div[class*="channelTextArea_"]
> div[class*="scrollableContainer_"]
> ul[class*="channelAttachmentArea_"]
> li[role="listitem"] {
background-color: var(--dnome-list-item-hover);
border-radius: var(--dnome-border-medium);
}
#emoji-picker-tab-panel div[class*="diversitySelectorButton_"]:hover {
padding: 5px;
margin: -5px;
}
#emoji-picker-tab-panel div[role="listbox"][data-list-id="diversity"] {
border-radius: var(--dnome-border-medium);
background-color: var(--background-floating);
}
#emoji-picker-tab-panel
div[role="listbox"][data-list-id="diversity"]
> div[class*="diversityEmojiItem_"]:first-child {
border-top-left-radius: var(--dnome-border-medium);
border-top-right-radius: var(--dnome-border-medium);
}
#emoji-picker-tab-panel
div[role="listbox"][data-list-id="diversity"]
> div[class*="diversityEmojiItem_"]:last-child {
border-bottom-left-radius: var(--dnome-border-medium);
border-bottom-right-radius: var(--dnome-border-medium);
}
#emoji-picker-tab-panel
div[role="listbox"][data-list-id="diversity"]
> div[class*="diversityEmojiItem_"]:hover {
background-color: var(--dnome-popup-hover);
}
#gif-picker-tab-panel > div[class*="header_"] {
box-shadow: none;
border-bottom: 1px solid var(--dnome-border);
}
#gif-picker-tab-panel div[class*="result_"],
#gif-picker-tab-panel div[class*="result_"] > div[class*="categoryFade"],
#gif-picker-tab-panel div[class*="result_"] > img[class*="gif_"],
#gif-picker-tab-panel div[class*="result_"] > video[class*="gif_"],
div[class*="layerContainer_"]
> div[id*="popout_"]
> div
> div[class*="customColorPicker_"]
div[class*="suggestedColor_"],
div[class*="layerContainer_"]
> div[id*="popout_"]
> div
> div[class*="customColorPicker_"]
> div[class*="wrapper_"]
> div[class*="saturation_"]
> div,
div[class*="layerContainer_"]
> div[id*="popout_"]
> div
> div[class*="customColorPicker_"]
> div[class*="wrapper_"]
> div[class*="saturation_"]
> div
> div[class*="saturation_"],
main[class*="container_"]
div[class*="tabBody_"]
> div[class*="peopleColumn_"]
div[class*="addFriendInputWrapper_"]
> button[type="submit"] {
border-radius: var(--dnome-border-medium);
}
#gif-picker-tab-panel div[class*="result_"]:hover {
box-shadow: none;
}
div[class*="layerContainer_"]
div[class*="drawerSizingWrapper_"]
> div[class*="resizeHandle_"] {
background-color: transparent;
}
#sticker-picker-tab-panel > div[class*="header_"] {
box-shadow: none;
border-bottom: 1px solid var(--dnome-border);
}
#sticker-picker-tab-panel div[class*="inspector_"] {
border-top: 1px solid var(--dnome-border);
}
#sticker-picker-tab-panel div[class*="categoryList_"] {
border-right: 1px solid var(--dnome-border);
}
div[class*="chat_"] div[class*="gifTag_"],
div[class*="layerContainer_"]
> div[class*="layer_"]
> form
> div[class*="focusLock_"]
> div[class*="modal_"]
> div
div[class*="searchBox_"]
> div[class*="searchBar_"]
> div[class*="inner_"]
> a[class*="anchor_"][class*="tag_"] {
border-radius: 4px;
}
div[class*="chat_"]
div[id*="message-accessories_"]
> div[class*="container_"][role="button"] {
border-radius: var(--dnome-border-medium);
background-color: var(--dnome-base);
border: 2px solid var(--interactive-muted);
}
div[class*="chat_"]
div[class*="messageAttachment_"]
> div[class*="embedWrapper_"]:not([class*="imageContent_"])
> div[class*="textContainer_"] {
border-top-left-radius: var(--dnome-border-medium);
border-top-right-radius: var(--dnome-border-medium);
}
div[class*="chat_"]
div[class*="messageAttachment_"]
> div[class*="embedWrapper_"]:not([class*="imageContent_"])
> div[class*="text_"][class*="footer_"] {
border-top: 1px solid var(--dnome-border);
border-bottom-left-radius: var(--dnome-border-medium);
border-bottom-right-radius: var(--dnome-border-medium);
}
div[class*="chat_"]
div[class*="messageAttachment_"]
> div[class*="embedWrapper_"]:not(
[class*="imageContent_"]
)[class*="wrapperAudio_"] {
padding: 10px 0;
}
div[class*="chat_"]
div[class*="messageAttachment_"]
> div[class*="embedWrapper_"]:not(
[class*="imageContent_"]
)[class*="wrapperAudio_"]
> div[class*="audioMetadata_"] {
border-bottom: 1px solid var(--dnome-border);
padding-left: 10px;
padding-right: 10px;
}
div[class*="chat_"]
div[class*="messageAttachment_"]
> div[class*="embedWrapper_"]:not(
[class*="imageContent_"]
)[class*="wrapperAudio_"]
> div[class*="audioControls_"] {
border-radius: var(--dnome-border-medium);
background-color: transparent;
}
div[class*="chat_"]
div[class*="messageAttachment_"]
> div[class*="embedWrapper_"]:not(
[class*="imageContent_"]
)[class*="wrapperAudio_"]
> div[class*="audioControls_"]
> * {
border-radius: var(--dnome-border-medium);
}
div[class*="chat_"]
div[class*="messageAttachment_"]
> div[class*="embedWrapper_"]:not(
[class*="imageContent_"]
)[class*="wrapperAudio_"]
> div[class*="audioControls_"]
> :hover {
background-color: var(--dnome-list-item-hover);
}
div[class*="chat_"]
div[class*="messageAttachment_"]
> div[class*="embedWrapper_"]:not(
[class*="imageContent_"]
)[class*="wrapperAudio_"]
> div[class*="audioControls_"]
> :active,
div[class*="sidebar_"]
#channels
li[class*="containerDefault_"][class*="selected_"]
div[class*="iconVisibility_"]:not([class*="clickable_"])
a[class*="link_"],
div[class*="sidebar_"]
#channels
li[class*="containerDefault_"][class*="selected_"]
div[class*="iconVisibility_"]:not([class*="clickable_"])
div[class*="content_"] {
background-color: var(--dnome-list-item-selected);
}
div[class*="chat_"] div[class*="jumpToPresentBar_"],
div[class*="chat_"] div[class*="newMessagesBar"] {
margin-top: 15px;
border-radius: var(--dnome-border-small);
height: 50px;
}
div[class*="chat_"] div[class*="jumpToPresentBar_"] {
bottom: 15px;
padding-bottom: 0;
}
div[class*="chat_"] div[class*="callContainer_"] {
background-color: var(--dnome-base) !important;
}
div[class*="chat_"] > div[class*="content_"] div[class*="divider_"] {
border-color: var(--dnome-border);
margin-left: 0;
margin-right: 0;
}
div[class*="chat_"]
> div[class*="content_"]
div[class*="divider_"][class*="isUnread_"] {
border-color: var(--dnome-accent);
}
div[class*="chat_"]
> div[class*="content_"]
div[class*="divider_"][class*="isUnread_"]
> span[class*="unreadPill"] {
background-color: var(--dnome-accent);
}
div[class*="chat_"]
> div[class*="content_"]
div[class*="divider_"][class*="isUnread_"]
> span[class*="unreadPill"]
> svg
> path[class*="unreadPillCap"] {
color: var(--dnome-accent);
fill: var(--dnome-accent);
}
div[class*="animatorBottom_"]
> div[class*="menu_"]
div[class*="colorDefault"]
path[class*="checkbox_"],
div[class*="chat_"]
> div[class*="content_"]
div[class*="divider_"][class*="isUnread_"]
> span[class*="content"] {
color: var(--dnome-accent);
}
div[class*="chat_"] > div[class*="content_"]::before {
display: none;
}
div[class*="chat_"]
form[class*="form_"]
div[class*="submitContainer_"]
> div[class*="channelTextArea_"]
> div[class*="scrollableContainer_"]
> ul[class*="channelAttachmentArea_"]
> li[role="listitem"]
div[class*="actionBarContainer_"]
> div[class*="actionBar_"]
> div[class*="wrapper_"]
> div[class*="button_"]:hover,
div[class*="chat_"]
form[class*="form_"]
> div[class*="channelTextArea_"]
> div[class*="scrollableContainer_"]
> ul[class*="channelAttachmentArea_"]
> li[role="listitem"]
div[class*="actionBarContainer_"]
> div[class*="actionBar_"]
> div[class*="wrapper_"]
> div[class*="button_"]:hover,
div[class*="chat_"]
> div[class*="content_"]
> div[class*="container_"]
> aside[class*="membersWrap_"]
div[class*="member_"][class*="selected_"]
> div[class*="layout_"],
div[class*="chat_"]
> div[class*="content_"]
> div[class*="membersWrap_"]
div[class*="member_"][aria-expanded="true"]
> div[class*="layout_"] {
background-color: var(--dnome-list-item-selected);
}
div[class*="chat_"] > div[class*="content_"] > div[class*="container_"],
main[class*="container_"]
div[class*="nowPlayingColumn_"]
> aside
> div[class*="scroller_"] {
border-left: 1px solid var(--dnome-border);
}
div[class*="chat_"] main > form,
div[class*="chat_"] > div[class*="content_"],
div[class*="sidebar_"] > section[class*="panels_"] {
border-top: 1px solid var(--dnome-border);
}
div[class*="chat_"] form[class*="form_"]::before {
height: 0;
}
div[class*="chat_"]
form[class*="form_"]
div[class*="submitContainer_"]
> div[class*="channelTextArea_"]
> div[class*="channelTextAreaInner_"][class*="channelTextAreaInnerError_"],
div[class*="chat_"]
form[class*="form_"]
> div[class*="channelTextArea_"]
> div[class*="channelTextAreaInner_"][class*="channelTextAreaInnerError_"] {
border: 0;
}
div[class*="chat_"]
form[class*="form_"]
div[class*="submitContainer_"]
> div[class*="channelTextArea_"][class*="channelTextAreaDisabled_"],
div[class*="chat_"]
form[class*="form_"]
> div[class*="channelTextArea_"][class*="channelTextAreaDisabled_"],
div[class*="chat_"] main > form,
div[class*="resizeHandle_"]
+ div[class*="container_"]
> section
> section[class*="container_"][class*="themed_"],
main[class*="container_"]
div[class*="nowPlayingColumn_"]
div[class*="itemCard_"]
> div
> div[class*="body_"]
> section {
background-color: var(--dnome-base);
}
div[class*="chat_"]
form[class*="form_"]
div[class*="submitContainer_"]
> div[class*="channelTextArea_"]
> div[class*="attachedBars_"],
div[class*="chat_"]
form[class*="form_"]
> div[class*="channelTextArea_"]
> div[class*="attachedBars_"] {
background: 0 0;
border-radius: var(--dnome-border-medium);
margin-top: -18px;
}
div[class*="chat_"]
form[class*="form_"]
div[class*="submitContainer_"]
> div[class*="channelTextArea_"]
> div[class*="attachedBars_"]
div[class*="replyBar_"],
div[class*="chat_"]
form[class*="form_"]
> div[class*="channelTextArea_"]
> div[class*="attachedBars_"]
div[class*="replyBar_"] {
border-radius: var(--dnome-border-medium);
background: var(--dnome-accent);
}
div[class*="animatorBottom_"]
> div[class*="menu_"]
div[class*="item_"][class*="labelContainer_"]
svg
> path[class*="check_"],
div[class*="chat_"]
form[class*="form_"]
div[class*="submitContainer_"]
> div[class*="channelTextArea_"]
> div[class*="attachedBars_"]
div[class*="replyBar_"]
> *
div,
div[class*="chat_"]
form[class*="form_"]
> div[class*="channelTextArea_"]
> div[class*="attachedBars_"]
div[class*="replyBar_"]
> *
div {
color: #fff !important;
}
div[class*="chat_"]
form[class*="form_"]
div[class*="submitContainer_"]
> div[class*="channelTextArea_"]
> div[class*="scrollableContainer_"]
> div[class*="divider_"],
div[class*="chat_"]
form[class*="form_"]
> div[class*="channelTextArea_"]
> div[class*="scrollableContainer_"]
> div[class*="divider_"] {
display: none;
}
div[class*="chat_"]
form[class*="form_"]
div[class*="submitContainer_"]
> div[class*="channelTextArea_"]
> div[class*="scrollableContainer_"]
> ul[class*="channelAttachmentArea_"]
> li[role="listitem"]
div[class*="actionBarContainer_"]
> div[class*="actionBar_"]
> div[class*="wrapper_"],
div[class*="chat_"]
form[class*="form_"]
> div[class*="channelTextArea_"]
> div[class*="scrollableContainer_"]
> ul[class*="channelAttachmentArea_"]
> li[role="listitem"]
div[class*="actionBarContainer_"]
> div[class*="actionBar_"]
> div[class*="wrapper_"] {
background-color: var(--dnome-list-item-hover);
border: 1px solid var(--dnome-border);
border-radius: var(--dnome-border-medium);
}
div[class*="chat_"]
form[class*="form_"]
div[class*="submitContainer_"]
> div[class*="channelTextArea_"]
> div[class*="scrollableContainer_"]
> ul[class*="channelAttachmentArea_"]
> li[role="listitem"]
div[class*="actionBarContainer_"]
> div[class*="actionBar_"]
> div[class*="wrapper_"]:hover,
div[class*="chat_"]
form[class*="form_"]
> div[class*="channelTextArea_"]
> div[class*="scrollableContainer_"]
> ul[class*="channelAttachmentArea_"]
> li[role="listitem"]
div[class*="actionBarContainer_"]
> div[class*="actionBar_"]
> div[class*="wrapper_"]:hover {
box-shadow: none;
}
div[class*="chat_"] div[class*="autocomplete_"],
div[class*="chat_"]
div[id*="message-content-Uploader"]
> div[class*="attachment_"] {
background-color: var(--dnome-base);
border-radius: var(--dnome-border-medium);
}
div[class*="chat_"]
div[class*="autocomplete_"]
div[class*="clickable_"]
> div[class*="base_"],
section[class*="searchResultsWrap_"]
> header[class*="searchHeader_"]
> div[class*="searchHeaderTabList_"]
> div[class*="item_"] {
border-radius: var(--dnome-border-small);
}
div[class*="chat_"]
div[class*="autocomplete_"]
div[class*="clickable_"]
> div[class*="base_"]:hover,
div[class*="groupStart_"]
li[class*="messageListItem_"]
> div[class*="message_"]
> div[class*="buttonContainer_"]
> div[class*="buttons_"]
> div[class*="wrapper_"]
> div[class*="button_"]:hover,
li[id*="chat-messages_"][class*="messageListItem_"]
> div[class*="message_"]
> div[class*="buttonContainer_"]
> div[class*="buttons_"]
> div[class*="wrapper_"]
> div[class*="button_"]:hover,
section[class*="searchResultsWrap_"]
> div
> div[role="list"]
> ul[role="group"]
> li[role="listitem"]
> div[class*="searchResult_"] {
background-color: var(--dnome-list-item-hover);
}
div[class*="groupStart_"]
li[class*="messageListItem_"]
> div[class*="message_"] {
background-color: var(--dnome-error-soft);
}
div[class*="groupStart_"]
li[class*="messageListItem_"]
> div[class*="message_"]:hover {
background-color: var(--dnome-error-soft);
outline: 1px dashed var(--dnome-error);
}
div[class*="groupStart_"]
li[class*="messageListItem_"]
> div[class*="message_"]
> div[class*="buttonContainer_"]
> div[class*="buttons_"]
> div[class*="wrapper_"],
li[id*="chat-messages_"][class*="messageListItem_"]
> div[class*="message_"]
> div[class*="buttonContainer_"]
> div[class*="buttons_"]
> div[class*="wrapper_"] {
background-color: var(--dnome-base);
border-radius: var(--dnome-border-medium);
border: 1px solid var(--dnome-border);
box-shadow: none;
}
div[class*="groupStart_"]
li[class*="messageListItem_"]
> div[class*="message_"]
> div[class*="buttonContainer_"]
> div[class*="buttons_"]
> div[class*="wrapper_"]
> div[class*="button_"][class*="selected_"],
li[id*="chat-messages_"][class*="messageListItem_"]
> div[class*="message_"]
> div[class*="buttonContainer_"]
> div[class*="buttons_"]
> div[class*="wrapper_"]
> div[class*="button_"][class*="selected_"] {
background-color: var(--dnome-list-item-selected);
}
li[id*="chat-messages_"][class*="messageListItem_"]
> div[class*="message_"]:hover {
background-color: var(--dnome-base);
outline: 1px solid var(--dnome-border);
}
li[id*="chat-messages_"][class*="messageListItem_"]
> div[class*="message_"]
article[class*="embedWrapper_"],
section[class*="searchResultsWrap_"]
> div
> div[role="list"]
> ul[role="group"]
> li[role="listitem"]
> div[class*="searchResult_"]
article[class*="embedWrapper_"] {
border: 2px solid;
border-radius: var(--dnome-border-medium);
background-color: var(--dnome-base);
}
li[id*="chat-messages_"][class*="messageListItem_"]
> div[class*="message_"]
div[class*="channelTextArea_"]
> div[class*="scrollableContainer"] {
background-color: var(--dnome-searchbox);
}
section[class*="searchResultsWrap_"]
> div
> div[role="list"]
> ul[role="group"]
> li[role="listitem"]
> div[class*="searchResult_"]
div[id*="message-accessories"]
> div[class*="wrapper_"] {
border-radius: var(--dnome-border-medium);
background-color: var(--dnome-list-item-selected);
}
section[class*="searchResultsWrap_"]
> div
> div[role="list"]
> ul[role="group"]
> li[role="listitem"]
> div[class*="buttonsContainer_"]
> div[class*="button_"] {
background-color: var(--dnome-accent);
border-radius: var(--dnome-border-small);
color: #fff;
}
main[class*="container_"]
div[class*="tabBody_"]
> div[class*="peopleColumn_"]
div[class*="addFriendInputWrapper_"]
> button[type="submit"]:hover,
section[class*="searchResultsWrap_"]
> div
> div[role="list"]
> ul[role="group"]
> li[role="listitem"]
> div[class*="buttonsContainer_"]
> div[class*="button_"]:hover {
background-color: var(--dnome-accent-lighter);
}
div[class*="sidebar_"] > section[class*="panels_"] button[role="switch"]:hover,
div[class*="sidebar_"]
> section[class*="panels_"]
> div
> div[class*="avatarWrapper_"]:hover,
main[class*="container_"]
div[class*="nowPlayingColumn_"]
div[class*="itemCard_"]:hover
> div
> div[class*="body_"]
> section,
section[class*="searchResultsWrap_"]
> header[class*="searchHeader_"]
> div[class*="searchHeaderTabList_"]
> div[class*="item_"]:hover {
background-color: var(--dnome-list-item-hover);
}
div[class*="sidebar_"]
> section[class*="panels_"]
button[role="switch"][aria-checked="true"],
main[class*="container_"]
div[class*="nowPlayingColumn_"]
div[class*="itemCard_"]:hover
> div
> div[class*="body_"]
> section:hover,
section[class*="searchResultsWrap_"]
> header[class*="searchHeader_"]
> div[class*="searchHeaderTabList_"]
> div[class*="item_"][class*="selected_"] {
background-color: var(--dnome-list-item-selected);
}
div[class*="sidebar_"]
> section[class*="panels_"]
button[role="switch"][aria-checked="true"]:hover,
main[class*="container_"]
section[role="navigation"]
> div[class*="children_"]
> div[class*="tabBar_"][role*="tablist"]
> div[class*="item"][class*="addFriend_"][class*="selected_"]:hover,
main[class*="container_"]
section[role="navigation"]
> div[class*="children_"]
> div[class*="tabBar_"][role*="tablist"]
> div[class*="item"][class*="selected_"]:hover,
section[class*="searchResultsWrap_"]
> header[class*="searchHeader_"]
> div[class*="searchHeaderTabList_"]
> div[class*="item_"][class*="selected_"]:hover {
background-color: var(--dnome-list-item-hover-selected);
}
div[class*="toolbar_"]:not([id="slate-toolbar"]),
div[class*="toolbar_"]:not([id="slate-toolbar"])
> div[class*="search_"]
> div[class*="search_"],
div[class*="toolbar_"]:not([id="slate-toolbar"])
> div[class*="search_"]
> div[class*="search_"]
> div[class*="searchBar_"]
> div[class*="DraftEditor-root"]
> div[class*="DraftEditor-editorContainer"]
> div[class*="public-DraftEditor-content"]
> div {
height: 100%;
}
div[class*="toolbar_"]:not([id="slate-toolbar"]) > div[class*="search_"] {
height: 70%;
}
div[class*="toolbar_"]:not([id="slate-toolbar"])
> div[class*="search_"]
> div[class*="search_"][class*="focused_"]
> div[class*="searchBar_"] {
border: 2px solid var(--dnome-accent-soft);
}
div[class*="toolbar_"]:not([id="slate-toolbar"])
> div[class*="search_"]
> div[class*="search_"]:not([class*="focused_"])
> div[class*="searchBar_"] {
border: 2px solid transparent;
}
div[class*="toolbar_"]:not([id="slate-toolbar"])
> div[class*="search_"]
> div[class*="search_"]
> div[class*="searchBar_"] {
align-items: center;
border-radius: var(--dnome-border-small);
background-color: var(--dnome-searchbox);
}
div[class*="toolbar_"]:not([id="slate-toolbar"])
> div[class*="search_"]
> div[class*="search_"]
> div[class*="searchBar_"]
> div[class*="DraftEditor-root"]
> div[class*="public-DraftEditorPlaceholder-root"] {
padding-bottom: 0;
height: calc(100% - 4px);
display: inline-flex;
align-items: center;
}
div[class*="toolbar_"]:not([id="slate-toolbar"])
> div[class*="search_"]
> div[class*="search_"]
> div[class*="searchBar_"]
> div[class*="DraftEditor-root"]
> div[class*="DraftEditor-editorContainer"]
> div[class*="public-DraftEditor-content"]
div[class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"]
span[class*="search"] {
background-color: transparent;
font-weight: 700;
text-decoration: underline;
}
div[class*="toolbar_"]:not([id="slate-toolbar"])
> div[class*="search_"]
> div[class*="search_"]
> div[class*="searchBar_"]
> div[class*="DraftEditor-root"]
> div[class*="DraftEditor-editorContainer"]
> div[class*="public-DraftEditor-content"]
> div
> div {
height: 100%;
display: inline-flex;
align-items: center;
}
div[class*="sidebar_"] header[class*="header_"] {
border-bottom: 1px solid var(--dnome-border);
box-shadow: none;
}
div[class*="sidebar_"] div[class*="hasBanner_"] > header[class*="header_"] {
border-bottom: none;
}
div[class*="layerContainer_"]
> div
> div[class*="focusLock_"]
> div[class*="root_"]:not([class*="carouselModal_"])
> div
div[role="radiogroup"]
> div[class*="item_"][aria-checked="true"]:hover,
div[class*="sidebar_"]
#channels
li[class*="containerDefault_"][class*="selected_"]
div[class*="iconVisibility_"]:not([class*="clickable_"])
a[class*="link_"]:hover,
div[class*="sidebar_"]
#channels
li[class*="containerDefault_"][class*="selected_"]
div[class*="iconVisibility_"]:not([class*="clickable_"])
div[class*="content_"]:hover {
background-color: var(--dnome-list-item-hover-selected);
}
div[class*="layerContainer_"]
> div
> div[class*="focusLock_"]
> div[class*="root_"]:not([class*="carouselModal_"])
div[class*="footer_"]
> button[type="submit"],
div[class*="layerContainer_"]
> div
> div[class*="focusLock_"]
> div[class*="root_"]:not([class*="carouselModal_"])
> div
> button[type="submit"][class*="colorRed"],
div[class*="sidebar_"]
#channels
li[class*="containerDefault_"]
div[class*="iconVisibility_"]:not([class*="clickable_"])
div[class*="content_"] {
border-radius: var(--dnome-border-small);
}
div[class*="layerContainer_"]
> div
> div[class*="focusLock_"]
> div[class*="root_"]:not([class*="carouselModal_"])
> div
div[role="radiogroup"]
> div[class*="item_"]:hover,
div[class*="sidebar_"]
#channels
li[class*="containerDefault_"]
div[class*="iconVisibility_"]:not([class*="clickable_"])
div[class*="content_"]:hover,
div[class*="sidebar_"]
> section[class*="panels_"]
button[type="button"]:not([role="switch"]):hover {
background-color: var(--dnome-list-item-hover);
}
div[class*="resizeHandle_"] {
background-color: var(--dnome-border);
width: 3px;
}
div[class*="chat_"][class*="threadSidebarOpen_"],
div[class*="resizeHandle_"] + div[class*="container_"] {
border-radius: 0;
}
div[class*="resizeHandle_"]
+ div[class*="container_"]
div[class*="chat_"]:not([class*="threadSidebarOpen_"]):before {
box-shadow: none;
border-bottom: 1px solid var(--dnome-border);
}
div[class*="layerContainer_"]
> div
> div[class*="focusLock_"]
> div[class*="root_"]:not([class*="carouselModal_"])
input[class*="inputDefault_"],
div[class*="resizeHandle_"]
+ div[class*="container_"]
div[class*="chat_"]:not([class*="threadSidebarOpen_"])
> div[class*="messagesWrapper_"]
> form[class*="form_"]
> div[class*="scroller_"]
> div[class*="scrollerInner_"]
div[class*="formSection_"]
div[class*="inputWrapper_"]
> input[class*="inputDefault_"] {
background-color: var(--dnome-searchbox);
border-radius: var(--dnome-border-medium);
}
div[class*="resizeHandle_"]
+ div[class*="container_"]
div[class*="chat_"]:not([class*="threadSidebarOpen_"])
form,
div[class*="resizeHandle_"]
+ div[class*="container_"]
div[class*="chat_"]:not([class*="threadSidebarOpen_"])
> div[class*="messagesWrapper_"]
> form[class*="form_"]
> div[class*="submitContainer_"] {
background-color: var(--dnome-base);
border-top: 1px solid var(--dnome-border);
}
main[class*="container_"]
div[class*="tabBody_"]
> div[class*="peopleColumn_"]
div[class*="addFriendInputWrapper_"] {
background-color: var(--dnome-searchbox);
border-radius: var(--dnome-border-medium);
border: 0;
}
main[class*="container_"]
div[class*="nowPlayingColumn_"]
div[class*="itemCard_"] {
background-color: var(--dnome-base);
border: 0;
border-radius: var(--dnome-border-medium);
}
main[class*="container_"]
div[class*="nowPlayingColumn_"]
div[class*="itemCard_"]:hover {
background-color: var(--dnome-list-item-hover) !important;
}
main[class*="container_"] div[class*="tabBody_"]::before {
box-shadow: none;
border-bottom: 1px solid var(--dnome-border);
}
main[class*="container_"]
div[class*="tabBody_"]
> div[class*="peopleColumn_"]
> div[class*="searchBar_"] {
background-color: var(--dnome-searchbox);
border-radius: var(--dnome-border-medium);
height: 41px;
margin: 16px 20px 8px 30px;
}
main[class*="container_"]
div[class*="tabBody_"]
> div[class*="peopleColumn_"]
> div[class*="peopleList_"]
> div[class*="content_"]
> div[class*="peopleListItem_"] {
border-radius: var(--dnome-border-medium);
border: 0;
}
div[class*="sidebar_"]
> nav[class*="privateChannels_"]
> div
> ul[role="list"]
> li
> div[class*="interactive_"]:hover,
main[class*="container_"]
div[class*="tabBody_"]
> div[class*="peopleColumn_"]
> div[class*="peopleList_"]
> div[class*="content_"]
> div[class*="peopleListItem_"]:hover,
main[class*="container_"]
section[role="navigation"]
> div[class*="children_"]
> div[class*="tabBar_"][role*="tablist"]
> div[class*="item"]:hover {
background-color: var(--dnome-list-item-hover);
}
div[class*="layerContainer_"]
div[class*="menu_"][role="menu"]
> div[class*="scroller_"]
> div[class*="wrapper_"][role="group"]
> div[id*="message-quickreact_"][role="menuitem"]
> div[class*="button"],
main[class*="container_"]
div[class*="tabBody_"]
> div[class*="peopleColumn_"]
> div[class*="peopleList_"]
> div[class*="content_"]
> div[class*="peopleListItem_"]
> div[class*="listItemContents_"]
> div[class*="actionButton_"],
main[class*="container_"]
div[class*="tabBody_"]
> div[class*="peopleColumn_"]
> div[class*="peopleList_"]
> div[class*="content_"]
> div[class*="peopleListItem_"]
> div[class*="listItemContents_"]
> div[class*="actions_"]
> div[class*="actionButton_"] {
background-color: transparent;
}
div[class*="layerContainer_"]
div[class*="menu_"][role="menu"]
> div[class*="scroller_"]
> div[class*="wrapper_"][role="group"]
> div[id*="message-quickreact_"][role="menuitem"]
> div[class*="button"]:hover,
div[class*="sidebar_"]
> nav[class*="privateChannels_"]
> div[class*="searchBar_"]
> button[class*="searchBarComponent_"]:hover,
main[class*="container_"]
div[class*="tabBody_"]
> div[class*="peopleColumn_"]
> div[class*="peopleList_"]
> div[class*="content_"]
> div[class*="peopleListItem_"]
> div[class*="listItemContents_"]
> div[class*="actionButton_"]:hover,
main[class*="container_"]
div[class*="tabBody_"]
> div[class*="peopleColumn_"]
> div[class*="peopleList_"]
> div[class*="content_"]
> div[class*="peopleListItem_"]
> div[class*="listItemContents_"]
> div[class*="actions_"]
> div[class*="actionButton_"]:hover {
background-color: var(--dnome-popup-hover);
}
div[class*="sidebar_"]
> nav[class*="privateChannels_"]
> div
> ul[role="list"]
> li
> div[class*="interactive_"][class*="selected_"],
div[data-list-item-id*="guildsnav___"][class*="folder_"]:hover,
main[class*="container_"]
div[class*="nowPlayingColumn_"]
div[class*="itemCard_"]:active,
main[class*="container_"]
div[class*="tabBody_"]
> div[class*="peopleColumn_"]
> div[class*="peopleList_"]
> div[class*="content_"]
> div[class*="peopleListItem_"][class*="active_"],
main[class*="container_"]
section[role="navigation"]
> div[class*="children_"]
> div[class*="tabBar_"][role*="tablist"]
> div[class*="item"][class*="selected_"] {
background-color: var(--dnome-list-item-selected);
}
div[class*="layerContainer_"]
> div[class*="layer_"]
> div[class*="wrapper_"]
> div[class*="focusLock_"]
> div[class*="modal_"]
button[class*="copyButton_"],
main[class*="container_"] section[role="navigation"] > div[class*="children_"] {
height: 100%;
}
div[class*="layerContainer_"]
> div
> div
> div[class*="browser_"]
button[class*="createButton_"],
main[class*="container_"]
section[role="navigation"]
> div[class*="children_"]
> div[class*="tabBar_"][role*="tablist"] {
height: 70%;
}
div[class*="sidebar_"]
> nav[class*="privateChannels_"]
> div
> ul[role="list"]
> li
> div[class*="interactive_"],
main[class*="container_"]
section[role="navigation"]
> div[class*="children_"]
> div[class*="tabBar_"][role*="tablist"]
> div[class*="item"] {
border-radius: var(--dnome-border-small);
}
main[class*="container_"]
section[role="navigation"]
> div[class*="children_"]
> div[class*="tabBar_"][role*="tablist"]
> div[class*="item"][class*="addFriend_"] {
background-color: var(--dnome-accent);
}
div[class*="layerContainer_"]
> div
> div
> div[class*="focusLock_"]
> div[class*="root_"]
> div[class*="container_"]
div[class*="footer_"]
> button[class*="footerButton_"]:hover,
div[class*="layerContainer_"]
> div[class*="layer_"]
> form
> div[class*="focusLock_"]
> div[class*="modal_"]
> div
div[class*="footer_"]
> button[class*="footerButton_"]:hover,
main[class*="container_"]
section[role="navigation"]
> div[class*="children_"]
> div[class*="tabBar_"][role*="tablist"]
> div[class*="item"][class*="addFriend_"]:hover {
background-color: var(--dnome-accent-lighter);
}
main[class*="container_"]
section[role="navigation"]
> div[class*="children_"]
> div[class*="tabBar_"][role*="tablist"]
> div[class*="item"][class*="addFriend_"][class*="selected_"] {
background-color: var(--dnome-list-item-selected);
color: unset;
}
div[class*="sidebar_"]
> nav[class*="privateChannels_"]
> div[class*="searchBar_"] {
box-shadow: none;
border-bottom: 1px solid var(--dnome-border);
}
div[class*="sidebar_"]
> nav[class*="privateChannels_"]
> div[class*="searchBar_"]
> button[class*="searchBarComponent_"] {
background-color: var(--dnome-searchbox);
height: 70%;
border-radius: var(--dnome-border-small);
}
div[class*="sidebar_"]
> nav[class*="privateChannels_"]
> div
> ul[role="list"]
> li
> div[class*="interactive_"][class*="selected_"]:hover,
div[data-list-id*="forum-channel-list_"][class*="list_"][class*="scrollerBase_"]
div[class*="tagsContainer_"]
button[class*="sortDropdown_"][class*="selected_"]:hover,
div[data-list-id*="forum-channel-list_"][class*="list_"][class*="scrollerBase_"]
div[class*="tagsContainer_"]
div[class*="pill_"][class*="selected_"]:hover {
background-color: var(--dnome-list-item-hover-selected);
}
div[class*="layerContainer_"]
> div[class*="layer_"]
> div[class*="focusLock_"]
div[class*="quickswitcher_"]
> input[class*="input_"],
div[data-list-id*="forum-channel-list_"][class*="list_"][class*="scrollerBase_"]
div[class*="headerRow_"]
> div[class*="mainCard_"] {
border-radius: var(--dnome-border-small);
background-color: var(--dnome-searchbox);
}
div[data-list-id*="forum-channel-list_"][class*="list_"][class*="scrollerBase_"]
div[class*="headerRow_"]
> div[class*="mainCard_"]
textarea::placeholder {
color: var(--text-muted);
}
div[data-list-id*="forum-channel-list_"][class*="list_"][class*="scrollerBase_"]
li[class*="card_"]
> div[class*="mainCard_"] {
background-color: var(--dnome-base);
border-radius: var(--dnome-border-big);
}
div[data-list-id*="forum-channel-list_"][class*="list_"][class*="scrollerBase_"]
li[class*="card_"]
> div[class*="mainCard_"]:hover {
background-color: var(--dnome-list-item-hover);
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transform: none;
transform: none;
}
div[data-list-id*="forum-channel-list_"][class*="list_"][class*="scrollerBase_"]
div[class*="tagsContainer_"]
button[class*="sortDropdown_"],
div[data-list-id*="forum-channel-list_"][class*="list_"][class*="scrollerBase_"]
div[class*="tagsContainer_"]
div[class*="pill_"] {
background-color: var(--dnome-base);
border-radius: var(--dnome-border-small);
}
div[data-list-id*="forum-channel-list_"][class*="list_"][class*="scrollerBase_"]
div[class*="tagsContainer_"]
button[class*="sortDropdown_"]:hover,
div[data-list-id*="forum-channel-list_"][class*="list_"][class*="scrollerBase_"]
div[class*="tagsContainer_"]
div[class*="pill_"]:hover,
div[data-list-item-id*="guildsnav___"]:hover,
div[data-list-item-id*="guildsnav___"] > div[class*="childWrapper_"] {
background-color: var(--dnome-list-item-hover);
}
div[data-list-id*="forum-channel-list_"][class*="list_"][class*="scrollerBase_"]
div[class*="tagsContainer_"]
button[class*="sortDropdown_"][class*="selected_"],
div[data-list-id*="forum-channel-list_"][class*="list_"][class*="scrollerBase_"]
div[class*="tagsContainer_"]
div[class*="pill_"][class*="selected_"] {
border: 0;
background-color: var(--dnome-list-item-selected);
}
div[class*="layerContainer_"]
div[class*="tagContainer_"]
> div[class*="pill_"] {
border-radius: var(--dnome-border-small);
}
div[class*="layerContainer_"]
div[class*="tagContainer_"]
> div[class*="pill_"][class*="selected_"] {
border: 0;
background-color: var(--dnome-accent);
}
div[data-list-item-id*="guildsnav___"] {
background-color: var(--dnome-bg);
}
div[data-list-item-id*="guildsnav___"][class*="circleIconButton"] {
color: var(--dnome-accent);
background-color: var(--dnome-list-item-hover);
}
div[data-list-item-id*="guildsnav___"][class*="circleIconButton"]:active,
div[data-list-item-id*="guildsnav___"][class*="circleIconButton"]:hover,
div[data-list-item-id*="guildsnav___"][class*="circleIconButton"][class*="selected_"] {
color: #fff;
}
div[class*="lowerBadge_"] > div[class*="numberBadge_"],
div[data-list-item-id*="guildsnav___"][class*="circleIconButton"][class*="selected"] {
background-color: var(--dnome-accent) !important;
}
div[class*="folder_"][data-list-item-id*="guildsnav___"],
div[class*="layerContainer_"]
div[class*="connectionsContainer_"]
> div[class*="accountAddWrapper_"]
> button[class*="accountAddInner_"]:hover,
div[class*="layerContainer_"]
div[class*="connectionsContainer_"]
> div[class*="accountAddWrapper_"]
> button[class*="inner_"]:hover,
div[class*="layerContainer_"]
div[class*="connectionsContainer_"]
> div[class*="wrapper_"]
> button[class*="accountAddInner_"]:hover,
div[class*="layerContainer_"]
div[class*="connectionsContainer_"]
> div[class*="wrapper_"]
> button[class*="inner_"]:hover,
div[class*="layerContainer_"]
> div[class*="layer_"]
> form
> div[class*="focusLock_"]
> div[class*="modal_"]
> div
div[role="radiogroup"]
> div[class*="item_"][class*="itemFilled_"]:hover,
span[class*="expandedFolderBackground"] {
background-color: var(--dnome-list-item-hover);
}
div[class*="folder_"][data-list-item-id*="guildsnav___"]:hover,
div[class*="layerContainer_"]
div[class*="connectionsContainer_"]
> div[class*="accountAddWrapper_"]
> button[class*="accountAddInner_"]:active,
div[class*="layerContainer_"]
div[class*="connectionsContainer_"]
> div[class*="accountAddWrapper_"]
> button[class*="inner_"]:active,
div[class*="layerContainer_"]
div[class*="connectionsContainer_"]
> div[class*="wrapper_"]
> button[class*="accountAddInner_"]:active,
div[class*="layerContainer_"]
div[class*="connectionsContainer_"]
> div[class*="wrapper_"]
> button[class*="inner_"]:active,
div[class*="layerContainer_"]
> div[class*="layer_"]
> form
> div[class*="focusLock_"]
> div[class*="modal_"]
> div
div[role="radiogroup"]
> div[class*="item_"][class*="itemFilled_"]:active,
div[class*="layerContainer_"]
> div[class*="layer_"]
> form
> div[class*="focusLock_"]
> div[class*="modal_"]
> div
div[role="radiogroup"]
> div[class*="item_"][class*="itemFilled_"][aria-checked="true"],
span[class*="expandedFolderBackground"]:hover {
background-color: var(--dnome-list-item-selected);
}
div[class*="layerContainer_"] > div[id*="popout_"] div[class*="addGamePopout_"],
div[class*="layerContainer_"]
> div[id*="popout_"]
> div[class*="animatorBottom_"]
> div[class*="container_"] {
background-color: var(--background-floating);
}
div[class*="layerContainer_"]
> div[id*="popout_"]
div[class*="addGamePopout_"]
> div[class*="wrapper_"]
> div[class*="select_"] {
border-radius: var(--dnome-border-medium);
background-color: var(--dnome-searchbox);
border: 0;
}
div[class*="layerContainer_"]
> div[id*="popout_"]
> div
> div[class*="customColorPicker_"] {
background: var(--background-floating);
border-radius: var(--dnome-border-big);
border: 0;
}
div[class*="layerContainer_"]
> div[id*="popout_"]
> div
> div[class*="customColorPicker_"]
input[class*="inputDefault_"] {
background-color: var(--dnome-popup-hover);
border-radius: var(--dnome-border-medium);
}
div[class*="layerContainer_"]
div[class*="connectionsContainer_"]
> div[class*="accountAddWrapper_"]
> button[class*="accountAddInner_"],
div[class*="layerContainer_"]
div[class*="connectionsContainer_"]
> div[class*="accountAddWrapper_"]
> button[class*="inner_"],
div[class*="layerContainer_"]
div[class*="connectionsContainer_"]
> div[class*="wrapper_"]
> button[class*="accountAddInner_"],
div[class*="layerContainer_"]
div[class*="connectionsContainer_"]
> div[class*="wrapper_"]
> button[class*="inner_"],
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="connectContainer_"]
> div[class*="connectionsContainer_"]
> div[class*="accountAddWrapper_"]
> button[class*="accountAddInner_"],
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="connectContainer_"]
> div[class*="connectionsContainer_"]
> div[class*="accountAddWrapper_"]
> button[class*="inner_"],
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="connectContainer_"]
> div[class*="connectionsContainer_"]
> div[class*="wrapper_"]
> button[class*="accountAddInner_"],
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="connectContainer_"]
> div[class*="connectionsContainer_"]
> div[class*="wrapper_"]
> button[class*="inner_"] {
background-color: transparent;
border-radius: var(--dnome-border-small);
}
div[class*="layerContainer_"]
div[class*="menu_"][role="menu"]
> div[class*="scroller_"]
> div[class*="wrapper_"][role="group"]
> div[id*="message-quickreact_"][role="menuitem"]
> div[class*="button"]:active {
background-color: var(--dnome-popup-selected);
}
div[class*="layerContainer_"]
div[class*="menu_"][role="menu"]
> div[class*="scroller_"]
> div[role="group"]:not([class*="wrapper_"])
> div
> div[class*="item_"][class*="colorBrand_"]:not(
[id="guild-header-popout-invite-people"]
),
div[class*="layerContainer_"]
div[class*="menu_"][role="menu"]
> div[class*="scroller_"]
> div[role="group"]:not([class*="wrapper_"])
> div[class*="item_"][class*="colorBrand_"]:not(
[id="guild-header-popout-invite-people"]
) {
color: var(--interactive-normal);
}
div[class*="layerContainer_"]
div[class*="menu_"][role="menu"]
> div[class*="scroller_"]
> div[role="group"]:not([class*="wrapper_"])
> div
> div[class*="item_"][class*="colorBrand_"]:not(
[id="guild-header-popout-invite-people"]
):hover,
div[class*="layerContainer_"]
div[class*="menu_"][role="menu"]
> div[class*="scroller_"]
> div[role="group"]:not([class*="wrapper_"])
> div[class*="item_"][class*="colorBrand_"]:not(
[id="guild-header-popout-invite-people"]
):hover {
color: #fff;
}
div[class*="layerContainer_"]
div[class*="menu_"][role="menu"]
> div[class*="scroller_"]
> div[role="group"]:not([class*="wrapper_"])
> div
> div[class*="item_"]:not([id*="account-divider_"]),
div[class*="layerContainer_"]
div[class*="menu_"][role="menu"]
> div[class*="scroller_"]
> div[role="group"]:not([class*="wrapper_"])
> div[class*="item_"]:not([id*="account-divider_"]) {
height: 41px;
border-radius: var(--dnome-border-medium);
}
div[class*="layerContainer_"]
div[class*="menu_"][role="menu"]
> div[class*="scroller_"]
> div[role="group"]:not([class*="wrapper_"])
div[class*="submenuPaddingContainer_"]
> div[class*="submenu_"] {
border-radius: var(--dnome-border-big);
}
div[class*="layerContainer_"]
div[class*="menu_"][role="menu"]
> div[class*="scroller_"]
> div[role="group"]:not([class*="wrapper_"])
div[class*="submenuPaddingContainer_"]
> div[class*="submenu_"]
> div
> div[class*="item_"] {
min-height: 41px;
border-radius: var(--dnome-border-medium);
}
div[class*="layerContainer_"]
div[class*="menu_"][role="menu"]
> div[class*="scroller_"]
> div[class*="separator_"][role="separator"] {
display: none;
}
div[class*="layerContainer_"] div[class*="labelContainer_"][class*="item_"],
div[class*="layerContainer_"]
div[class*="layer"]
div[class*="elevationBorderHigh_"],
div[class*="layerContainer_"]
> div
> div[class*="focusLock_"]
> div[class*="popout_"]
> div[class*="footer_"]
> button,
div[class*="layerContainer_"]
> div[id*="popout_"]
> div[class*="animatorBottom_"]
> div[class*="container_"]
div[class*="list_"]
li[class*="item_"] {
border-radius: var(--dnome-border-medium);
}
div[class*="layerContainer_"]
div[class*="labelContainer_"][class*="item_"][role="menuitem"] {
min-height: 41px;
}
div[class*="layerContainer_"]
div[class*="labelContainer_"][class*="item_"][class*="focused_"],
div[class*="layerContainer_"]
> div[id*="popout_"]
> div[class*="animatorBottom_"]
> div[class*="container_"]
div[class*="list_"]
li[class*="item_"]:hover {
background-color: var(--dnome-popup-hover);
}
div[class*="layerContainer_"]
> div
> div
> div[class*="focusLock_"]
> div[class*="root_"]
> div[class*="container_"]
div[class*="footer_"],
div[class*="layerContainer_"]
> div[class*="layer_"]
> form
> div[class*="focusLock_"]
> div[class*="modal_"]
> div
div[class*="footer_"] {
box-shadow: none;
border-top: 1px soild var(--dnome-border);
border-bottom-left-radius: var(--dnome-border-big);
border-bottom-right-radius: var(--dnome-border-big);
}
div[class*="layerContainer_"]
> div
> div
> div[class*="focusLock_"]
> div[class*="root_"]
> div[class*="container_"]
div[class*="footer_"]
> button[class*="footerButton_"],
div[class*="layerContainer_"]
> div[class*="layer_"]
> form
> div[class*="focusLock_"]
> div[class*="modal_"]
> div
div[class*="footer_"]
> button[class*="footerButton_"] {
border-radius: var(--dnome-border-medium);
background-color: var(--dnome-accent);
}
div[class*="layerContainer_"]
> div[class*="layer_"]
> div[class*="wrapper_"]
> div[class*="focusLock_"]
> div[class*="modal_"]
div[class*="headerContainer_"]
> div[class*="header_"]
> div[class*="searchBar_"],
div[class*="layerContainer_"]
> div[class*="layer_"]
> div[class*="wrapper_"]
> div[class*="focusLock_"]
> div[class*="modal_"]
div[class*="inputWrapper_"]
> input[class*="inputDefault_"],
div[class*="layerContainer_"]
> div[class*="layer_"]
> div[class*="wrapper_"]
> div[class*="focusLock_"]
> div[class*="modal_"]
div[class*="select_"],
div[class*="layerContainer_"]
> div[class*="layer_"]
> form
> div[class*="focusLock_"]
> div[class*="modal_"]
> div
div[class*="searchBox_"]
> div[class*="searchBar_"],
div[class*="layerContainer_"]
> div[class*="layer_"]
> form
> div[class*="focusLock_"]
> div[class*="modal_"]
> div
div[class*="searchBox_"]
> div[class*="searchBar_"]
> div[class*="inner_"],
div[class*="layerContainer_"]
> div[class*="layer_"]
> form
> div[class*="focusLock_"]
> div[class*="modal_"]
> div
div[class*="searchBox_"]
> div[class*="searchBar_"]
> div[class*="inner_"]
> input[role="combobox"][aria-haspopup="listbox"] {
background-color: var(--dnome-searchbox);
border-radius: var(--dnome-border-medium);
}
div[class*="layerContainer_"]
> div[class*="layer_"]
> form
> div[class*="focusLock_"]
> div[class*="modal_"]
> div
div[role="radiogroup"]
> div[class*="item_"]
> div[class*="radioBar_"] {
border-radius: var(--dnome-border-medium);
border: 1px solid var(--radio-bar-accent-color);
}
div[class*="layerContainer_"]
> div[class*="layer_"]
> form
> div[class*="focusLock_"]
> div[class*="modal_"]
> div
div[role="radiogroup"]
> div[class*="item_"][class*="itemFilled_"] {
background-color: transparent;
border-radius: var(--dnome-border-medium);
}
div[class*="layerContainer_"]
> div[class*="layer_"]
> form
> div[class*="focusLock_"]
> div[class*="modal_"]
> div
div[role="radiogroup"]
> div[class*="item_"][class*="itemFilled_"][aria-checked="true"]:hover,
div[class*="layerContainer_"]
> div[id*="popout_"]
> div
> div
> li[class*="option_"][class*="focused_"]:hover,
div[class*="layerContainer_"]
> div[id*="popout_"]
> div[class*="focusLock_"]
> div[class*="popout_"]
div[role="listbox"]
> div[class*="friendWrapper_"][role="option"]
> div[class*="friend_"][class*="friendSelected"]:hover,
div[class*="layerContainer_"]
> div[id*="popout_"]
> div[role="listbox"][class*="popout_"]
> div[class*="option_"][aria-selected="true"]:hover {
background-color: var(--dnome-list-item-hover-selected);
}
div[class*="layerContainer_"]
> div[class*="layer_"]
> form
> div[class*="focusLock_"]
> div[class*="modal_"]
> div
div[class*="footer_"] {
background-color: var(--dnome-base);
}
div[class*="layerContainer_"]
> div[class*="layer_"]
> div[class*="wrapper_"]
> div[class*="focusLock_"]
> div[class*="modal_"]
> div[class*="footer_"] {
border-bottom-left-radius: var(--dnome-border-big);
border-bottom-right-radius: var(--dnome-border-big);
}
div[class*="layerContainer_"]
> div[class*="layer_"]
> div[class*="wrapper_"]
> div[class*="focusLock_"]
> div[class*="modal_"]
div[class*="inviteRow_"]
> button[type="button"][class*="inviteRowButton_"],
div[class*="layerContainer_"]
> div[id*="popout_"]
div[class*="upsellButtonsContainer_"]
button[type="button"] {
border-radius: var(--dnome-border-small);
}
div[class*="layerContainer_"]
> div[id*="popout_"]
> div[class*="animatorBottom_"]
> div[class*="container_"]
div[class*="list_"]
li[class*="item_"][class*="selected"] {
background-color: var(--dnome-popup-selected);
}
div[class*="layerContainer_"]
> div[id*="popout_"]
> div[role="listbox"][class*="popout_"] {
background-color: var(--dnome-base);
border-radius: var(--dnome-border-big);
}
div[class*="layerContainer_"]
> div[id*="popout_"]
> div[role="listbox"][class*="popout_"]
> div[class*="option_"]:hover {
background-color: var(--dnome-list-item-hover);
}
div[class*="layerContainer_"]
> div[id*="popout_"]
> div
> div
> li[class*="option_"][class*="focused_"],
div[class*="layerContainer_"]
> div[id*="popout_"]
> div[class*="focusLock_"]
> div[class*="popout_"]
div[role="listbox"]
> div[class*="friendWrapper_"][role="option"]
> div[class*="friend_"][class*="friendSelected"],
div[class*="layerContainer_"]
> div[id*="popout_"]
> div[role="listbox"][class*="popout_"]
> div[class*="option_"][aria-selected="true"] {
background-color: var(--dnome-list-item-selected);
}
div[class*="layerContainer_"]
> div[id*="popout_"]
> div
> div
> li[class*="option_"]:hover {
background-color: var(--dnome-list-item-hover);
}
div[class*="layerContainer_"]
> div[id*="popout_"]
div[role="group"]
> div[class*="item_"]:not([id*="account-divider_"]) {
border-radius: var(--dnome-border-small);
height: 41px;
}
div[class*="layerContainer_"]
> div[id*="popout_"]
div[role="group"]
> div[class*="item_"]:not([id*="account-divider_"]):hover,
div[class*="layerContainer_"]
> div[id*="popout_"]
div[role="group"]
> div[class*="item_"]:not([id*="account-divider_"])[class*="focused_"] {
background-color: var(--dnome-popup-hover);
}
div[class*="layerContainer_"]
> div[id*="popout_"]
div[role="group"]
> div[class*="item_"]:not([id*="account-divider_"]):active {
background-color: var(--dnome-popup-selected);
}
div[class*="layerContainer_"]
> div
> div[class*="focusLock_"]
> div[class*="root_"]:not([class*="carouselModal_"]) {
background-color: var(--dnome-base);
border-radius: var(--dnome-border-big);
}
div[class*="layerContainer_"]
> div
> div[class*="focusLock_"]
> div[class*="root_"]:not([class*="carouselModal_"])
div[class*="overviewSidebar_"] {
border-top-left-radius: var(--dnome-border-big);
border-bottom-left-radius: var(--dnome-border-big);
}
div[class*="layerContainer_"]
> div
> div[class*="focusLock_"]
> div[class*="root_"]:not([class*="carouselModal_"])
div[class*="searchBar"] {
border-radius: var(--dnome-border-small);
background-color: var(--dnome-searchbox);
}
div[class*="layerContainer_"]
> div
> div[class*="focusLock_"]
> div[class*="root_"]:not([class*="carouselModal_"])
div[class*="footer_"] {
box-shadow: none;
border-top: 1px solid var(--dnome-border);
border-bottom-left-radius: var(--dnome-border-big);
border-bottom-right-radius: var(--dnome-border-big);
}
div[class*="layerContainer_"]
> div
> div[class*="focusLock_"]
> div[class*="root_"]:not([class*="carouselModal_"])
> div
> video[loop] {
display: none;
}
div[class*="layerContainer_"]
> div
> div[class*="focusLock_"]
> div[class*="root_"]:not([class*="carouselModal_"])
> div
div[class*="inputMaxLength_"]
> textarea[class*="inputDefault_"],
div[class*="layerContainer_"]
> div
> div[class*="focusLock_"]
> div[class*="root_"]:not([class*="carouselModal_"])
> div
div[class*="select_"] {
background-color: var(--dnome-searchbox);
border-radius: var(--dnome-border-medium);
}
div[class*="layerContainer_"]
> div
> div[class*="focusLock_"]
> div[class*="root_"]:not([class*="carouselModal_"])
> div
div[class*="banReasonOtherClickable_"],
div[class*="layerContainer_"]
> div
> div[class*="focusLock_"]
> div[class*="root_"]:not([class*="carouselModal_"])
> div
div[role="radiogroup"]
> div[class*="item_"] {
border-radius: var(--dnome-border-medium);
}
div[class*="layerContainer_"]
> div
> div[class*="focusLock_"]
> div[class*="root_"]:not([class*="carouselModal_"])
> div
div[class*="banReasonOtherClickable_"]:hover {
background-color: var(--dnome-list-item-hover);
}
div[class*="layerContainer_"]
> div
> div[class*="focusLock_"]
> div[class*="root_"]:not([class*="carouselModal_"])
> div
div[class*="banReasonOtherClickable_"]:active,
div[class*="layerContainer_"]
> div
> div[class*="focusLock_"]
> div[class*="root_"]:not([class*="carouselModal_"])
> div
div[role="radiogroup"]
> div[class*="item_"][aria-checked="true"] {
background-color: var(--dnome-list-item-selected);
}
div[class*="layerContainer_"]
> div
> div[class*="focusLock_"]
> div[class*="root_"]:not([class*="carouselModal_"])
> div
> div[class*="message_"] {
background-color: var(--dnome-list-item-hover);
border-radius: var(--dnome-border-big);
box-shadow: none;
}
[class*="lookFilled"][class*="color"]:not(
[class*="colorPrimary"],
[class*="colorRed"]
):hover,
div[class*="layerContainer_"]
> div
> div[class*="focusLock_"]
> div[class*="root_"]:not([class*="carouselModal_"])
div[class*="footer_"]
> button[type="submit"]:hover,
div[class*="layerContainer_"]
> div
> div[class*="focusLock_"]
> div[class*="root_"]:not([class*="carouselModal_"])
> div
> button[type="submit"][class*="colorRed"]:hover {
background-color: var(--dnome-accent-lighter) !important;
}
div[class*="layerContainer_"]
> div
> div[class*="focusLock_"]
> div[class*="root_"]:not([class*="carouselModal_"])
div[class*="footer_"]
> div[class*="footer_"] {
border: 0;
}
div[class*="layerContainer_"]
> div
> div[class*="focusLock_"]
> div[class*="root_"]:not([class*="carouselModal_"])
div[class*="footer_"]
> button[type="button"][class*="secondaryButton_"] {
border-radius: var(--dnome-border-small);
background-color: transparent;
}
div[class*="layerContainer_"]
> div
> div[class*="focusLock_"]
> div[class*="root_"]:not([class*="carouselModal_"])
div[class*="footer_"]
> button[type="button"][class*="secondaryButton_"]:hover {
background-color: var(--dnome-list-item-hover) !important;
}
div[class*="layerContainer_"]
> div
> div[class*="focusLock_"]
> div[class*="modal_"],
div[class*="layerContainer_"]
> div
> div[class*="focusLock_"]
> div[class*="popout_"],
div[class*="messagesPopoutWrap_"],
div[class*="messagesPopoutWrap_"]
> div[class*="messagesPopout_"]
> div[role="list"]
> div[class*="messageGroupWrapper_"]
div
> div[id*="message-accessories_"]
> article[class*="embedWrapper_"],
div[class*="recentMentionsPopout_"] {
border-radius: var(--dnome-border-big);
}
div[class*="layerContainer_"]
> div
> div[class*="focusLock_"]
> div[class*="popout_"],
div[class*="modal"][class*="small"] {
background-color: var(--dnome-base);
}
div[class*="layerContainer_"]
> div
> div[class*="focusLock_"]
> div[class*="popout_"]
div[class*="searchBarComponent_"] {
background-color: var(--dnome-searchbox);
border-radius: var(--dnome-border-small);
}
div[class*="layerContainer_"]
> div
> div[class*="focusLock_"]
> div[class*="popout_"]
div[class*="searchBarComponent_"]
a[class*="anchor"] {
background-color: var(--dnome-base);
border-radius: 4px;
}
div[class*="layerContainer_"]
> div
> div[class*="focusLock_"]
> div[class*="popout_"]
> div[class*="footerSeparator_"] {
display: none;
}
div[class*="layerContainer_"]
> div
> div[class*="focusLock_"]
> div[class*="popout_"]
> div[class*="footer_"] {
border-top: 1px solid var(--dnome-border);
border-radius: var(--dnome-border-big);
border-top-left-radius: 0;
border-top-right-radius: 0;
}
div[class*="layerContainer_"]
> div
> div[class*="focusLock_"]
> div[class*="popout_"]
> div[class*="footer_"]
> button:hover,
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
> div
> div
> div[class*="children_"]
> div[class*="accountProfileCard_"]
> div[class*="userInfo_"]
button:hover {
background-color: var(--dnome-accent-lighter) !important;
}
div[role="dialog"] > div[class*="root_"]:not([class*="carouselModal_"]),
div[role="dialog"]
> div[class*="root_"]:not([class*="carouselModal_"])
> div[class*="content"]
> div[class*="message"] {
background-color: var(--background-primary);
}
div[role="dialog"]
> div[class*="root_"]:not([class*="carouselModal_"])
> div[class*="footer"],
div[role="dialog"]
> div[class*="root_"]:not([class*="carouselModal_"])
> form
> div[class*="footer"] {
background-color: var(--background-tertiary);
}
div[class*="layerContainer_"] div[class*="paymentModalContent"],
div[class*="modal"][class*="small"] > div[class*="footer"] {
background-color: var(--dnome-base);
}
div[class*="layerContainer_"]
> div[class*="layer_"]
> div[class*="wrapper_"]
> div[class*="focusLock_"]
> div[class*="modal_"]
div[class*="inputWrapper_"] {
margin-right: 25px;
}
div[class*="layerContainer_"]
> div
> div
> div[class*="menu_"][role="menu"]
#channel-attach-upload-file,
div[class*="layerContainer_"]
> div
> div[class*="menu_"][role="menu"]
#channel-attach-upload-file,
div[class*="layerContainer_"]
> div
> div[class*="menu_"][role="menu"]
> div
> div[id*="message-actions_"] {
border-radius: 7px;
}
div[class*="layerContainer_"]
> div
> div[class*="menu_"][role="menu"]
> div
> div[id*="message-actions_"]:hover,
div[class*="layerContainer_"]
> div
> div[class*="menu_"][role="menu"]
> div
> div[id*="message-actions_"][class*="focused_"] {
background-color: var(--dnome-popup-hover);
}
div[class*="layerContainer_"]
> div
> div[class*="menu_"][role="menu"]
> div
> div[id*="message-actions_"]:active {
background-color: var(--dnome-popup-selected);
}
div[class*="layerContainer_"] > div[class*="toolbar_"][id="slate-toolbar"] {
background-color: var(--background-floating);
border-radius: var(--dnome-border-medium);
}
div[class*="layerContainer_"]
> div[class*="toolbar_"][id="slate-toolbar"]
> button:first-of-type {
border-top-left-radius: var(--dnome-border-medium) !important;
border-bottom-left-radius: var(--dnome-border-medium) !important;
}
div[class*="layerContainer_"]
> div[class*="toolbar_"][id="slate-toolbar"]
> button:last-of-type {
border-top-right-radius: var(--dnome-border-medium) !important;
border-bottom-right-radius: var(--dnome-border-medium) !important;
}
div[class*="layerContainer_"]
> div[class*="toolbar_"][id="slate-toolbar"]
> button:hover {
background-color: var(--dnome-popup-hover);
}
div[class*="layerContainer_"]
> div[class*="toolbar_"][id="slate-toolbar"]
> button:active,
div[class*="layerContainer_"]
> div[class*="toolbar_"][id="slate-toolbar"]
> button[class*="active_"]:not([class*="inactive_"]) {
background-color: var(--dnome-popup-selected);
}
div[class*="layerContainer_"]
> div[class*="toolbar_"][id="slate-toolbar"]::before,
div[class*="layerContainer_"]
> div[class*="toolbar_"][id="slate-toolbar"]
> div[class*="divider_"] {
display: none;
}
div[class*="layerContainer_"]
div[class*="paymentModalContent"]
div[class*="cardNumberWrapper_"]
> div[class*="cardInput_"] {
background-color: var(--dnome-searchbox);
border-radius: var(--dnome-border-medium);
}
div[class*="messagesPopoutWrap_"] > div[class*="header_"] {
border-bottom: 1px solid var(--dnome-border);
box-shadow: none;
}
div[class*="messagesPopoutWrap_"]
> div[class*="messagesPopout_"]
> div[role="list"]
> div[class*="messageGroupWrapper_"] {
border-radius: 7px;
background-color: var(--dnome-list-item-hover);
}
div[class*="messagesPopoutWrap_"]
> div[class*="messagesPopout_"]
> div[role="list"]
> div[class*="messageGroupWrapper_"]
> div[class*="actionButtons_"] {
height: 25px;
}
div[class*="messagesPopoutWrap_"]
> div[class*="messagesPopout_"]
> div[role="list"]
> div[class*="messageGroupWrapper_"]
> div[class*="actionButtons_"]
> div[class*="jumpButton_"][role="button"] {
background-color: var(--dnome-accent);
height: 100%;
padding-top: 0;
padding-bottom: 0;
border-radius: var(--dnome-border-small);
align-items: center;
color: #fff;
}
div[class*="messagesPopoutWrap_"]
> div[class*="messagesPopout_"]
> div[role="list"]
> div[class*="messageGroupWrapper_"]
> div[class*="actionButtons_"]
> div[class*="jumpButton_"][role="button"]:hover,
div[class*="recentMentionsPopout_"]
div[class*="messagesPopout_"]
div[class*="messageContainer_"]
> div[class*="jumpButton_"][role="button"]:hover {
background-color: var(--dnome-accent-lighter);
}
div[class*="recentMentionsPopout_"] div[class*="tabBar"] > div[class*="tab_"] {
height: 30px;
border-radius: var(--dnome-border-small);
}
div[class*="layerContainer_"]
> div[class*="layer_"]
> div[class*="focusLock_"]
div[class*="quickswitcher_"]
div[class*="result_"][role="option"]:hover,
div[class*="recentMentionsPopout_"] div[class*="closeButton_"]:hover,
div[class*="recentMentionsPopout_"]
div[class*="controls_"]
> div[class*="button_"]:hover,
div[class*="recentMentionsPopout_"]
div[class*="messagesPopout_"]
div[class*="messageContainer_"] {
background-color: var(--dnome-list-item-hover);
}
div[class*="recentMentionsPopout_"]
div[class*="messagesPopout_"]
div[class*="messageContainer_"]
> div[class*="jumpButton_"][role="button"] {
background-color: var(--dnome-accent);
border-radius: var(--dnome-border-small);
}
div[class*="recentMentionsPopout_"]
div[class*="messagesPopout_"]
div[class*="messageContainer_"]
> div[class*="jumpButton_"][role="button"]
> div {
color: #fff;
}
div[class*="animatorBottom_"] > div[class*="container_"],
div[class*="animatorBottom_"] > div[class*="menu_"] {
border-radius: var(--dnome-border-big);
}
div[class*="animatorBottom_"]
> div[class*="menu_"]
div[class*="item_"][class*="labelContainer_"],
div[class*="layerContainer_"]
> div[class*="layer_"]
> div[class*="focusLock_"]
div[class*="quickswitcher_"]
div[class*="result_"][role="option"],
div[class*="layerContainer_"]
> div[id*="popout_"]
> div[class*="focusLock_"]
> div[class*="popout_"]
div[role="listbox"]
> div[class*="friendWrapper_"][role="option"]
> div[class*="friend_"] {
border-radius: var(--dnome-border-medium);
}
div[class*="animatorBottom_"]
> div[class*="menu_"]
div[class*="item_"][class*="labelContainer_"][class*="focused_"] {
background-color: var(--dnome-popup-hover) !important;
}
div[class*="animatorBottom_"]
> div[class*="menu_"]
div[class*="item_"][class*="labelContainer_"]:active {
background-color: var(--dnome-popup-selected) !important;
}
div[class*="animatorBottom_"] > div[class*="menu_"] div[class*="separator_"] {
border-color: transparent;
}
div[class*="animatorBottom_"] > div[class*="menu_"] div[class*="colorDefault"] {
border-radius: var(--dnome-border-small);
}
div[class*="animatorBottom_"]
> div[class*="menu_"]
div[class*="colorDefault"]:not([class*="hideInteraction"]):hover,
div[class*="animatorBottom_"]
> div[class*="menu_"]
div[class*="colorDefault"][class*="focused_"] {
background-color: var(--dnome-accent);
}
div[class*="animatorBottom_"]
> div[class*="menu_"]
div[class*="colorDefault"]:active {
background-color: var(--dnome-darker-accent) !important;
}
div[class*="animatorBottom_"]
> div[class*="menu_"]
div[class*="colorDefault"][class*="colorBrand"]:not(:hover),
html[class*="theme-light"]
div[class*="layerContainer_"]
div[class*="menu_"][role="menu"]
> div[class*="scroller_"]
> div[role="group"]:not([class*="wrapper_"])
> div
> div[class*="item_"][class*="colorBrand_"]:not(
[id="guild-header-popout-invite-people"]
),
html[class*="theme-light"]
div[class*="layerContainer_"]
div[class*="menu_"][role="menu"]
> div[class*="scroller_"]
> div[role="group"]:not([class*="wrapper_"])
> div[class*="item_"][class*="colorBrand_"]:not(
[id="guild-header-popout-invite-people"]
) {
color: var(--interactive-normal);
}
div[class*="animatorBottom_"]
> div[class*="container_"]
> div[role="combobox"]
> div[class*="container_"] {
height: 38px;
}
div[class*="animatorBottom_"]
> div[class*="container_"]
> div[role="combobox"]
> div[class*="container_"]
> div[class*="inner_"] {
background-color: var(--dnome-searchbox);
border-radius: var(--dnome-border-small);
}
div[class*="layerContainer_"]
> div[id*="popout_"]
div[class*="queryContainer_"][class*="focused_"] {
background-color: transparent;
outline: 0;
border: 0;
border-radius: var(--dnome-border-medium);
padding: 10px;
margin: 10px;
}
div[class*="layerContainer_"]
> div[id*="popout_"]
div[class*="option"][role="option"]:hover,
div[class*="layerContainer_"]
> div[id*="popout_"]
div[class*="queryContainer_"][class*="focused_"]:hover,
div[class*="layerContainer_"]
> div[id*="popout_"]
div[group="SEARCH_OPTIONS"][class*="option_"]:hover,
div[class*="layerContainer_"]
> div[id*="popout_"]
li[class*="option"][role="option"]:hover {
background-color: var(--dnome-popup-hover);
}
div[class*="layerContainer_"]
> div[id*="popout_"]
div[class*="option"][role="option"],
div[class*="layerContainer_"]
> div[id*="popout_"]
div[group="SEARCH_OPTIONS"][class*="option_"],
div[class*="layerContainer_"]
> div[id*="popout_"]
li[class*="option"][role="option"] {
padding-top: 3.7px;
padding-bottom: 3.7px;
border-radius: var(--dnome-border-small);
}
div[class*="layerContainer_"]
> div[id*="popout_"]
div[class*="option"][role="option"]:hover::after,
div[class*="layerContainer_"]
> div[id*="popout_"]
div[class*="option"][role="option"]:hover::before,
div[class*="layerContainer_"]
> div[id*="popout_"]
div[group="SEARCH_OPTIONS"][class*="option_"]:hover::after,
div[class*="layerContainer_"]
> div[id*="popout_"]
div[group="SEARCH_OPTIONS"][class*="option_"]:hover::before,
div[class*="layerContainer_"]
> div[id*="popout_"]
li[class*="option"][role="option"]:hover::after,
div[class*="layerContainer_"]
> div[id*="popout_"]
li[class*="option"][role="option"]:hover::before {
background-color: transparent;
}
div[class*="layerContainer_"]
> div[id*="popout_"]
div[class*="option"][role="option"]
> svg,
div[class*="layerContainer_"]
> div[id*="popout_"]
div[group="SEARCH_OPTIONS"][class*="option_"]
> svg,
div[class*="layerContainer_"]
> div[id*="popout_"]
li[class*="option"][role="option"]
> svg {
top: unset;
}
div[class*="layerContainer_"]
> div[id*="popout_"]
ul[role="group"][aria-labelledby="SEARCH_OPTIONS-header"]::before {
border-top: none;
}
div[class*="layerContainer_"]
> div[id*="popout_"]
div[class*="accountProfilePopoutWrapper_"]
div[class*="userPopoutOuter_"]
> div[class*="userPopoutInner_"]
div[class*="submenuPaddingContainer_"]
> div[class*="submenu_"]
div[class*="separator_"],
div[class*="layerContainer_"]
> div[id*="popout_"]
ul[role="group"][aria-labelledby="HISTORY-header"]::before {
border-color: var(--dnome-border);
}
div[class*="layerContainer_"]
> div[id*="popout_"]
> div[class*="focusLock_"]
> div[class*="popout_"]
div[role="listbox"] {
background-color: var(--dnome-base);
border-radius: var(--dnome-border-big);
}
div[class*="layerContainer_"]
> div[class*="layer_"]
> div[class*="focusLock_"]
div[class*="quickswitcher_"]
div[class*="result_"][role="option"][aria-selected="true"] {
background-color: var(--dnome-list-item-selected);
}
div[class*="layerContainer_"]
> div
> div
> div[class*="browser_"]
div[class*="searchBox_"] {
background-color: var(--dnome-searchbox);
border-radius: var(--dnome-border-small);
height: 70%;
}
div[class*="animatorLeft_"]
div[class*="userPopoutOuter_"]
> div[class*="userPopoutInner_"]
> svg[class*="bannerSVGWrapper_"],
div[class*="layerContainer_"]
> div[id*="popout_"]
div[class*="accountProfilePopoutWrapper_"]
div[class*="userPopoutOuter_"]
> div[class*="userPopoutInner_"]
> svg[class*="bannerSVGWrapper_"],
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="userPopoutOuter_"]
> div[class*="userPopoutInner_"]
> svg[class*="bannerSVGWrapper_"] {
border-top-left-radius: calc(var(--dnome-border-big) - 4px);
border-top-right-radius: calc(var(--dnome-border-big) - 4px);
}
div[class*="animatorLeft_"]
div[class*="userPopoutOuter_"]
> div[class*="userPopoutInner_"]
> div[class*="userPopoutOverlayBackground_"]
div[class*="roles_"]
> button[class*="role_"],
div[class*="animatorLeft_"]
div[class*="userPopoutOuter_"]
> div[class*="userPopoutInner_"]
> div[class*="userPopoutOverlayBackground_"]
div[class*="roles_"]
> div[class*="role_"] {
background-color: transparent;
border-radius: var(--dnome-border-medium);
}
div[class*="animatorLeft_"]
div[class*="userPopoutOuter_"]
> div[class*="userPopoutInner_"]
> div[class*="userPopoutOverlayBackground_"]
div[class*="roles_"]
> button[class*="role_"][class*="addButton_"],
div[class*="animatorLeft_"]
div[class*="userPopoutOuter_"]
> div[class*="userPopoutInner_"]
> div[class*="userPopoutOverlayBackground_"]
div[class*="roles_"]
> div[class*="role_"][class*="addButton_"] {
border-radius: 100%;
}
div[class*="animatorLeft_"]
div[class*="userPopoutOuter_"]
> div[class*="userPopoutInner_"]
> div[class*="userPopoutOverlayBackground_"]
div[class*="roles_"]
> button[class*="role_"]:hover,
div[class*="animatorLeft_"]
div[class*="userPopoutOuter_"]
> div[class*="userPopoutInner_"]
> div[class*="userPopoutOverlayBackground_"]
div[class*="roles_"]
> div[class*="role_"]:hover,
div[class*="layerContainer_"]
> div[id*="popout_"]
div[class*="accountProfilePopoutWrapper_"]
div[class*="userPopoutOuter_"]
> div[class*="userPopoutInner_"]
div[class*="item_"][class*="menuItemFocused_"],
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="userPopoutOuter_"]
> div[class*="userPopoutInner_"]
button[class*="button"],
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
> div[class*="customColumn_"]
> div[class*="customContainer_"]
> div[class*="customScroller_"]
> div[class*="content_"]
> div[class*="roleRow_"]
div[class*="buttonsContainer_"]
> div[class*="circleButton_"] {
background-color: var(--dnome-popup-hover);
}
div[class*="animatorLeft_"] div[class*="userPopoutOuter_"],
div[class*="animatorLeft_"]
div[class*="userPopoutOuter_"]
> div[class*="userPopoutInner_"]
> div[class*="userPopoutOverlayBackground_"],
div[class*="layerContainer_"] > div > div > div[class*="browser_"],
div[class*="layerContainer_"] > div > div > div[class*="menu_"][role="menu"],
div[class*="layerContainer_"] > div > div[class*="menu_"][role="menu"],
div[class*="layerContainer_"]
> div[class*="layer_"]
> div[class*="focusLock_"]
div[class*="quickswitcher_"],
div[class*="layerContainer_"]
> div[class*="layer_"]
> div[class*="focusLock_"]
> div[class*="root"],
div[class*="layerContainer_"]
> div[class*="layer_"]
> div[class*="focusLock_"]
> div[class*="root"]
> div[class*="userProfileModalOuter_"],
div[class*="layerContainer_"]
> div[class*="layer_"]
> div[class*="focusLock_"]
> div[class*="root"]
> div[class*="userProfileModalOuter_"]
> div[class*="userProfileModalInner_"],
div[class*="layerContainer_"]
> div[class*="layer_"]
> div[class*="focusLock_"]
> div[class*="root"]
> div[class*="userProfileModalOuter_"]
> div[class*="userProfileModalInner_"]
> div[class*="userProfileModalOverlayBackground_"],
div[class*="layerContainer_"]
> div[id*="popout_"]
div[class*="accountProfilePopoutWrapper_"]
div[class*="userPopoutOuter_"] {
border-radius: var(--dnome-border-big);
}
div[class*="layerContainer_"]
> div[class*="layer_"]
> div[class*="focusLock_"]
> div[class*="root"]
> div[class*="userProfileModalOuter_"]
> div[class*="userProfileModalInner_"]
div[class*="relationshipButtons_"]
> button {
background-color: var(--dnome-accent);
border-radius: var(--dnome-border-medium);
}
div[class*="layerContainer_"]
> div[class*="layer_"]
> div[class*="focusLock_"]
> div[class*="root"]
> div[class*="userProfileModalOuter_"]
> div[class*="userProfileModalInner_"]
div[class*="relationshipButtons_"]
> button:hover:not([disabled="true"]) {
background-color: var(--dnome-accent-lighter);
}
div[class*="layerContainer_"]
> div[id*="popout_"]
div[class*="accountProfilePopoutWrapper_"]
div[class*="userPopoutOuter_"]
> div[class*="userPopoutInner_"]::before,
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="userPopoutOuter_"]
> div[class*="userPopoutInner_"]::before {
border-radius: calc(var(--dnome-border-big) - 4px);
}
div[class*="layerContainer_"]
> div[id*="popout_"]
div[class*="accountProfilePopoutWrapper_"]
div[class*="userPopoutOuter_"]
> div[class*="userPopoutInner_"]
div[class*="item_"],
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
button[class*="button_"],
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
button[class*="button_"][class*="lookFilled_"],
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
> div
> div
> div[class*="children_"]
> div[class*="accountProfileCard_"]
> div[class*="userInfo_"]
button,
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
> div[class*="page_"]
> div[class*="contentContainer_"]
> div
> div[class*="contentWidth_"]
button[type="button"][class*="colorPickerSwatch_"] {
border-radius: var(--dnome-border-small);
}
div[class*="layerContainer_"]
> div[id*="popout_"]
div[class*="accountProfilePopoutWrapper_"]
div[class*="userPopoutOuter_"]
> div[class*="userPopoutInner_"]
div[class*="item_"]:active,
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
> div[class*="customColumn_"]
> div[class*="customContainer_"]
> div[class*="customScroller_"]
> div[class*="content_"]
> div[class*="roleRow_"]
div[class*="buttonsContainer_"]
> div[class*="circleButton_"]:hover {
background-color: var(--dnome-popup-selected);
}
div[class*="layerContainer_"]
> div[id*="popout_"]
div[class*="accountProfilePopoutWrapper_"]
div[class*="userPopoutOuter_"]
> div[class*="userPopoutInner_"]
div[class*="submenuPaddingContainer_"]
> div[class*="submenu_"] {
background-color: var(--background-floating);
border-radius: var(--dnome-border-big);
}
div[class*="layerContainer_"]
> div[id*="popout_"]
div[class*="accountProfilePopoutWrapper_"]
div[class*="userPopoutOuter_"]
> div[class*="userPopoutInner_"]
div[class*="submenuPaddingContainer_"]
> div[class*="submenu_"]
div[class*="item_"]:not([class*="labelContainer_"]),
div[class*="layerContainer_"]
> div[id*="popout_"]
div[class*="accountProfilePopoutWrapper_"]
div[class*="userPopoutOuter_"]
> div[class*="userPopoutInner_"]
div[class*="submenuPaddingContainer_"]
> div[class*="submenu_"]
div[class*="labelContainer_"] {
border-radius: var(--dnome-border-small);
display: flex;
}
div[class*="layerContainer_"]
> div[id*="popout_"]
div[class*="accountProfilePopoutWrapper_"]
div[class*="userPopoutOuter_"]
> div[class*="userPopoutInner_"]
div[class*="submenuPaddingContainer_"]
> div[class*="submenu_"]
div[class*="item_"]:not([class*="labelContainer_"])
> div[class*="statusItem_"],
div[class*="layerContainer_"]
> div[id*="popout_"]
div[class*="accountProfilePopoutWrapper_"]
div[class*="userPopoutOuter_"]
> div[class*="userPopoutInner_"]
div[class*="submenuPaddingContainer_"]
> div[class*="submenu_"]
div[class*="labelContainer_"]
> div[class*="statusItem_"] {
align-self: center;
}
div[class*="layerContainer_"]
> div[id*="popout_"]
div[class*="accountProfilePopoutWrapper_"]
div[class*="userPopoutOuter_"]
> div[class*="userPopoutInner_"]
div[class*="submenuPaddingContainer_"]
> div[class*="submenu_"]
div[class*="item_"]:not([class*="labelContainer_"]):hover,
div[class*="layerContainer_"]
> div[id*="popout_"]
div[class*="accountProfilePopoutWrapper_"]
div[class*="userPopoutOuter_"]
> div[class*="userPopoutInner_"]
div[class*="submenuPaddingContainer_"]
> div[class*="submenu_"]
div[class*="item_"]:not([class*="labelContainer_"])[class*="focused_"],
div[class*="layerContainer_"]
> div[id*="popout_"]
div[class*="accountProfilePopoutWrapper_"]
div[class*="userPopoutOuter_"]
> div[class*="userPopoutInner_"]
div[class*="submenuPaddingContainer_"]
> div[class*="submenu_"]
div[class*="labelContainer_"]:hover,
div[class*="layerContainer_"]
> div[id*="popout_"]
div[class*="accountProfilePopoutWrapper_"]
div[class*="userPopoutOuter_"]
> div[class*="userPopoutInner_"]
div[class*="submenuPaddingContainer_"]
> div[class*="submenu_"]
div[class*="labelContainer_"][class*="focused_"] {
background-color: var(--dnome-popup-hover);
}
div[class*="layerContainer_"]
> div[id*="popout_"]
div[class*="accountProfilePopoutWrapper_"]
div[class*="userPopoutOuter_"]
> div[class*="userPopoutInner_"]
div[class*="submenuPaddingContainer_"]
> div[class*="submenu_"]
div[class*="item_"]:not([class*="labelContainer_"]):active,
div[class*="layerContainer_"]
> div[id*="popout_"]
div[class*="accountProfilePopoutWrapper_"]
div[class*="userPopoutOuter_"]
> div[class*="userPopoutInner_"]
div[class*="submenuPaddingContainer_"]
> div[class*="submenu_"]
div[class*="labelContainer_"]:active {
background-color: var(--dnome-popup-selected);
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
> div[class*="customColumn_"]
> div[class*="customContainer_"]
> div[class*="customScroller_"]
> div[class*="content_"]
> div[role="list"]
> div[class*="auditLog_"] {
border: 0;
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
> div[class*="customColumn_"]
> div[class*="customContainer_"]
> div[class*="customScroller_"]
> div[class*="content_"]
> div[role="list"]
> div[class*="auditLog_"]
> div[class*="divider"],
svg[class*="sparkleStar"],
svg[class*="sparkle_"] {
display: none;
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
> div[class*="customColumn_"]
> div[class*="customContainer_"]
> div[class*="customScroller_"]
> div[class*="content_"]
> div[role="list"]
> div[class*="auditLog_"]
> div[class*="header"] {
background-color: transparent;
border-top-left-radius: var(--dnome-border-medium);
border-top-right-radius: var(--dnome-border-medium);
border-bottom-left-radius: var(--dnome-border-medium);
border-bottom-right-radius: var(--dnome-border-medium);
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
> div[class*="page_"]
> div[class*="sidebar_"]
div[class*="list_"]
> div[class*="side_"]
> div[class*="row_"]:hover,
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
> div[class*="customColumn_"]
> div[class*="customContainer_"]
> div[class*="customScroller_"]
> div[class*="content_"]
> div[role="list"]
> div[class*="auditLog_"]
> div[class*="header"]:hover,
div[class*="standardSidebarView_"]
div[class*="emojiSettings_"]
> div
div[class*="emojiRow_"]:hover {
background-color: var(--dnome-list-item-hover);
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
> div[class*="customColumn_"]
> div[class*="customContainer_"]
> div[class*="customScroller_"]
> div[class*="content_"]
> div[role="list"]
> div[class*="auditLog_"]
> div[class*="header"][aria-expanded="true"] {
background-color: var(--dnome-list-item-selected);
border-top-left-radius: var(--dnome-border-medium);
border-top-right-radius: var(--dnome-border-medium);
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
> div[class*="customColumn_"]
> div[class*="customContainer_"]
> div[class*="customScroller_"]
> div[class*="content_"]
> div[role="list"]
> div[class*="auditLog_"]
> div[class*="changeDetails_"] {
background-color: var(--dnome-list-item-selected);
border-bottom-left-radius: var(--dnome-border-medium);
border-bottom-right-radius: var(--dnome-border-medium);
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="profileCustomizationSection_"]
input[class*="inputDefault_"],
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
> div[class*="customColumn_"]
> div[class*="customContainer_"]
> div[class*="customScroller_"]
> div[class*="content_"]
> div
> div
> div[class*="searchContainer_"]
> div[class*="container_"],
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
> div[class*="container_"]
div[class*="bansSearchContainer_"]
> div[class*="searchBar_"],
div[class*="standardSidebarView_"]
div[class*="emojiSettings_"]
> div
div[class*="emojiRow_"]
div[class*="inputWrapper_"]
> input[class*="emojiInput_"] {
background-color: var(--dnome-searchbox);
border-radius: var(--dnome-border-medium);
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
> div[class*="page_"]
> div[class*="sidebar_"]
div[class*="list_"]
> div[class*="side_"]
> div[class*="row_"] {
border-radius: var(--dnome-border-small);
height: 41px;
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
> div[class*="page_"]
> div[class*="sidebar_"]
div[class*="list_"]
> div[class*="side_"]
> div[class*="row_"][class*="selected_"] {
background-color: var(--dnome-list-item-selected);
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
> div[class*="customColumn_"]
> div[class*="customContainer_"]
> div[class*="customScroller_"]
> div[class*="content_"]
> div
> div[class*="container_"][role="button"]
> div[class*="icon_"],
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
> div[class*="page_"]
> div[class*="sidebar_"]
div[class*="list_"]
> div[class*="side_"]
> div[class*="row_"][class*="selected_"]:hover,
div[class*="standardSidebarView_"]
div[class*="sidebarRegion_"]
nav[class*="sidebar_"]
> div[class*="side_"]
> div[class*="item_"][class*="selected_"]:hover {
background-color: var(--dnome-list-item-hover-selected);
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
> div[class*="page_"]
> div[class*="contentContainer_"]
> div
> div[class*="contentWidth_"]
div[class*="previewContainer_"]
> div[class*="theme_"]
> div[class*="messageContainer_"],
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
> div[class*="page_"]
> div[class*="contentContainer_"]
> div[class*="container_"]
> div[class*="list_"]
div[class*="contentWidth_"]
> div[class*="memberRow_"],
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
> div[class*="customColumn_"]
> div[class*="customContainer_"]
> div[class*="customScroller_"]
> div[class*="content_"]
> div[class*="inviteSettingsInviteRow_"] {
border-radius: var(--dnome-border-medium);
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
> div[class*="page_"]
> div[class*="contentContainer_"]
> div
> div[class*="contentWidth_"]
button[type="button"][class*="lookFilled_"] {
background-color: var(--dnome-accent);
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
> div[class*="page_"]
> div[class*="contentContainer_"]
> div
> div[class*="contentWidth_"]
div[class*="previewContainer_"] {
border-radius: var(--dnome-border-medium);
border-color: var(--dnome-border);
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
> div[class*="page_"]
> div[class*="contentContainer_"]
> div
> div[class*="contentWidth_"]
> div[class*="header_"]
> div[class*="searchContainer_"]
> div[class*="container_"],
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
> div[class*="page_"]
> div[class*="contentContainer_"]
> div[class*="container_"]
> div[class*="headerContainer_"]
> div[class*="contentWidth_"]
> div[class*="header_"]
> div[class*="searchContainer_"]
> div[class*="container_"] {
border-radius: var(--dnome-border-medium);
background-color: var(--dnome-searchbox);
}
div[class*="standardSidebarView_"]
div[class*="emojiSettings_"]
> div
div[class*="emojiRow_"] {
box-shadow: none;
border-radius: var(--dnome-border-medium);
padding-left: 20px;
margin-left: -20px;
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
> div[class*="customColumn_"]
> div[class*="customContainer_"]
> div[class*="customScroller_"]
> div[class*="content_"]
> div[class*="inviteSettingsInviteRow_"]
div[class*="revokeInvite_"],
div[class*="standardSidebarView_"]
div[class*="emojiSettings_"]
> div
div[class*="emojiRow_"]
div[class*="emojiRemove_"] {
right: -15px;
background-color: var(--dnome-base);
box-shadow: none;
border: 1px solid var(--dnome-border);
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="connectContainer_"]
> div[class*="connectionsContainer_"]
> div[class*="accountAddWrapper_"]
> button[class*="accountAddInner_"]:hover,
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="connectContainer_"]
> div[class*="connectionsContainer_"]
> div[class*="accountAddWrapper_"]
> button[class*="inner_"]:hover,
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="connectContainer_"]
> div[class*="connectionsContainer_"]
> div[class*="wrapper_"]
> button[class*="accountAddInner_"]:hover,
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="connectContainer_"]
> div[class*="connectionsContainer_"]
> div[class*="wrapper_"]
> button[class*="inner_"]:hover,
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
section[class*="guildsSection_"]
> div[class*="guilds_"]
> div[class*="cardWrapper_"]:hover,
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
> div
> div
> div[class*="children_"]
> div[class*="accountProfileCard_"]
> div[class*="background_"],
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
> div
> div
> div[class*="children_"]
> div[class*="accountProfileCard_"]
> div[class*="background_"]
> div[class*="fieldList_"],
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
> div[class*="customColumn_"]
> div[class*="customContainer_"]
> div[class*="customScroller_"]
> div[class*="content_"]
> div[class*="inviteSettingsInviteRow_"]
div[class*="revokeInvite_"]:hover,
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
> div[class*="customColumn_"]
> div[class*="customContainer_"]
> div[class*="customScroller_"]
> div[class*="content_"]
> div[class*="inviteSettingsInviteRow_"]:hover,
div[class*="standardSidebarView_"]
div[class*="emojiSettings_"]
> div
div[class*="emojiRow_"]
div[class*="emojiRemove_"]:hover {
background-color: var(--dnome-list-item-hover);
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="paymentHistory_"]
div[class*="paymentPane_"],
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="preview_"][class*="card_"],
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="tiers_"]
> div[class*="tier_"],
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
> div
> div
> div[class*="children_"]
> div[class*="accountProfileCard_"],
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
> div[class*="customColumn_"]
> div[class*="customContainer_"]
> div[class*="customScroller_"]
> div[class*="content_"]
> div
> div[class*="container_"][role="button"],
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
> div[class*="customColumn_"]
> div[class*="customContainer_"]
> div[class*="customScroller_"]
> div[class*="content_"]
> div[class*="roleRow_"] {
border-radius: var(--dnome-border-big);
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="tiers_"]
> div[class*="tier_"]
> div[class*="tierHeader"] {
border-top-left-radius: var(--dnome-border-big);
border-top-right-radius: var(--dnome-border-big);
background-color: var(--dnome-base);
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="tiers_"]
> div[class*="tier_"]
> div[class*="tierBody_"] {
border-bottom-left-radius: var(--dnome-border-big);
border-bottom-right-radius: var(--dnome-border-big);
background-color: var(--dnome-base);
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="infoWrapper_"]
> div[class*="infoItem_"]
> div[class*="copyInputDefault_"] {
border: 0;
background-color: var(--dnome-bg);
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="infoWrapper_"]
> div[class*="infoItem_"]
button[type="button"][class*="button_"][class*="lookFilled_"] {
height: 100%;
margin: 0;
background-color: var(--dnome-accent);
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="preview_"][class*="card_"]
> div[class*="previewMessage_"] {
background-color: var(--dnome-list-item-hover);
border-radius: var(--dnome-border-medium);
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="paymentHistory_"]
div[class*="paymentPane_"]
> div[class*="paymentRow_"] {
border-bottom-color: var(--dnome-border);
background-color: var(--dnome-base);
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="paymentHistory_"]
div[class*="paymentPane_"]
div[class*="expandedInfo_"] {
background-color: var(--dnome-list-item-hover);
border-color: var(--dnome-base);
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="paymentHistory_"]
div[class*="paymentPane_"]
> div[class*="paginator_"] {
background-color: var(--dnome-base);
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="paymentHistory_"]
div[class*="pageActions_"]
> div[class*="page"],
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="paymentHistory_"]
div[class*="paymentPane_"]
> div[class*="paginator_"]
> div[class*="bottomDivider_"] {
border-color: var(--dnome-border);
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="paymentHistory_"]
div[class*="paymentPane_"]
> div[class*="paginator_"]
> div[class*="bottomDivider_"]
> div[class*="payment_"] {
border-color: var(--dnome-border);
background-color: var(--dnome-base);
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="codeRedemptionRedirect_"] {
background-color: var(--dnome-base);
border: 0;
border-radius: var(--dnome-border-big);
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="connectContainer_"] {
background-color: var(--dnome-base);
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="connectContainer_"]
> div[class*="connectionsContainer_"]
> div[class*="accountAddWrapper_"]
> button[class*="accountAddInner_"]:active,
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="connectContainer_"]
> div[class*="connectionsContainer_"]
> div[class*="accountAddWrapper_"]
> button[class*="inner_"]:active,
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="connectContainer_"]
> div[class*="connectionsContainer_"]
> div[class*="wrapper_"]
> button[class*="accountAddInner_"]:active,
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="connectContainer_"]
> div[class*="connectionsContainer_"]
> div[class*="wrapper_"]
> button[class*="inner_"]:active,
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
section[class*="guildsSection_"]
> div[class*="guilds_"]
> div[class*="cardWrapper_"]:active {
background-color: var(--dnome-list-item-selected);
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="connectionList_"]
> div[class*="connection_"],
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="connectionList_"]
> div[class*="connection_"]
> div[class*="connectionHeader_"],
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
section[class*="guildsSection_"]
> div[class*="guilds_"]
> div[class*="cardWrapper_"] {
background-color: var(--dnome-base);
border-radius: var(--dnome-border-medium);
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
[class*="defaultValue_"]
> div[class*="markValue_"] {
color: var(--dnome-accent) !important;
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="slider_"]
> div[class*="bar_"] {
background: var(--dnome-list-item-hover);
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="defaultKeybind_"] {
height: 100%;
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="defaultKeybindShortcutGroup_"]
> div[class*="keybindShortcut_"] {
height: 35px;
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="defaultKeybindShortcutGroup_"]
> div[class*="keybindShortcut_"]
> span[class*="key_"] {
background-color: var(--dnome-searchbox);
border-radius: var(--dnome-border-small);
height: 100%;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 2px var(--dnome-border-big);
box-shadow: none;
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
> div
> div
> div[class*="children_"]
> div[class*="accountProfileCard_"]
> div[class*="background_"]
> div[class*="fieldList_"]
button[class*="fieldButton_"] {
border-radius: var(--dnome-border-small);
background-color: transparent;
color: var(--text-normal);
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
> div
> div
> div[class*="children_"]
> div[class*="accountProfileCard_"]
> div[class*="background_"]
> div[class*="fieldList_"]
button[class*="fieldButton_"]:hover {
background-color: var(--dnome-popup-hover);
color: #fff;
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
> div
> div
> div[class*="children_"]
> div[class*="accountProfileCard_"]
> div[class*="background_"]
> div[class*="fieldList_"]
button[class*="fieldButton_"]:active {
background-color: var(--dnome-popup-selected);
color: #fff;
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="profileCustomizationSection_"]
:not([class*="birthdayFeatureBorder_"]) {
border-bottom: none;
}
[class*="lookFilled"],
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="applicationPermissions_"]
> div[class*="card_"]
div[class*="entryActions_"]
> div[role="radiogroup"],
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="container_"][class*="warning_"],
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="profileCustomizationSection_"]
div[class*="colorSwatch_"],
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="profileCustomizationSection_"]
div[class*="customSwatch_"],
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
section[class*="guildsSection_"]
> div[class*="guilds_"]
> div[class*="cardWrapper_"]
> div[class*="card_"],
div[class*="tooltip_"] {
border-radius: var(--dnome-border-medium);
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="inputWrapper_"]
> div[class*="inputMaxLength_"]
> textarea[class*="inputDefault_"],
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="inputWrapper_"]
> input[class*="inputDefault_"],
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="profileCustomizationSection_"]
div[class*="bioTextArea_"] {
background-color: var(--dnome-searchbox);
border-radius: var(--dnome-border-medium);
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="tabBar_"] {
border-color: var(--dnome-border);
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="activeGame_"],
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="userPopoutOuter_"] {
border-radius: var(--dnome-border-big);
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="userPopoutOuter_"]
> div[class*="userPopoutInner_"]
button[class*="button"]:hover {
background-color: var(--dnome-popup-selected) !important;
}
div[class*="standardSidebarView_"]
div[class*="sidebarRegion_"]
div[class*="textBadge_"] {
background-color: var(--background-accent) !important;
border-radius: var(--dnome-border-small);
}
div[class*="standardSidebarView_"]
div[class*="sidebarRegion_"]
nav[class*="sidebar_"]
> div[class*="side_"]
> div[class*="item_"] {
border-radius: var(--dnome-border-small);
padding-top: 10.5px;
padding-bottom: 10.5px;
}
div[class*="standardSidebarView_"]
div[class*="sidebarRegion_"]
nav[class*="sidebar_"]
> div[class*="side_"]
> div[class*="item_"]:hover {
background-color: var(--dnome-list-item-hover);
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="applicationPermissions_"]
> div[class*="card_"]
div[class*="entryActions_"]
> div[role="radiogroup"]
> div[role="radio"],
div[class*="standardSidebarView_"]
div[class*="sidebarRegion_"]
nav[class*="sidebar_"]
> div[class*="side_"]
> div[class*="item_"][class*="selected_"] {
background-color: var(--dnome-list-item-selected);
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="subscriptionDetails_"]
> div[class*="card_"],
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
section[class*="sectionAccountCredit_"]
> div[class*="card_"] {
background-color: var(--dnome-list-item-hover);
border-radius: var(--dnome-border-medium);
}
div[class*="checkbox"][class*="checked"] {
border-color: var(--dnome-accent) !important;
}
div[class*="checkbox"][class*="checked"] > svg > path,
div[class*="checkbox"][class*="checked"][style*="background-color: rgb(114, 137, 218)"]
> svg
> path {
fill: #fff;
}
div[class*="checkbox"][class*="checked"],
div[class*="checkbox"][class*="checked"][style*="background-color: rgb(114, 137, 218)"] {
background-color: var(--dnome-accent) !important;
}
div[class*="colorBrand"] {
color: var(--dnome-accent);
}
div[class*="sidebar_"] {
border-left: 1px solid var(--dnome-border);
}
div[class*="sidebar_"],
div[class*="standardSidebarView_"] div[class*="sidebarRegion_"] {
border-right: 1px solid var(--dnome-border);
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="applicationPermissions_"]
> div[class*="card_"],
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="section_"]
> div[class*="card_"] {
border-radius: var(--dnome-border-medium);
background-color: var(--dnome-base);
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="applicationPermissions_"]
> div[class*="card_"]:hover,
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[role="radiogroup"]
> div[class*="item_"][class*="itemFilled_"]:hover {
background-color: var(--dnome-list-item-hover);
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="applicationPermissions_"]
> div[class*="card_"]
> div[class*="cardHeader"] {
border-radius: var(--dnome-border-medium);
background-color: transparent;
}
div[class*="premiumTab_"] > div[class*="selectedBackground_"]:hover,
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="applicationPermissions_"]
> div[class*="card_"]
div[class*="entryActions_"]
> div[role="radiogroup"]
> div[role="radio"]:hover,
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[role="radiogroup"]
> div[class*="item_"][class*="itemFilled_"][aria-checked="true"]:hover {
background-color: var(--dnome-list-item-hover-selected);
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="formNotice_"] {
border-color: var(--dnome-border);
border-radius: var(--dnome-border-medium);
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[role="radiogroup"]
> div[class*="item_"]
> div[class*="radioBar_"] {
border-radius: var(--dnome-border-medium);
border: 1px solid var(--radio-bar-accent-color);
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[role="radiogroup"]
> div[class*="item_"][class*="itemFilled_"] {
background-color: transparent;
border-radius: var(--dnome-border-medium);
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[role="radiogroup"]
> div[class*="item_"][class*="itemFilled_"]:active,
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[role="radiogroup"]
> div[class*="item_"][class*="itemFilled_"][aria-checked="true"] {
background-color: var(--dnome-list-item-selected);
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
div[class*="select_"] {
background-color: var(--dnome-searchbox);
border-radius: var(--dnome-border-medium);
}
[class*="lookFilled"][class*="colorWhite"] > div,
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
button[class*="button_"][class*="lookFilled_"]
svg[class*="premiumIcon"],
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
button[class*="button_"][class*="lookFilled_"]
> div[class*="upsellButton_"] {
color: #fff;
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
button[class*="button_"][class*="lookFilled_"][class*="colorRed"] {
border-color: var(--dnome-error);
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
button[class*="button_"][class*="lookFilled_"][class*="colorRed"]:hover,
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
button[class*="button_"][class*="lookOutlined_"][class*="colorRed"]:hover {
background-color: var(--dnome-error) !important;
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
button[class*="button_"][class*="lookFilled_"]:hover {
background-color: var(--dnome-accent-lighter) !important;
}
div[class*="standardSidebarView_"]
div[class*="contentRegion_"]
div[class*="contentColumn_"]
button[class*="button_"][class*="lookOutlined_"][class*="colorRed"] {
border-color: var(--dnome-error);
}
[class*="lookFilled"][class*="color"]:not(
[class*="colorPrimary"],
[class*="colorRed"]
) {
background-color: var(--dnome-accent) !important;
border-radius: var(--dnome-border-medium);
color: #fff !important;
}
[class*="lookFilled"][class*="color"]:not(
[class*="colorPrimary"],
[class*="colorRed"]
)
div[class*="ctaButtonText_"] {
color: unset;
}
button[class*="button_"][class*="lookOutlined_"]:hover {
background-color: var(--dnome-accent);
border-color: transparent !important;
}
html[class*="theme-light"] #discord-nitro-tab > div > div[class*="mainColumn_"],
html[class*="theme-light"]
#profile-customization-tab
> div
> div[class*="mainColumn_"] {
filter: invert();
}
html[class*="theme-light"]
#channel-context-channel-notifications
div[class*="subtext_"],
html[class*="theme-light"]
div[class*="defaultKeybindShortcutGroup_"]
> div[class*="keybindShortcut_"]
> span[class*="key_"],
html[class*="theme-light"]
div[class*="layerContainer_"]
div[class*="labelContainer_"][class*="item_"][class*="focused_"],
html[class*="theme-light"]
div[class*="submenuPaddingContainer_"]
> div[class*="submenu_"]
[class*="focused_"],
html[class*="theme-light"]
div[class*="submenuPaddingContainer_"]
> div[class*="submenu_"]
[class*="focused_"]
circle,
html[class*="theme-light"]
div[class*="submenuPaddingContainer_"]
> div[class*="submenu_"]
[class*="focused_"]
div[class*="subtext_"],
html[class*="theme-light"]
div[class*="submenuPaddingContainer_"]
> div[class*="submenu_"]
[class*="focused_"]
path,
html[class*="theme-light"]
div[class*="submenuPaddingContainer_"]
> div[class*="submenu_"]
[class*="focused_"]
svg {
color: #000;
}
html[class*="theme-light"]
div[class*="defaultKeybindShortcutGroup_"]
> div[class*="keybindShortcut_"]
> span[class*="key_"]
g,
html[class*="theme-light"]
div[class*="defaultKeybindShortcutGroup_"]
> div[class*="keybindShortcut_"]
> span[class*="key_"]
path,
html[class*="theme-light"]
div[class*="defaultKeybindShortcutGroup_"]
> div[class*="keybindShortcut_"]
> span[class*="key_"]
svg {
fill: #000;
}
html[class*="theme-light"]
div[class*="layerContainer_"]
div[class*="menu_"][role="menu"]
> div[class*="scroller_"]
> div[role="group"]:not([class*="wrapper_"])
> div
> div[class*="item_"][class*="colorBrand_"]:not(
[id="guild-header-popout-invite-people"]
):hover,
html[class*="theme-light"]
div[class*="layerContainer_"]
div[class*="menu_"][role="menu"]
> div[class*="scroller_"]
> div[role="group"]:not([class*="wrapper_"])
> div[class*="item_"][class*="colorBrand_"]:not(
[id="guild-header-popout-invite-people"]
):hover,
html[class*="theme-light"]
div[class*="sidebarRegion_"]:not([class*="theme-dark"])
div[class*="premiumTab_"][class*="selected_"],
html[class*="theme-light"]
div[class*="sidebarRegion_"]:not([class*="theme-dark"])
div[class*="premiumTab_"][class*="selected_"]
* {
color: #000;
}
div[aria-controls="Discord Nitro-tab"][aria-selected="false"],
div[aria-controls="GUILD_PREMIUM-tab"][aria-selected="false"] {
color: var(--interactive-normal) !important;
}
div[aria-controls="Discord Nitro-tab"][aria-selected="false"][style*="background-color"],
div[aria-controls="GUILD_PREMIUM-tab"][aria-selected="false"][style*="background-color"] {
background-color: var(--background-modifier-hover) !important;
}
div[aria-controls="Discord Nitro-tab"][aria-selected="true"],
div[aria-controls="GUILD_PREMIUM-tab"][aria-selected="true"] {
color: var(--interactive-active) !important;
background-color: var(--background-modifier-selected) !important;
}
div[aria-controls="Discord Nitro-tab"] > div > svg[class*="icon_"],
div[aria-controls="GUILD_PREMIUM-tab"] > div > svg[class*="icon_"] {
display: none !important;
}
div[class*="channelBottomBarArea_"]
div[class*="buttons_"]
button[class*="colorBrand_"]:not([class*="expression_"])[aria-label*="Gift"],
div[class*="channelBottomBarArea_"]
div[class*="buttons_"]
button[class*="colorBrand_"]:not([class*="expression_"])[aria-label*="gift"] {
display: none;
}
@supports selector(:has(*)) {
div[class*="channelBottomBarArea_"]
div[class*="buttons_"]
button[class*="colorBrand_"]:not([class*="expression_"]):has(
div[class*="giftIconButton_"]
) {
display: none;
}
}
[class*="birthdayFeatureBorder_"] [class*="birthdayBackground_"],
div[class*="premiumFeatureBorder_"],
div[class*="premiumFeatureBorder_"] > div[class*="background_"] {
background: 0 0;
}
div[class*="inviteBannerUpsell_"],
div[class*="premiumTab_"] > div[class*="premiumLabel_"] > svg,
div[class*="shineContainer"],
div[class*="sidebar_"]
> nav[class*="privateChannels_"]
> div[class*="scroller_"]
> ul[role="list"]
> li[class*="channel_"]
> div
> a[href="/store"] {
display: none;
}
div[class*="premiumTab_"] > div[class*="selectedBackground_"] {
background-color: var(--dnome-list-item-selected);
border-radius: 6px;
}
html[class*="theme-light"]
div[class*="sidebarRegion_"]:not([class*="theme-dark"])
div[class*="premiumTab_"][class*="selected_"]
path,
html[class*="theme-light"]
div[class*="sidebarRegion_"]:not([class*="theme-dark"])
div[class*="premiumTab_"][class*="selected_"]
svg {
fill: #000;
}
:root {
--premium-tier-2-pink-for-gradients: inherit;
--premium-tier-2-purple-for-gradients: inherit;
--premium-tier-2-pink-for-gradients-2: inherit;
}
[class*="birthdayFeatureBorder_"] {
border-color: #5ca4cc;
background: 0 0;
}
[class*="limitedTimeBadge_"] {
background-color: var(--dnome-popup-hover) !important;
background: var(--dnome-popup-hover);
}
[class*="isBurstReactionPicker_"] {
border: 0;
box-shadow: var(--elevation-high);
-webkit-box-shadow: var(--elevation-high) !important;
}
#discord-nitro-tab
> div
> div[class*="container_"][class*="containerDefaultMargin_"]
> div[class*="artContainer_"],
#profile-customization-tab
> div[class*="container_"][class*="containerDefaultMargin_"]
> div[class*="artContainer_"],
[class*="burstGlow_"] {
display: none;
}
#discord-nitro-tab
> div
> div[class*="container_"][class*="containerDefaultMargin_"],
#profile-customization-tab
> div[class*="container_"][class*="containerDefaultMargin_"] {
background: var(--dnome-base);
padding-left: 24px;
gap: 1rem;
}
div[class*="tierCardButtonCTA_"] {
color: unset;
}
.theme-dark,
.theme-light {
--text-link: var(--dnome-accent-soft);
--background-primary: #101010;
--background-secondary: #101010;
--background-secondary-alt: #101010;
--background-tertiary: #101010;
--background-accent: #5ca4cc;
--background-floating: #1c1c1c;
--background-mobile-primary: #101010;
--background-mobile-secondary: #101010;
--background-modifier-selected: #101010;
--background-modifier-accent: #101010;
--background-mentioned: rgba(163, 106, 60, 0.05);
--background-mentioned-hover: rgba(163, 106, 60, 0.08);
--background-message-hover: rgba(16, 16, 16, 0.3);
--background-help-warning: rgba(163, 106, 60, 0.1);
--background-help-info: rgba(92, 164, 204, 0.1);
--scrollbar-thin-thumb: #809898;
--scrollbar-thin-track: transparent;
--scrollbar-auto-thumb: #809898;
--scrollbar-auto-scrollbar-color-thumb: #809898;
--scrollbar-auto-scrollbar-color-track: #101010;
--channeltextarea-background: #101010;
--logo-primary: #5ca4cc;
--focus-primary: #5ca4cc;
--activity-card-background: #101010;
--textbox-markdown-syntax: #5ca4cc;
--radio-group-dot-foreground: #5ca4cc;
--search-popout-option-fade: #00000000;
--search-popout-option-fade-hover: #00000000;
--input-background: #101010;
--brand-experiment-05a: rgba(92, 164, 204, 0.05);
--profile-body-background-color: var(--dnome-list-item-hover);
--brand-experiment-560: #5ca4cc;
--brand-experiment: #5ca4cc;
--control-brand-foreground: #5ca4cc;
--deprecated-card-bg: #101010;
--bg-overlay-2: var(--background-primary);
--__header-bar-background: var(--bg-overlay-2);
--home-background: var(--bg-overlay-2);
--bg-brand: var(--dnome-accent);
--dnome-base: #101010;
--dnome-bg: #101010;
--dnome-sidebar: #101010;
--dnome-accent: #5ca4cc;
--dnome-accent-lighter: #83bad8;
--dnome-darker-accent: #3a8dbb;
--dnome-error: #a33c3d;
--dnome-error-soft: rgba(163, 60, 61, 0.2);
--dnome-accent-soft: #6cadd1;
--dnome-searchbox: #1c1c1c;
--dnome-border-big: 12px;
--dnome-border-medium: 8px;
--dnome-border-small: 6px;
}
.theme-dark {
--text-normal: #ffffff;
--background-modifier-hover: #343434;
--scrollbar-auto-track: #101010;
--profile-body-divider-color: #363636;
--profile-message-input-border-color: #363636;
--mention-background: rgba(92, 164, 204, 0.4);
--mention-foreground: #d1e5f0;
--dnome-border: #363636;
--dnome-scroll-bg: #101010;
--dnome-list-item-hover: #343434;
--dnome-list-item-hover-selected: #404040;
--dnome-list-item-selected: #4c4c4c;
--dnome-popup-hover: #333333;
--dnome-popup-selected: #3e3e3e;
}
.theme-light {
--text-normal: #000000;
--background-modifier-hover: var(--dnome-list-item-hover);
--scrollbar-auto-track: #353d3d;
--profile-body-divider-color: #000000;
--profile-message-input-border-color: #000000;
--mention-background: rgba(92, 164, 204, 0.2);
--mention-foreground: #3a8dbb;
--dnome-border: #000000;
--dnome-scroll-bg: #353d3d;
--dnome-list-item-hover: #0e0e0e;
--dnome-list-item-hover-selected: #0c0c0c;
--dnome-list-item-selected: #0b0b0b;
--dnome-popup-hover: #191919;
--dnome-popup-selected: #181818;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment