// dark variant's accents have bad contrast with $text so swap to $crust

div[class^="item_"][class*="addFriend_"],
div[class*="numberBadge_"][style*="background-color: var(--status-danger);"],
div[class*="iconBadge_"][class*="isCurrentUserConnected_"],
div[class^="bar_"][class*="unreadMentionsBar_"],
span[class*="botTag_"],
span[class^="unreadPill_"],
div[class^="listItem_"] div[class^="wrapper_"] [class*="selected_"], // Server list entries with no icons (Home/Add server/Discover etc)
button[class^="container_"]>div[class^="icon_"]>svg, // Add Friend Page Discoverable Servers svg
div[class^="newBadge_"],
div[class^="premiumTab_"][class*="selected_"], // Nitro tab selected in settings
label[class^="checkboxWrapper_"], label[class^="checkboxWrapperDisabled_"], div[class^="checkbox_"][class*="box_"],
svg[class^="checkmarkCircle"], div[class*="checkIcon_"],
button[class*="button_"][class*="lookFilled_"][class*="colorRed_"],
button[class*="button_"][class*="lookFilled_"][class*="colorGreen_"],
button[class*="button_"][class*="lookFilled_"][class*="colorLink_"],
button[class*="colorable_"][class*="join_"], // Vc join buttons
svg[class^="status_"], // Vc status (mute/deafen)
svg[class^="dots_"], // typing indicator
div[class*="textBadge_"][class*="base_"],
svg[class^="descriptionIcon_"],
div[class*="winButtonClose_"]:hover,
div[class^="uploadArea_"],
svg[class^="stepIcon_"],
svg[class^="activeIcon_"], // Account switcher
div[class*="tooltipBrand_"], div[class*="tooltipGreen_"],
[class*="notice_"][class*="colorBrand_"], [class*="colorStreamerMode_"], [class*="colorSpotify_"], [class*="colorPremium_"], [class*="colorPlayStation_"],
.interactive:hover {
  --white: #{$crust};
  --white-500: #{$crust};
}

svg[class^="radioIndicator_"] [class*="refreshIcon_"] {
  fill: #{$crust};
}
div[class^="automodText_"] {
  color: #{$crust};
}

// Forum pin icon
div[class^="pinIcon_"] > svg > path {
  fill: #{$crust};
}

// Server settings Members banner
div[class^="bannerContainer_"],
div[class^="friendRequestContainer_"] > button[class*="colorGreen_"] {
  [style*="color: white"] {
    color: #{$crust} !important;
  }
}

.vcd-screen-picker-option-radio[data-checked="true"] {
  --text-default: #{$crust};
}
button {
  &[class*="selectorButtonSelected_"],
  &:hover {
    div[class*="selectorText_"] {
      color: #{$crust};
    }
  }
}

svg[class^="selectedIcon_"] > circle[fill="white"] {
  fill: #{$crust};
}

// Channels & Roles Browse channels count
div[class*="textBadge_"][class*="base_"][style*="background-color: var(--background-accent)"] {
  --white: #{$text};
}
