complementary.theme.scss

/*
 * @name Complementary
 * @description QOL enhancements for Discord
 * @author D3SOX
 * @version 1.3
*/

// Settings Icons
@import url("https://minidiscordthemes.github.io/SettingsIcons/SettingsIcons.theme.css");

// Hide Nitro upselling
@import url("https://d3sox.github.io/complementary-discord-theme/hide-nitro-upselling.theme.css");

// Hide Help Button
[class^="toolbar"] a[href="https://support.discord.com"] {
  display: none;
}

// Collapsed Search Bar (by Freeplay)
[class*="title_"][class*="container_"] [class*="toolbar_"] [class*="search_"] [class*="searchBar_"] {
  background: none !important;
  width: 24px;
  color: var(--color-text);
  transition: width 0.2s, padding 0.5s;
  padding: 0;
}
[class*="title_"][class*="container_"] [class*="toolbar_"] [class*="search_"] [class*="searchBar_"] [class*="iconContainer_"] {
  width: 24px !important;
  height: 24px;
  cursor: pointer !important;
}
[class*="title_"][class*="container_"] [class*="toolbar_"] [class*="search_"] [class*="searchBar_"],
[class*="title_"][class*="container_"] [class*="toolbar_"] [class*="search_"] [class*="searchBar_"] svg {
  color: var(--color-text);
  width: 24px;
  height: 24px;
  padding: 0.5px;
}
[class*="toolbar_"] [class*="open_"] [class*="searchBar_"] {
  width: 300px !important;
  padding: 0 10px !important;
}
[class*="toolbar_"] [class*="open_"] [class*="searchBar_"] svg {
  color: var(--text-muted);
  transform: scale(0.8);
}