.theme-light { --header-primary: #060607; --header-secondary: #000000; --text-normal: #000000; --text-muted: #777777; --text-link: #002856; --channels-default: #000000; --interactive-normal: #000000; --interactive-hover: #000000; --interactive-active: #060607; --interactive-muted: #c7ccd1; --background-primary: #c6c4c6; --background-secondary: #c6c4c6; --background-secondary-alt: #c6c4c6; --background-tertiary: #c6c4c6; --background-accent: #747f8d; --background-floating: #c6c4c6; --background-mobile-primary: #c6c4c6; --background-mobile-secondary: #c6c4c6; --background-modifier-hover: rgba(116,127,141,0.08); --background-modifier-active: rgba(116,127,141,0.16); --background-modifier-selected: rgba(116,127,141,0.24); --background-modifier-accent: rgba(6,6,7,0.08); --background-mentioned: rgba(250,166,26,0.1); --background-mentioned-hover: rgba(250,166,26,0.2); --background-message-hover: rgba(6,6,7,0.02); --background-help-warning: rgba(250,166,26,0.1); --background-help-info: rgba(0,103,224,0.1); --scrollbar-thin-thumb: rgba(79,84,92,0.3); --scrollbar-thin-track: #00000003; --scrollbar-auto-thumb: #000; --scrollbar-auto-track: #a9a9a9; --scrollbar-auto-scrollbar-color-thumb: #e3e5e8; --scrollbar-auto-scrollbar-color-track: #f2f3f5; --elevation-stroke: 0 0 0 1px rgba(6,6,7,0.08); --elevation-low: 0 1px 0 rgba(6,6,7,0.1),0 1.5px 0 rgba(6,6,7,0.025),0 2px 0 rgba(6,6,7,0.025); --elevation-medium: 0 4px 4px rgba(0,0,0,0.08); --elevation-high: 0 8px 16px rgba(0,0,0,0.16); --logo-primary: #000000; --focus-primary: #00b0f4; --radio-group-dot-foreground: #4e5d94; --guild-header-text-shadow: 0 1px 1px hsla(0,0%,100%,0.4); --channeltextarea-background: #c6c4c6; --activity-card-background: #c6c4c6; --textbox-markdown-syntax: #6a7480; --deprecated-card-bg: #f8f9f9; --deprecated-card-editable-bg: rgba(246,246,247,0.6); --deprecated-store-bg: #f8f9f9; --deprecated-quickswitcher-input-background: #fff; --deprecated-quickswitcher-input-placeholder: rgba(79,84,92,0.3); --deprecated-text-input-bg: rgba(79,84,92,0.02); --deprecated-text-input-border: rgba(79,84,92,0.3); --deprecated-text-input-border-hover: #b9bbbe; --deprecated-text-input-border-disabled: #dcddde; --deprecated-text-input-prefix: #b9bbbe; } body { background-color: var(--background-tertiary); text-rendering: optimizeLegibility; border-top: 2px solid #e8e8e8; border-right: 2px solid #636363; border-bottom: 0px solid #010101; border-left: 2px solid #fefefe; } .scrollerBase-289Jih { border-left: 0px solid #e0e0e0; } .base-3dtUhz{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; overflow: hidden; border-bottom: 2px solid #1f1f1f; border-right: 2px solid #292929; } /* top frame */ .withFrame-haYltI { height: 18px; margin-top: 0px; border-top: 2px solid #e8e8e8; border-right: 2px solid #e6e6e6; border-bottom: 2px solid #e6e6e6; padding-bottom: 4px; margin-left: 1px; margin-right: 1px; background: linear-gradient(45deg, #0A246A, #A5C9EF); } .wordmarkWindows-1v0lYD { position: absolute; top: 0; left: 0; padding: 4px 9px 3px; color: #ffffff; } .winButton-iRh8-Z { position: relative; top: 2px; cursor: pointer; width: 14px; height: 14px; pointer-events: auto; -webkit-app-region: no-drag; border: 1px solid; background: #BFBFBF; margin-right: 2px; border-left-color: #FEFEFE; border-top-color: #FEFEFE; border-bottom-color: #7F7F7F; border-right-color: #7F7F7F; box-shadow: 1px 1px 1px black; } .winButtonMinMax-PBQ2gm:hover { color: #ffffff; background: #c5c2c6; } .winButton-iRh8-Z svg{ width: 14px; height: 14px; padding: 1px; color: black; } /*top bar */ .container-1r6BKw { height: 32px; padding: 0 4px; font-size: 12px; line-height: 14px; color: var(--text-normal); font-family: tahoma; -webkit-font-smoothing: none; } .header-2V-4Sw { padding: 0 7px; height: 32px; } .name-1jkAdW { /* nom server */ font-size: 14px; line-height: 12px; font-family: tahoma; font-weight: 400 !important; } .topic-TCb_qw { font-size: 12px; line-height: 15px; } /*LEFT SERVER */ .guilds-1SWlCJ { width: 38px; border-right: 0px solid grey; box-shadow: 0px 0px 0px white; } .guildSeparator-33mFX6 { height: 0px; width: 38px; border-radius: 0px; background-color: var(--background-modifier-accent); } #bd-pub-li { display:none; } .listItem-GuPuDH { /*zone server width */ margin: auto; width: 33px; } .childWrapper-anI2G9, .wrapper-1BJsBx { width: 32px; height: 32px; } .wrapper-sa6paO {/* band left server */ width: 5px; height: 27px; } .item-2hkk8m { position: absolute; display: block; width: 5px; border-radius: 0 0px 0px 0; margin-left: -2px; background-color: #02397d; height: 27px; } .svg-1X37T1, .wrapper-25eVIn { /*server ikons */ width: 38px; height: 38px; } .icon-27yU2q { width: 38px; height: 38px; } .blobContainer-pmnxKB { height: 30Px; width: 30px; } .svg-1X37T1, foreignObject{ width: 38px; height: 38px; mask: none; } .circleIconButton-1QV--U { color: #ffffff; background-color: #000000; margin-left: 5px; } /* server topics */ .container-3w7J-x { border-right: 0px solid grey; } .name-23GUGE { font-size: 13px; line-height: 15px; font-weight: 400; font-family: tahoma; } .iconContainer-1BBaeJ { display: none; } svg.addButtonIcon-2CbG1X { width: 12px; height: 12px; border-right: 1px solid #232323; border-left: 1px solid #e2e2e2; border-top: 1px solid white; border-bottom: 1px solid #1d1d1d; } .content-1Wq3SX .avatar-3tNQiO { border-radius: 0%; background-repeat: no-repeat; background-position: 50% 50%; margin-top: 0px; margin-bottom: 0px; } .list-2luk8a { padding-left: 0px; padding-bottom: 0px; border-right: 0px solid #3a3a3a; border-left: 0px solid #fdfdfd; margin-left: 3px; } .content-1Wq3SX .usernameFont-23TX-h { font-size: 13px; line-height: 15px; font-weight: 500; } .containerDefault-3tr_sE{ padding-top: 0px; box-shadow: 1px 1px 1px #3c3c3c; border-top: 1px solid white; border-left: 1px solid white; margin-right: 1px; margin-left: 3px; } .wrapper-2jXpOf { padding: 1px 0; overflow: visible; position: relative; border-left: 0px solid #f3f1f1; border-right: 0px solid #424141; margin-left: -5px; } .unread-2lAfLh { position: absolute; height: 24px; width: 216px; border-radius: 0 0px 0px 0; top: 0%; left: 7px; margin-top: 2px; border-top: 0px solid #dedede; border-left: 0px solid #d2d2d2; border-bottom: 0px solid black; border-right: 0px solid black; background-color: #d8d8d8; background: linear-gradient(90deg, #0A246A, #A6CAF0); box-shadow: inset 1px 1px 2px #676767; } .modeConnected-3IsKId .name-23GUGE, .modeConnected-3IsKId:hover .name-23GUGE, .modeSelected-346R90 .name-23GUGE, .modeSelected-346R90:hover .name-23GUGE, .modeUnread-1qO3K1 .name-23GUGE, .modeUnread-1qO3K1:hover .name-23GUGE, .notInteractive-1X92pj.modeConnected-3IsKId .name-23GUGE, .notInteractive-1X92pj.modeSelected-346R90 .name-23GUGE { color: white; } .modeSelected-346R90 .content-1x5b-n, .modeSelected-346R90:hover .content-1x5b-n { background-color: rgba(175, 175, 175, 0.24); border-radius: 0px; border-top: 1px dotted grey; border-left: 1px dotted grey; border-right: 1px dotted #e0e0e0; border-bottom: 1px dotted #e2e2e2; } /*right contact */ .membersWrap-2h-GB4 { min-width: 180px; } .members-1998pB { width: 180px; padding: 0 0 10px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; height: auto; } .member-3-YXUe { max-width: 180px; margin-left: 1px; } .layout-2DM8Md .svg-2V3M55 { width: 32px; height: 32px; } .container-2Pjhx- { padding: 2px 0px 5px; border-radius: 0px; } .member-3-YXUe foreignObject{ width: 32px; height: 32px; mask: none; } .member-3-YXUe .layout-2DM8Md { border-radius: 0px; height: 20px; padding: 0 0px; } .member-3-YXUe rect.pointerEvents-2zdfdO { x: -2; y: 0; width: 10px; height: 10px; display: none; } .member-3-YXUe .avatar-3uk_u9 { flex: 0 0 auto; width: 26px; height: 20px; margin-right: 0px; margin-left: 0px; border: 0px solid black; } .member-3-YXUe .name-uJV0GL { font-size: 13px; line-height: 15px; font-weight: 400; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; font-family: tahoma; } .membersGroup-v9BXpm { padding: 11px 8px 0 7px; height: 35px; } .mentioned-xhSam7 { position: relative; background-color: rgb(224, 168, 168); box-shadow: 1px 1px 1px black; } .liveShapeRound-32u79- { border-radius: 0px; background-color: rgb(0, 0, 0); } /* title */ .container-1r6BKw .title-29uC1r{ font-size: 12px; } .container-1r6BKw :nth-child(1){ width: 16px; } .guildIconContainer-2FW_iA { margin-right: 4px; display: none; } /* chat */ .markup-2BOw-j { font-size: 12px; font-family: tahoma; } .username-1A8OIy { font-size: 12px; font-weight: 400; font-family: tahoma; } .divider-JfaTT5 { border-top: thin solid rgb(175, 175, 175); justify-content: left; } .content-1o0f9g { margin-top: -1px; font-weight: 500; border-radius: 0px; font-family: verdana; } .embedFull-2tM8-- { border-left: 0px solid var(--background-tertiary); background: var(--background-secondary); } .embedImage-2W1cML img, .embedImage-2W1cML video, .embedThumbnail-2Y84-K img, .embedThumbnail-2Y84-K video, .embedVideo-3nf0O9 img, .embedVideo-3nf0O9 video { display: block; border-radius: 0px; } .embedFull-2tM8-- .embedMedia-1guQoW { margin-top: 4px; } .markup-2BOw-j a { color: #01074a; font-family: tahoma; } .embedMedia-1guQoW { border-radius: 0px; border: 2px solid #505050; } .embedMargin-UO5XwE { margin-top: -8px; } .embedAuthor-3l5luH { display: none; } .embedProvider-3k5pfl { display: none; } .wrapper-129saQ { padding: 0px; height: 29px; border-radius: 0px; background-color: rgb(0, 0, 0); color: #fff; border: 2px solid #808080; } /*popout */ .userPopout-3XzG_A { border-radius: 0px; } .headerPlaying-j0WQBV { background: #383838; } /* video */ .tileSizer-3VCNFs { width: 220px; margin-bottom: 0px; } .tile-2naSqK { background-color: #eaeaea; border-radius: 0px; } .tile-2naSqK { background-color: #202225; border-radius: 0px; } .tile-2naSqK { background-color: #eaeaea; border-radius: 0px; } .wrapper-2qzCYF { background-color: #c5c5c5; border-left: 1px solid; } .border-3dQmSY.speaking-WDn8Wm { -webkit-box-shadow: inset 0 0 0 1px #6279AE, inset 0 0 0 3px #6279AE; box-shadow: inset 0 0 0 1px #6279AE, inset 0 0 0 3px #6279AE; border-radius:0px } .floating-window-titlebar { height: 24px; color: #fff; background: linear-gradient(45deg, #0A246A, #A5C9EF); } .floating-window-titlebar .title { color: #ffffff; } .checkbox-3kaeSU .checkboxInner-3yjcPe .checkboxElement-1qV33p:checked+span { background-color: #545454; border-color: #929292; } .checkbox-3kaeSU .checkboxInner-3yjcPe span { border: 1px solid #cdcdcd; border-radius: 0px; } /*private message */ .platform-win .sidebar-2K8pFh { border-radius: 0px 0 0; overflow: hidden; } .sidebar-2K8pFh { flex-direction: column; min-height: 0; width: 200px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; background: var(--background-secondary); border-right: 1px solid grey; border-left: 0px solid grey; } .layout-2DM8Md .svg-2V3M55{ width: 26px; height: 26px; } .layout-2DM8Md { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 0px; height: 27px; padding: 0 2px; } /* new unread */ .bar-30k2ka { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; font-size: 10px; line-height: 13px; font-weight: 400; color: #fff; height: 26px; cursor: pointer; text-transform: uppercase; border-radius: 0px; pointer-events: auto; -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.24); box-shadow: 0 0px 0px rgba(0,0,0,.24); -webkit-app-region: no-drag; font-family: tahoma; } .unread-1xRYoj { background-color: #0043a7; opacity: 1; background: linear-gradient(45deg, #00309c, #000000); } .container-35XQWE { padding: 1px; height: 24px; } /*text write */ .form-2fGMdU { position: relative; -ms-flex-negative: 0; flex-shrink: 0; padding-left: 0px; padding-right: 0px; margin-top: -10px; margin-right: 4px; background-color: #9c9c9c; } .channelTextArea-rNsIhG { margin-bottom: 18px; } .channelTextArea-rNsIhG .scrollableContainer-2NUZem { background-color: #9c9c9c; max-height: 34px; border-radius: 0px; } .sansAttachButton-td2irx { padding-left: 0px; } .channelTextArea-rNsIhG .buttons-3JBrkn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 32px; position: -webkit-sticky; position: sticky; top: 0; margin-right: 4px; } .channelTextArea-rNsIhG .fontSize14Padding-1DhkW_ { padding-bottom: 1px; padding-top: 7px; } .channelTextArea-rNsIhG .placeholder-37qJjk, .slateTextArea-1Mkdgw { padding-right: 1px; } .channelTextArea-rNsIhG .attachButton-2WznTc { height: 32px; padding: 0px 17px; top: 0px; } .channelTextArea-rNsIhG .textArea-12jD-V { background-color: #f7f7f7; font-weight: 400; font-size: 1rem; line-height: 1.375rem; width: 100%; height: 30px; min-height: 30px; padding-left: 0; padding-right: 10px; border: 1px dotted grey; margin: 2px; }