complementary.theme.css

/*
 * @name Complementary
 * @description QOL enhancements for Discord
 * @author D3SOX
 * @version 1.3
*/
@import url("https://hugo9655.github.io/SettingsIcons/SettingsIcons.theme.css");
@import url("https://d3sox.github.io/complementary-discord-theme/hide-nitro-upselling.theme.css");
[class^=toolbar] a[href="https://support.discord.com"] {
  display: none;
}

[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);
}