#app{--text-color: white;--bg-sidebar: #1d1f20;--bg-sidebar-hover: #282a2d;--bg-channel: #2f3136;--bg-channel-second: #282a2d;--bg-chat-top: #2f3136;--bg-chat-main: #36393f;--bg-char-file: #33363a;--bg-chat-bottom: #2f3136;--bg-chat-input: #40444b;--bg-chat-button: #5865f2;--bg-chat-button-hover: #5865f2;--bg-memberbar-top: #282a2d;--bg-member: #2f3136}#app[data-theme=light]{--text-color: #2a2e33;--bg-sidebar: #b8c4bb;--bg-sidebar-hover: #a7b5a9;--bg-channel: #aebda4;--bg-channel-second: #c5d1c8;--bg-chat-top: #b8c4bb;--bg-chat-main: #acc9bf;--bg-char-file: #a7b5a9;--bg-chat-bottom: #b8c4bb;--bg-chat-input: #d0ddcf;--bg-chat-button: #4caf50;--bg-chat-button-hover: #3d9442;--bg-memberbar-top: #c5d1c8;--bg-member: #b8c4bb}*{margin:0;padding:0;box-sizing:border-box}#button{background-color:transparent!important;border:none!important}#app{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh}html{background-color:#23272a;color:var(--text-color)}h2{color:var(--text-color)}