/**
 * @name Default Improved
 * @description Some Add-ons To Improve The Default Client
 * @author AlexTheOutsider
 * @version 1.0
 */

@import url("https://dyzean.github.io/Tokyo-Night/addons/revert-rebrand.css");
@import url("https://nyri4.github.io/Discolored/main.css");

/* VSCode User Area, get Visual Studio like user area (Enabled by default)
  note: this addons doesn't works well with Compact Mode addon,
  please disable this when using Compact Mode addon */
@import url("https://dyzean.github.io/Tokyo-Night/addons/vscode-user-area.css");

/* Syntax Highlight, get hljs styling with Tokyo Night scheme (Enabled by default) */
@import url("https://dyzean.github.io/Tokyo-Night/addons/syntax-highlight.css");

/* Username Background, get colorful background behind username on chat, works best with Monospace addon. (Disabled by default) */
@import url("https://dyzean.github.io/Tokyo-Night/addons/username-background.css");

/* Mac Like Titlebar (windows only), get mac style titlebar on windows client (Enabled by default) */
@import url("https://dyzean.github.io/Tokyo-Night/addons/mac-titlebar.css");

/* ==== Discord Variables ==== */

/* macchiato (Only Enable if You Want a Color scheme, its here to qualify as a full theme) */
/* @import url("https://catppuccin.github.io/discord/dist/catppuccin-macchiato.theme.css");  */

{
  /* Mac Titlebar addons */
  --close-button-color: #ff0000;
  --maximize-button-color: #ffbb00;
  --minimize-button-color: #00ff2a;
}

/* =============[BREAKER FOR TESTING]============= */

/* custom font */
:root {
    --font-primary: "Segoe UI Light", sans-serif;
    --font-display: "Segoe UI Light", sans-serif;
}

/* Muted Channels */

.modeMuted-2T4MDZ .icon-2W8DHg path{ display: none; }
.modeMuted-2T4MDZ .iconContainer-21RCa3{ position: relative; }
.modeMuted-2T4MDZ .iconContainer-21RCa3:before{
    content: '🔇';
    position: absolute;
    font-size: 20px; 
}

/* REQUIRED, DONT TOUCH THIS */

/* logo */

.wordmarkWindows-2dq6rw svg {
    position: fixed;
    top: 3px;
    left: 50%;
    transform: translate(-50%);
}
