diff --git a/Changelog.md b/Changelog.md index e0df862..d820a45 100644 --- a/Changelog.md +++ b/Changelog.md @@ -1,5 +1,58 @@ # DiscordNight Changelog +## [v0.9.5.5]() - 2023-03-31 04:20 CET: +### Added +- New user profiles +- New status picker/profile popout +- Home Message Requests menu +- App directory page +- Server home/forum page +- New variable '--Start-Activities-Button' to show voice chat start activity button +### Fixed +- Avatar decorations +- Sidebar forum new posts counter +- Sidebar active threads popout position +- Sidebar show all voice channels buttons +- Settings BetterDiscord addon error +- Settings row icons +- Settings connections +- Settings toggle switches/sliders colors +- Settings my account avatar +- Friends list/grid +- Friendslist avatar sizes +- Home DM's list scroller +- Home friends/library top bar buttons +- Voice channel open text chat icon not being visible on selected connected channel +- User profile custom status border header +- User profile connections icon sizes +- User profile bottom height +- User popout add roles popout window +- User roles background being white +- Chat box width when typing in forum threads +- Chat mentioned color in thread sidebar +- Chat automod avatar size +- Chat bot interactable buttons margins +- Server home stream preview image backround +- Server list home & no icon server color +- Server role links settings +- Server preview popout +- Server name/header popout +- Server management popout +- Video call/voice emoji reaction button +- DM's online status color +- New mention box notice +- Event info modal scroll not working +- Search results page buttons +- Channel capitalization +- Activites selection modal +- Modal background colors +- Right click context menus +- Inbox & Pinned messages +- Create DM popout +- App button colors +### Removed +- BetterDiscord public servers + ## [v0.9.5.4]() Discords New Status Picker Update - 2022-08-12 18:00 CET: ### Added - Settings "Friends Requests" icon diff --git a/DiscordNight.css b/DiscordNight.css index c384b30..1cbce0d 100644 --- a/DiscordNight.css +++ b/DiscordNight.css @@ -1,6 +1,6 @@ /** * @name DiscordNight - * @version 0.9.5.4 + * @version 0.9.5.5 * @description Dark and compact theme for BetterDiscord * @source https://github.com/KillYoy/DiscordNight/ * @updateUrl https://raw.githubusercontent.com/KillYoy/DiscordNight/master/DiscordNight.css @@ -14,7 +14,7 @@ */ :root { - --Settings-Theme-Version: "DiscordNight v0.9.5.4"; + --Settings-Theme-Version: "DiscordNight v0.9.5.5"; --Channel-Invite-Edit-Buttons: none; /* flex = ON, none = OFF */ --Channel-Category-Invite-Button: flex; /* flex = ON, none = OFF */ @@ -24,8 +24,8 @@ --Channel-List-Width: 200px; /* 200px, Discord default = 240px */ --User-List-Width: 200px; /* 200px, Discord default = 240px */ - --User-Popout-Width: 236px; /* 236px, Discord default = 300px */ - --User-Status-Popout-Width: var(--User-Popout-Width);/* 236px, Discord default = 300px */ + --User-Popout-Width: 240px; /* 240px, Discord default = 300px */ + --User-Status-Popout-Width: var(--Channel-List-Width);/* 240px, Discord default = 300px */ --Search-List-Width: 488px; /* 488px, Discord default = 418px */ --Inbox-List-Width: 522px; /* 522px, Discord default = 480px */ @@ -38,13 +38,14 @@ --Chat-Emoji-Size: 1.75rem; /* 1.75rem, Discord default = 1.375rem */ --Chat-Emoji-Large-Size: 2rem; /* 2rem, Discord default = 3rem */ - --Chat-Sticker-Size: 5rem; /* 5rem, Discord default = 10rem */ + --Chat-Sticker-Size: 10rem; /* 5rem, Discord default = 10rem */ --Chat-Wave-To-New-User-Button: flex; /* flex = ON, none = OFF */ --Chat-Wave-To-New-DM-Button: flex; /* flex = ON, none = OFF */ --Text-Channels-Capital-Letter: capitalize; /* capitalize, none */ --Voice-Noise-Suppression: none; /* flex = ON, none = OFF */ + --Start-Activities-Button: flex; /* flex = ON, none = OFF */ --Embed-Remove-Button: flex; /* flex = ON, none = OFF */ @@ -60,24 +61,33 @@ :root, .theme-dark { - --blurple: #3A71C1; /* #7289DA */ - --bdfdb-blurple: #3A71C1; /* var(--brand-experiment, hsl(235, calc(var(--saturation-factor, 1) * 85.6%), 64.7%)); */ + --bd-blue: hsl(214, calc(var(--saturation-factor, 1) * 54%), 48%); /* #3872BC */ + --bd-blue-hover: hsl(214, calc(var(--saturation-factor, 1) * 80%), 58%); /* #4585D8 */ + --bd-blue-active: hsl(214, calc(var(--saturation-factor, 1) * 60%), 42%); /* #3268B7 */ + --bdfdb-blurple: var(--bd-blue); /* var(--brand-experiment, hsl(235, calc(var(--saturation-factor, 1) * 85.6%), 64.7%)); */ /* #7289DA */ --bdfdb-green: var(--status-positive-background); /* hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%); */ --bdfdb-yellow: var(--status-warning-background); /* hsl(38, calc(var(--saturation-factor, 1) * 95.7%), 54.1%); */ --bdfdb-red: var(--status-danger-background); /* hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%); */ - --bd-blue: hsl(214, calc(var(--saturation-factor, 1) * 54%), 48%); - --bd-blue-hover: #4585D8; - --bd-blue-active: #3268B7; - --text-brand: #3A71C1 !important; /* #949CF7 */ - --control-brand-foreground: #3A71C1 !important; /* #A5B3E7 */ - --brand-experiment: #3A71C1 !important; /* #5865F2 */ + --blurple: var(--bd-blue); + --text-brand: var(--bd-blue); /* #949CF7 */ + --control-brand-foreground: var(--bd-blue); /* #A5B3E7 */ + --brand-500:var(--bd-blue); + --brand-experiment: var(--bd-blue); /* #5865F2 */ + --brand-experiment-360: var(--bd-blue-hover); --brand-experiment-400: var(--bd-blue); + --brand-experiment-430: var(--bd-blue-hover); --brand-experiment-500: var(--bd-blue); --brand-experiment-530: var(--bd-blue-hover); --brand-experiment-560: var(--bd-blue-hover); --brand-experiment-600: var(--bd-blue-active); + --primary-700: #262626; + + --primary-dark-600-rgb: 17,17,17; + --primary-dark-660-rgb: 26,26,26; + --green-360: var(--status-positive-background); /* #43B581 */ + --background-primary: #111111; /* #36393F */ --background-secondary: #161616; /* #2F3136 */ --background-tertiary: #191919; /* #202225 */ @@ -88,6 +98,8 @@ --activity-card-background: #161616; /* #202225 */ --channeltextarea-background: #1B1B1B; /* #40444B */ --channels-default: #8E9297; /* #8E9297 */ + --modal-background: #212121; + --modal-footer-background: #141414; --scrollbar-auto-thumb: #1B1B1B; --scrollbar-auto-track: #141414; @@ -106,17 +118,17 @@ --text-normal: #DCDDDE; /* #DCDDDE */ --text-muted: #777777; /* #72767D */ --header-secondary: #CCCCCC; /* #B9BBBE */ - --text-positive: #43B581; /* #4FDC7B */ - --text-warning: #FAA61A; /* #FAA61A */ - --text-danger: #F04747; /* #ED4245 */ - --status-positive-background: #43B581; /* #3BA55C */ - --status-warning-background: #FAA61A; /* #FAA61A */ - --status-danger-background: #F04747; /* #ED4245 */ - --info-positive-background: rgba(67,181,129,0.1); /* rgba(59,165,92,0.1) */ + --text-positive: hsl(152, calc(var(--saturation-factor, 1) * 48%), 48.6%); + --text-warning: hsl(38, calc(var(--saturation-factor, 1) * 95.7%), 54.1%); + --text-danger: hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%); + --status-positive-background: var(--text-positive); /* #43B581 */ + --status-warning-background: var(--text-warning); /* #FAA61A */ + --status-danger-background: var(--text-danger); /* #F04747 */ + --info-positive-background: hsl(152, calc(var(--saturation-factor, 1) * 48%), 48.6%, 0.1); /* rgba(59,165,92,0.1) */ --info-positive-foreground: var(--status-positive-background); /* #3BA55C */ - --info-warning-background: rgba(250,166,26,0.1); /* rgba(250,166,26,0.1) */ + --info-warning-background: hsl(38, calc(var(--saturation-factor, 1) * 95.7%), 54.1%, 0.1); /* rgba(250,166,26,0.1) */ --info-warning-foreground: var(--status-warning-background); /* #FAA61A */ - --info-danger-background: rgba(240,71,71,0.1); /* rgba(237,66,69,0.1) */ + --info-danger-background: hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%, 0.1); /* rgba(237,66,69,0.1) */ --info-danger-foreground: var(--status-danger-background); /* #ED4245 */ --font-display: var(--font-primary); @@ -129,7 +141,7 @@ width: 64px; } .wrapper-1_HaEi [class^="scroller-"] { - background-color: #1B1B1B; + background: var(--bg-overlay-1,var(--background-secondary-alt)); } .wrapper-1_HaEi [class^="scroller-"] [class^="listItem-"] { width: 48px; @@ -156,17 +168,17 @@ } /* Home Icon & No Server Icon */ -.wrapper-1_HaEi .wrapper-28eC3z .childWrapper-1j_1ub svg.homeIcon-r0w4ny > path { +.wrapper-1_HaEi .wrapper-2PSQCG .childWrapper-1j_1ub svg.homeIcon-r0w4ny > path { d: path("M20.6644 20C20.6644 20 19.8014 18.9762 19.0822 18.0714C22.2226 17.1905 23.4212 15.2381 23.4212 15.2381C22.4384 15.881 21.5034 16.3334 20.6644 16.6429C19.4658 17.1429 18.3151 17.4762 17.1884 17.6667C14.887 18.0953 12.7774 17.9762 10.9795 17.6429C9.61301 17.381 8.43836 17 7.45548 16.6191C6.90411 16.4048 6.30479 16.1429 5.70548 15.8096C5.63356 15.7619 5.56164 15.7381 5.48973 15.6905C5.44178 15.6667 5.41781 15.6429 5.39384 15.6191C4.96233 15.381 4.7226 15.2143 4.7226 15.2143C4.7226 15.2143 5.87329 17.1191 8.91781 18.0238C8.19863 18.9286 7.31164 20 7.31164 20C2.0137 19.8333 0 16.381 0 16.381C0 8.7144 3.45205 2.50017 3.45205 2.50017C6.90411 -0.07123 10.1884 0.000197861 10.1884 0.000197861L10.4281 0.285909C6.11301 1.52399 4.12329 3.40493 4.12329 3.40493C4.12329 3.40493 4.65068 3.11921 5.53767 2.71446C8.10274 1.59542 10.1404 1.2859 10.9795 1.21447C11.1233 1.19066 11.2432 1.16685 11.387 1.16685C12.8493 0.976379 14.5034 0.92876 16.2295 1.11923C18.5068 1.38114 20.9521 2.0478 23.4452 3.40493C23.4452 3.40493 21.5514 1.61923 17.476 0.381146L17.8116 0.000197861C17.8116 0.000197861 21.0959 -0.07123 24.5479 2.50017C24.5479 2.50017 28 8.7144 28 16.381C28 16.381 25.9623 19.8333 20.6644 20ZM9.51712 8.88106C8.15068 8.88106 7.07192 10.0715 7.07192 11.5239C7.07192 12.9763 8.17466 14.1667 9.51712 14.1667C10.8836 14.1667 11.9623 12.9763 11.9623 11.5239C11.9863 10.0715 10.8836 8.88106 9.51712 8.88106ZM18.2671 8.88106C16.9007 8.88106 15.8219 10.0715 15.8219 11.5239C15.8219 12.9763 16.9247 14.1667 18.2671 14.1667C19.6336 14.1667 20.7123 12.9763 20.7123 11.5239C20.7123 10.0715 19.6336 8.88106 18.2671 8.88106Z"); } -.wrapper-1_HaEi .wrapper-28eC3z .childWrapper-1j_1ub svg rect { +.wrapper-1_HaEi .wrapper-2PSQCG .childWrapper-1j_1ub svg rect { fill: #36393F; } -.wrapper-1_HaEi .wrapper-28eC3z .childWrapper-1j_1ub, -.wrapper-1_HaEi .wrapper-28eC3z:hover .childWrapper-1j_1ub { +.wrapper-1_HaEi .wrapper-2PSQCG .childWrapper-1j_1ub, +.wrapper-1_HaEi .wrapper-2PSQCG:hover .childWrapper-1j_1ub { background-color: #36393F; } -.wrapper-1_HaEi .wrapper-28eC3z.selected-1Drb7Z .childWrapper-1j_1ub { +.wrapper-1_HaEi .wrapper-2PSQCG.selected-1Drb7Z .childWrapper-1j_1ub { background-color: #2F3136; } @@ -223,7 +235,7 @@ background-color: #2F3136; } .wrapper-1_HaEi [class^="folderIconWrapper-"][style*="background-color: rgba(88, 101, 242, 0.4)"], -.root-g14mjS .colorPickerSwatch-RTUGRR.default-3ISV7m[style="background-color: rgb(88, 101, 242);"] { +.root-1CAIjD .colorPickerSwatch-RTUGRR.default-3ISV7m[style="background-color: rgb(88, 101, 242);"] { background-color: #36393F !important; } .wrapper-1_HaEi [class^="folder-"] svg[style*="color: rgb(88, 101, 242)"] { @@ -247,72 +259,43 @@ } /* Connected Voice/Screen Sharing Server Badge & Mentioned Badge */ -.wrapper-1_HaEi .upperBadge-1V6Iyi .iconBadge-32fMme.participating-2Z81oO { +.wrapper-1_HaEi .upperBadge-1d6YsW .iconBadge-32fMme.participating-2Z81oO { background-color: var(--info-positive-foreground); } -.wrapper-1_HaEi .upperBadge-1V6Iyi .iconBadge-32fMme { - background-color: #4F545C; +.wrapper-1_HaEi .upperBadge-1d6YsW .iconBadge-32fMme { + /* background-color: #4F545C; */ box-shadow: 0px 0px 0px 4px #1B1B1B; } -.wrapper-1_HaEi [id^="folder-items-"] .upperBadge-1V6Iyi .iconBadge-32fMme { +.wrapper-1_HaEi [id^="folder-items-"] .upperBadge-1d6YsW .iconBadge-32fMme { box-shadow: none; } -.wrapper-1_HaEi .lowerBadge-3WTshO .numberBadge-37OJ3S[style*="hsl("] { +.wrapper-1_HaEi .lowerBadge-3j0ZAg .numberBadge-37OJ3S[style*="hsl("] { background-color: #4F545C; box-shadow: 0px 0px 0px 4px #1B1B1B; } -.wrapper-1_HaEi .lowerBadge-3WTshO .numberBadge-37OJ3S { +.wrapper-1_HaEi .lowerBadge-3j0ZAg .numberBadge-37OJ3S { text-shadow: 0 1px 2px rgba(0,0,0,.7); box-shadow: 0px 0px 0px 4px #1B1B1B; } /* Unread Messages Redux Plugin */ .sidebar-1tnWFu .numberBadge-37OJ3S.base-3IDx3L[style*="background-color: rgb(114, 137, 218);"], -.guilds-2JjMmN .lowerBadge-3WTshO.unread-badge .numberBadge-37OJ3S { +.guilds-2JjMmN .lowerBadge-3j0ZAg.unread-badge .numberBadge-37OJ3S { background-color: var(--bd-blue) !important; } -/* Server Typing Indicator Plugin */ -.typingindicator-dms, -.typingindicator-guild, -.typingindicator-folder { - background-color: var(--bd-blue) !important; - border: 2px solid var(--bd-blue) !important; - box-shadow: 0px 0px 0px 3px #1B1B1B !important; - width: 24px; - padding: 0px !important; -} -.typingindicator-dms, -.typingindicator-guild { - right: 10px !important; -} -.typingindicator-folder { - right: 18px !important; -} -.typingindicator-dms .pulsingEllipsis-10G8Z6, -.typingindicator-guild .pulsingEllipsis-10G8Z6, -.typingindicator-folder .pulsingEllipsis-10G8Z6 { - margin-left: 2px; -} -.typingindicator-dms .pulsingEllipsisItem-3pNmEc, -.typingindicator-guild .pulsingEllipsisItem-3pNmEc, -.typingindicator-folder .pulsingEllipsisItem-3pNmEc { - background-color: #FFF !important; -} - /* New Mention Box */ -.unreadMentionsIndicatorBottom-3RJMnQ, -.unreadMentionsIndicatorTop-2bTgUU { - width: 64px; -} -.unreadMentionsIndicatorBottom-3RJMnQ .bar-2eAyLE { - margin-top: 8px; - border-radius: 8px 8px 0px 0px; +.wrapper-1_HaEi .bar-2eAyLE { + margin-right: 8px; } -.unreadMentionsIndicatorTop-2bTgUU .bar-2eAyLE { - margin-top: -8px; +.wrapper-1_HaEi .top-2wJPMI .mentionsBar-DpLHCy.bar-wDIGjg { + margin: 0px; border-radius: 0px 0px 8px 8px; } +.wrapper-1_HaEi .bottom-29W7pW .mentionsBar-DpLHCy.bar-wDIGjg { + margin: 0px; + border-radius: 8px 8px 0px 0px; +} /* Server Offline */ .guildsError-g6NwOI, @@ -321,51 +304,60 @@ } /* Color Picker */ -.theme-dark .colorPickerCustom-1swUKF { +.theme-dark .customColorPicker-C_jddW { background: #202020; border: none; } -.theme-dark .colorPickerCustom-1swUKF .input-2g-os5 { - background-color: #161616; -} /* Join Server Modal "Welcome to X" */ -.root-g14mjS .optionContainer-yOpaLq { +.root-1CAIjD .optionContainer-yOpaLq { background-color: #161616; } -.root-g14mjS .optionContainer-yOpaLq:hover { +.root-1CAIjD .optionContainer-yOpaLq:hover { background-color: var(--bd-blue); } -.root-g14mjS .optionContainer-yOpaLq .channelIcon-QyaRxN { +.root-1CAIjD .optionContainer-yOpaLq .channelIcon-QyaRxN { background-color: transparent; } /* Add A Server: Join/Create a Server Modal */ -.container-1Lk8p7 .text-md-normal-304U3g, -.container-1Lk8p7 .text-sm-normal-3Zj3Iv, -.container-1Lk8p7 .text-xs-normal-3SiVjE, +.container-1Lk8p7 .text-md-normal-2rFCH3, +.container-1Lk8p7 .text-sm-normal-AEQz4v, .container-1Lk8p7 .lookBlank-21BCro, .container-1Lk8p7 .sampleLink-5BWNy9, -.container-1Lk8p7 .input-2g-os5 { +.container-1Lk8p7 .input-3O04eu, +.container-1Lk8p7 .label-7akf7-, +.container-1Lk8p7 .formTitle-2YQyhj, +.container-1Lk8p7 .rowText-3MQqQi, +.container-1Lk8p7 .button-ejjZWC .contents-3NembX, +.container-1Lk8p7 .optionHeader-27AHfD { color: #CCCCCC !important; } .container-1Lk8p7 .title-1_TkpU, -.container-1Lk8p7 .defaultColor-HXu-5n, +.container-1Lk8p7 .title-1LqMUp, +.container-1Lk8p7 .title-OdeD-o, +.container-1Lk8p7 .defaultColor-1GKx81, +.container-1Lk8p7 .footerTitle-3Bslxi, .container-1Lk8p7 .text-PdAsFQ { color: #FFFFFF !important; } +.container-1Lk8p7 .footerSeparator-3U8YsT, .container-1Lk8p7 .rowContainer-3t7486 { background-color: #141414; + box-shadow: none; } .container-1Lk8p7 .container-x8Y1ix { background-color: #191919; border-radius: 4px; border: none; } -.container-1Lk8p7 .container-x8Y1ix:hover, -.container-1Lk8p7 .footer-31IekZ .lookFilled-yCfaCM.colorPrimary-2AuQVo { +.container-1Lk8p7 .footerSeparator-3U8YsT .lookFilled-1H2Jvj.colorPrimary-2-Lusz { background-color: var(--bd-blue) !important; } +.container-1Lk8p7 .container-x8Y1ix:hover, +.container-1Lk8p7 .footerSeparator-3U8YsT .lookFilled-1H2Jvj.colorPrimary-2-Lusz:hover { + background-color: var(--bd-blue-hover) !important; +} .container-1Lk8p7 .uploadIcon-2wV7s_ { color: #A5A5A5; } @@ -379,52 +371,9 @@ background-color: transparent; } -/* BetterDiscord Public Servers */ -#bd-pub-li { - height: 20px; -} -#bd-pub-button { - background-color: #36393F; - line-height: 20px; - height: 20px; -} -#bd-pub-button:hover { - background-color: #3C3F44; -} -#bd-pub-button::first-letter { - text-transform: uppercase; -} -.bd-search-wrapper { - background-color: #191919; - border-radius: 3px; - margin: 0px 8px 4px 8px; -} -.standardSidebarView-E9Pc3j .side-2ur1Qk [aria-controls*="-tab"]::before { - background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Language.svg"); -} -.bd-pagination { - margin: 15px 0px 10px 0px; -} -.bd-pagination button { - background-color: #111111; - border: none; -} -.bd-pagination button:hover { - background-color: var(--bd-blue); -} -.theme-dark .bd-placeholder-card, -.theme-dark .bd-server-card { - background-color: #141414; -} -.theme-dark .bd-server-card:hover, -.theme-dark .bd-server-card:focus { - background-color: #111111; -} -.theme-dark .bd-server-icon { - border-color: #141414; -} -.theme-dark .bd-server-card:hover .bd-server-icon { - border-color: #111111; +/* Official Server Splash Screen Background */ +.gradient-qt4Dwd { + background: linear-gradient(180deg,rgba(22,22,22,.25),rgba(22,22,22,1)) !important; } /***************************************** Server Discovery ******************************************/ @@ -460,28 +409,28 @@ border-color: transparent; } /* Discovery Sidebar & Nitro Page Sidebar */ -.content-1SgpWY .sidebar-1tnWFu .scrollerBase-_bVAAt { +.content-1SgpWY .sidebar-1tnWFu .scrollerBase-1Pkza4[dir="ltr"] { margin-right: -8px; } -.content-1SgpWY .sidebar-1tnWFu .scrollerBase-_bVAAt .discoverHeader-1vsvZ0, -.content-1SgpWY .sidebar-1tnWFu .scrollerBase-_bVAAt .premiumMarketingSurfaceHeader-2Xg7cP { +.content-1SgpWY .sidebar-1tnWFu .scrollerBase-1Pkza4 .discoverHeader-1vsvZ0, +.content-1SgpWY .sidebar-1tnWFu .scrollerBase-1Pkza4 .premiumMarketingSurfaceHeader-2Xg7cP { background-color: #111111; padding: 8px 16px 8px 16px; margin: 0px; } -.content-1SgpWY .sidebar-1tnWFu .scrollerBase-_bVAAt .categoryItem-Kc_HK_, -.content-1SgpWY .sidebar-1tnWFu .scrollerBase-_bVAAt .sectionItem-PWlKc0 { +.content-1SgpWY .sidebar-1tnWFu .scrollerBase-1Pkza4 .categoryItem-Kc_HK_, +.content-1SgpWY .sidebar-1tnWFu .scrollerBase-1Pkza4 .sectionItem-PWlKc0 { margin-left: 0px; } -.content-1SgpWY .sidebar-1tnWFu .scrollerBase-_bVAAt .categoryItem-Kc_HK_:hover, -.content-1SgpWY .sidebar-1tnWFu .scrollerBase-_bVAAt .categoryItem-Kc_HK_.selectedCategoryItem-ZjqSui { +.content-1SgpWY .sidebar-1tnWFu .scrollerBase-1Pkza4 .categoryItem-Kc_HK_:hover, +.content-1SgpWY .sidebar-1tnWFu .scrollerBase-1Pkza4 .categoryItem-Kc_HK_.selectedCategoryItem-ZjqSui { color: #FFFFFF; } -.content-1SgpWY .sidebar-1tnWFu .scrollerBase-_bVAAt .categoryItem-Kc_HK_.selected-1-Z6gm .layout-1qmrhw { +.content-1SgpWY .sidebar-1tnWFu .scrollerBase-1Pkza4 .categoryItem-Kc_HK_.selected-1-Z6gm .layout-1qmrhw { border-radius: 0px; } -.content-1SgpWY .sidebar-1tnWFu .scrollerBase-_bVAAt .categoryItem-Kc_HK_ .new-3EJMgr { +.content-1SgpWY .sidebar-1tnWFu .scrollerBase-1Pkza4 .categoryItem-Kc_HK_ .new-3EJMgr { background-color: var(--info-danger-foreground); border-radius: 8px 0px 0px 8px; margin-right: -10px; @@ -525,11 +474,11 @@ .container-3gW0Nv .placeholder-2erB-x { background-color: transparent; } -.container-3gW0Nv .pageControlContainer-6nt7kY .activeButton-LRWFC_ { +.container-3gW0Nv .pageControlContainer-1Mbe6M .activeButton-2K2Fwx { background-color: var(--bd-blue); border-radius: 4px; } -.container-3gW0Nv .pageControlContainer-6nt7kY .pageButton-1GMGeJ:hover { +.container-3gW0Nv .pageControlContainer-1Mbe6M .pageButton-uta6J3:hover { background-color: #202020; border-radius: 4px; } @@ -537,11 +486,8 @@ /****************************** Text/Voice Channel List Section Scroller *****************************/ /* Server Channels Scroller */ -.sidebar-1tnWFu .scroller-1ox3I2:hover { - margin-right: -2px !important; -} .sidebar-1tnWFu .scroller-1ox3I2::-webkit-scrollbar { - width: 6px; + width: 4px; } .sidebar-1tnWFu .scroller-1ox3I2::-webkit-scrollbar-thumb { background-color: #262626; @@ -559,15 +505,16 @@ .sidebar-1tnWFu .scroller-1ox3I2:hover .wrapper-NhbLHG.typeThread-2Aqh6X.modeSelected-3DmyhH:hover .mainContent-20q_Hp { background: linear-gradient(to right, #1E1E1E 95%, transparent 99%); } -/* Text/Voice Channels List */ +/* Text/Voice Channels List Hover */ .sidebar-1tnWFu .scroller-1ox3I2:hover .wrapper-NhbLHG.modeSelected-3DmyhH .content-1gYQeQ, .sidebar-1tnWFu .scroller-1ox3I2:hover .wrapper-NhbLHG:active .content-1gYQeQ, .sidebar-1tnWFu .scroller-1ox3I2:hover .wrapper-NhbLHG:hover .content-1gYQeQ, .sidebar-1tnWFu .scroller-1ox3I2:hover .wrapper-NhbLHG .unread-36eUEm+.content-1gYQeQ:hover, .sidebar-1tnWFu .scroller-1ox3I2:hover .clickable-2AoIYN:hover, +.sidebar-1tnWFu .scroller-1ox3I2:hover .clickable-1ctZ-H:hover .content-1Tgc42, +.sidebar-1tnWFu .scroller-1ox3I2:hover .clickable-1ctZ-H:active .content-1Tgc42, .sidebar-1tnWFu .scroller-1ox3I2:hover .clickable-1ctZ-H.selected-1oxcpH .content-1Tgc42, -.sidebar-1tnWFu .scroller-1ox3I2:hover .list-2x9Cl9.collapsed-1oYzUu:hover, -.sidebar-1tnWFu .scroller-1ox3I2:hover .list-2x9Cl9.listDefault-2F-w65 .clickable-1ctZ-H:hover .content-1Tgc42 { +.sidebar-1tnWFu .scroller-1ox3I2:hover .list-2x9Cl9.collapsed-1oYzUu:hover { background: linear-gradient(to right, #1C1C1C 95%, transparent 100%); } .sidebar-1tnWFu .scroller-1ox3I2:hover .wrapper-NhbLHG .unread-36eUEm+.content-1gYQeQ { @@ -601,13 +548,17 @@ margin: 0px; padding: 0px; } -.sidebar-1tnWFu [class^='scroller'] { - margin-right: -8px; +.sidebar-1tnWFu [class^='scroller']:not(:hover) { + overflow: hidden !important; } /* No Category Top Margin Fix */ .sidebar-1tnWFu [class^='scroller'] [style="height: 16px;"] { height: 1px !important; } +/* No Event Top Margin Fix */ +.sidebar-1tnWFu [class^='scroller'] [style="height: 12px;"] { + height: 0px !important; +} /* First Category Top Margin Fix */ .sidebar-1tnWFu .containerDefault-3TQ5YN:nth-child(2) { padding-top: 2px; @@ -653,10 +604,10 @@ /* Instant Invite, Edit & Create Channel Buttons */ .sidebar-1tnWFu .iconItem-1EjiK0 { margin-right: 2px; - margin-left: -4px; + margin-left: -2px; } .sidebar-1tnWFu [class^='scroller']:hover .children-1MGS9G { - margin-right: -6px; + margin-right: -4px; } .sidebar-1tnWFu .iconItem-1EjiK0[aria-label*="Invite"], .sidebar-1tnWFu .iconItem-1EjiK0[aria-label="Edit Channel"] { @@ -674,11 +625,12 @@ .sidebar-1tnWFu .containerDefault-YUSmu3.selected-2TbFuo .channelInfo-3jN1ay { display: block; } -/* Voice Channel Text Chat */ -.sidebar-1tnWFu .modeConnected-NrO4cP .iconItem-1EjiK0.openChatIconItem-2kj5qO { +/* Voice Channel Open Text Chat Icon */ +.sidebar-1tnWFu .wrapper-NhbLHG.modeConnected-NrO4cP .iconItem-1EjiK0.openChatIconItem-2kj5qO, +.sidebar-1tnWFu .wrapper-NhbLHG.modeSelected-3DmyhH .iconItem-1EjiK0.openChatIconItem-2kj5qO { display: flex; } -/* ShowHiddenChannels Lock Channel Icon Fix */ +/* ShowHiddenChannels Locked Channel Icon Fix */ .sidebar-1tnWFu .iconItem-1EjiK0 .actionIcon-2sw4Sl[name="LockClosed"] { display: block; color: var(--channels-default); @@ -687,13 +639,19 @@ color: var(--interactive-hover); } -/* Voice Channel: Limited/Max Users */ +/* Channels: Right Side Info */ .sidebar-1tnWFu .channelInfo-3jN1ay { margin-left: 0px; + margin-right: 4px; +} +.sidebar-1tnWFu .wrapper-NhbLHG.modeSelected-3DmyhH .channelInfo-3jN1ay .text-xs-semibold-3E_l31 { + color: #CCCCCC !important; } +/* Voice Channel: Limited/Max Users */ .sidebar-1tnWFu .channelInfo-3jN1ay .wrapper-2fEmwW { color: #A5A5A5; border-radius: 5px 0px 0px 5px; + margin-right: -4px; } .sidebar-1tnWFu .channelInfo-3jN1ay .wrapper-2fEmwW .total-1c5KCN { background-color: #111111; @@ -711,6 +669,17 @@ .sidebar-1tnWFu .channelInfo-3jN1ay .wrapper-2fEmwW .users-2JoyGL.video-2tgU9I { width: 46px; } +/* Text Channel: Forum New Posts Counter */ +.sidebar-1tnWFu .wrapper-NhbLHG .channelInfo-3jN1ay .newPostCount-3SXe5K { + background-color: #262626; + color: #CCCCCC; + border-radius: 4px 0px 0px 4px; + height: 18px; +} +.sidebar-1tnWFu .wrapper-NhbLHG.modeMuted-2T4MDZ .channelInfo-3jN1ay .newPostCount-3SXe5K { + background-color: #212121; + color: #A5A5A5; +} /* Voice Channel: User Mute/Deafen, Camera & Live Icons */ .sidebar-1tnWFu .icons-2mwuFp .icon-N9JZb6 { @@ -723,7 +692,7 @@ margin-right: 5px; } .sidebar-1tnWFu [class^='scroller']:hover .icons-2mwuFp { - margin-right: -1px; + margin-right: 1px; } .sidebar-1tnWFu .iconSpacing-3rBbgf .icon-N9JZb6 { margin-left: -4px; @@ -756,6 +725,11 @@ margin-right: 0px; } +/* Muted Channel Icon */ +.sidebar-1tnWFu .wrapper-NhbLHG.modeMuted-2T4MDZ .icon-2W8DHg { + color: #404349; +} + /* Selected/Hovered Channel Background */ .sidebar-1tnWFu .wrapper-NhbLHG .content-1gYQeQ { border-radius: 0px; @@ -765,7 +739,7 @@ .sidebar-1tnWFu .wrapper-NhbLHG.modeSelected-3DmyhH .content-1gYQeQ, .sidebar-1tnWFu .wrapper-NhbLHG:active .content-1gYQeQ, .sidebar-1tnWFu .wrapper-NhbLHG:hover .content-1gYQeQ { - background-color: #1C1C1C; + background: var(--bg-overlay-2, #1C1C1C); } /* Selected Channel Hover */ .sidebar-1tnWFu .wrapper-NhbLHG.modeSelected-3DmyhH:hover .content-1gYQeQ { @@ -798,7 +772,7 @@ /* Unread Channel Background */ .sidebar-1tnWFu .wrapper-NhbLHG .unread-36eUEm+.content-1gYQeQ { - background-color: #181818; + background: var(--bg-overlay-3, #181818); } /* Unread Channel Hover Background */ .sidebar-1tnWFu .wrapper-NhbLHG .unread-36eUEm+.content-1gYQeQ:hover { @@ -892,17 +866,23 @@ } /* Voice Channel: Collapsed Avatars Padding Fix */ .sidebar-1tnWFu .list-2x9Cl9.collapsed-1oYzUu { - padding: 0px 0px 0px 28px; + padding: 0px 0px 0px 32px; height: 30px; } -/* Voice Channel: User Hover */ -.sidebar-1tnWFu .list-2x9Cl9.collapsed-1oYzUu:hover, -.sidebar-1tnWFu .list-2x9Cl9 .clickable-1ctZ-H.selected-1oxcpH .content-1Tgc42, -.sidebar-1tnWFu .list-2x9Cl9 .clickable-1ctZ-H:hover .content-1Tgc42, -.sidebar-1tnWFu .list-2x9Cl9 .clickable-1ctZ-H:active .content-1Tgc42, -.sidebar-1tnWFu .list-2x9Cl9 .collapsed-3x0tkj:hover { - background-color: #1C1C1C; - border-radius: 0px; + +/* Voice Channel: User Speaking */ +.sidebar-1tnWFu .list-2x9Cl9:not(.listCollapse-2kZTz1) .voiceUser-3nRK-K .avatarSpeaking-2pCGrZ:before { + content: ""; + background: linear-gradient(to right, #43B58140 18%, transparent 22%); + position: absolute; + height: 24px; + left: 0px; + width: 196px; + z-index: -1; +} +.sidebar-1tnWFu .list-2x9Cl9 .voiceUser-3nRK-K .avatarSpeaking-2pCGrZ, +.sidebar-1tnWFu .list-2x9Cl9 .voiceUser-3nRK-K .collapsed-1oYzUu .avatarSpeaking-2pCGrZ { + box-shadow: inset 0 0 0 1.5px var(--status-positive-background),inset 0 0 0 2px var(--background-primary); } /* Voice Channel: Stage Channel */ @@ -935,39 +915,6 @@ border-radius: 0px; } -/* Voice Channel: User Speaking */ -.sidebar-1tnWFu .list-2x9Cl9:not(.listCollapse-2kZTz1) .voiceUser-3nRK-K .avatarSpeaking-2pCGrZ:before { - content: ""; - background: linear-gradient(to right, #43B58140 6%, transparent 19%); - position: absolute; - height: 24px; - left: 0px; - width: 196px; -} -.sidebar-1tnWFu .list-2x9Cl9 .voiceUser-3nRK-K .avatarSpeaking-2pCGrZ, -.sidebar-1tnWFu .list-2x9Cl9 .voiceUser-3nRK-K .collapsed-1oYzUu .avatarSpeaking-2pCGrZ { - box-shadow: inset 0 0 0 1.5px var(--status-positive-background),inset 0 0 0 2px var(--background-primary); -} -.sidebar-1tnWFu .list-2x9Cl9 .voiceUser-3nRK-K .collapsed-1oYzUu .avatarSpeaking-2pCGrZ:before { - background: none; -} -/* Voice Channel: User Speaking: SatusEverywhere Fix */ -.sidebar-1tnWFu .list-2x9Cl9:not(.listCollapse-2kZTz1) .voiceUser-3nRK-K .StatusEverywhere-avatar-speaking:before { - content: ""; - background: linear-gradient(to right, var(--status-color) 19%, transparent 19%); - opacity: 0.2; - position: absolute; - height: 24px; - left: -28px; - width: 196px; -} -.sidebar-1tnWFu .list-2x9Cl9 .voiceUser-3nRK-K .StatusEverywhere-avatar-speaking foreignObject { - border: 1px solid var(--status-color) !important; -} -.sidebar-1tnWFu .list-2x9Cl9 .voiceUser-3nRK-K [style="--status-color:#3BA55D;"] .StatusEverywhere-avatar-speaking { - --status-color: hsl(153, calc(var(--saturation-factor, 1) * 47.3%), 47.3%) !important; -} - /* Voice Channel Category: Closed */ .sidebar-1tnWFu .voiceUserSummary-huJ8Md { padding-left: 4px; @@ -980,7 +927,7 @@ width: calc(var(--Channel-List-Width) - 8px); } .sidebar-1tnWFu .container-1jha_j .moreUsers-_v6T-L, -.tooltip-14MtrL .container-1jha_j .moreUsers-_v6T-L{ +.tooltip-14MtrL .container-1jha_j .moreUsers-_v6T-L { background-color: #212121; padding: 0 4px; } @@ -1004,6 +951,7 @@ height: 26px; min-height: 26px; } + /* Home Page */ .sidebar-1tnWFu .wrapper-NhbLHG .content-1gYQeQ [data-list-item-id^="channels___home-tab"] .icon-2W8DHg { color: #CCCCCC; @@ -1012,6 +960,10 @@ .sidebar-1tnWFu .wrapper-NhbLHG .content-1gYQeQ [data-list-item-id^="channels___home-tab"] .name-28HaxV { color: #CCCCCC; } +.sidebar-1tnWFu .wrapper-NhbLHG.modeSelected-3DmyhH .content-1gYQeQ [data-list-item-id^="channels___home-tab"] .icon-2W8DHg, +.sidebar-1tnWFu .wrapper-NhbLHG.modeSelected-3DmyhH .content-1gYQeQ [data-list-item-id^="channels___home-tab"] .name-28HaxV { + color: #FFFFFF; +} /* Upcoming Events */ .sidebar-1tnWFu .wrapper-NhbLHG .content-1gYQeQ [data-list-item-id^="channels___upcoming-events"] { display: var(--Channel-List-Upcoming-Events); @@ -1038,16 +990,14 @@ } .sidebar-1tnWFu .wrapper-NhbLHG .unread-36eUEm+.content-1gYQeQ [data-list-item-id^="channels___upcoming-events"] .numberBadge-3uSQY0 { background-color: transparent; -} -.sidebar-1tnWFu .wrapper-NhbLHG .unread-36eUEm+.content-1gYQeQ [data-list-item-id^="channels___upcoming-events"] .numberBadge-3uSQY0 { margin-right: 4px; } .sidebar-1tnWFu [class^='scroller']:hover .wrapper-NhbLHG .unread-36eUEm+.content-1gYQeQ [data-list-item-id^="channels___upcoming-events"] .numberBadge-3uSQY0 { - margin-right: -2px; + margin-right: 0px; } /* Unread Channel Notice */ -.sidebar-1tnWFu .wrapper-NhbLHG .content-1gYQeQ [data-list-item-id*="channels___upcoming-events"] .unread-36eUEm { +.sidebar-1tnWFu .wrapper-NhbLHG .content-1gYQeQ [data-list-item-id^="channels___upcoming-events"] .unread-36eUEm { height: 4px; } @@ -1071,13 +1021,19 @@ color: var(--interactive-active); } +/* New Notice */ +.sidebar-1tnWFu .wrapper-NhbLHG .content-1gYQeQ .newChannel-3q3LPr { + background-color: var(--status-danger-background) !important; + color: #FFFFFF; +} + /* Text Channels First Letter Uppercase */ .standardSidebarView-E9Pc3j .contentColumn-1C7as6 .title-3DKv5a::first-letter, +.root-1CAIjD .override-1sK4r0 .channelName-IPB6B3::first-letter, +.root-1CAIjD .wrapper-38NYkc .title-3DKv5a::first-letter, .sidebar-1tnWFu .mainContent-20q_Hp .name-28HaxV::first-letter, -.root-g14mjS .override-1sK4r0 .channelName-IPB6B3::first-letter, -.root-g14mjS .wrapper-38NYkc .title-3DKv5a::first-letter, -.title-31SJ6t .children-3xh0VB > h3, -.layer-2aCOJ3 .channelHeader-DFRX8q .channelName-3APnhp { +.title-31SJ6t .titleWrapper-24Kyzc > h1, +.layer-2BGhQ8 .channelHeader-DFRX8q .channelName-3APnhp { text-transform: var(--Text-Channels-Capital-Letter); } @@ -1096,6 +1052,10 @@ .sidebar-1tnWFu .channelNotice-3DDmsB .message-39hdqk { width: calc(var(--User-List-Width) - 20px); } +/* Server Levels & Perks, Study Groups Notice Box */ +.sidebar-1tnWFu .channelNotice-Bfew9I { + box-shadow: none; +} /* Server Banner Boost Advertisement */ .sidebar-1tnWFu .channelNotice-VytWmy { box-shadow: none; @@ -1159,15 +1119,15 @@ border-color: #777777; } .theme-dark .streamPreview-I7itZ6 .watchButton-2YRKxv, -.streamPreviewWrapper-1O-B1g.mounted-2Bz7hj .lookFilled-yCfaCM.colorPrimary-2AuQVo, -.streamPreviewWrapper-1O-B1g.mounted-2Bz7hj .lookFilled-yCfaCM.colorPrimary-2AuQVo:disabled, +.streamPreviewWrapper-1O-B1g.mounted-2Bz7hj .lookFilled-1H2Jvj.colorPrimary-2-Lusz, +.streamPreviewWrapper-1O-B1g.mounted-2Bz7hj .lookFilled-1H2Jvj.colorPrimary-2-Lusz:disabled, .streamPreviewWrapper-1O-B1g.mounted-2Bz7hj .lookFilled-yCfaCM.colorGrey-2iAG-B, .streamPreviewWrapper-1O-B1g.mounted-2Bz7hj .lookFilled-yCfaCM.colorGrey-2iAG-B:disabled { background-color: var(--bd-blue) !important; border-color: var(--bd-blue) !important; } .theme-dark .streamPreview-I7itZ6 .watchButton-2YRKxv:hover, -.streamPreviewWrapper-1O-B1g.mounted-2Bz7hj .lookFilled-yCfaCM.colorPrimary-2AuQVo:hover, +.streamPreviewWrapper-1O-B1g.mounted-2Bz7hj .lookFilled-1H2Jvj.colorPrimary-2-Lusz:hover, .streamPreviewWrapper-1O-B1g.mounted-2Bz7hj .lookFilled-yCfaCM.colorGrey-2iAG-B:hover { background-color: var(--bd-blue-hover) !important; border-color: var(--bd-blue-hover) !important; @@ -1208,6 +1168,23 @@ border-radius: 8px 8px 0px 0px; } +/* Show All Voice Channels */ +.voiceChannelsButton-SRmgo8 { + border: none; + border-radius: 0px; + margin: 6px 0px 0px 0px; +} +.sidebar-1tnWFu [class^='scroller']:hover .voiceChannelsButton-SRmgo8 { + margin-right: -4px; +} + +/* Suggested Channels Dismiss Button */ +.sidebar-1tnWFu [class^='scroller']:hover .dismissWrapper-jq1mzB { + margin-right: -4px; +} +.sidebar-1tnWFu [class^='scroller'] .dismissWrapper-jq1mzB:hover { + color: #FFFFFF; +} /* Stream Failed To Start */ .root-25RxKh { background-color: #161616; @@ -1223,36 +1200,74 @@ /******************************************** Forum Page *********************************************/ /* Forum Page */ +.theme-dark .container-3wLKDe .list-3FIpnh>div:first-child { + padding-left: 14px; + padding-right: 8px; +} .theme-dark .container-3wLKDe { background-color: #111111; } -.theme-dark .container-3wLKDe .sort-37NWdz { - color: #FFFFFF; -} -.theme-dark .container-3wLKDe .sortContainer-33Xf0u { - color: #FFFFFF; - padding-top: 14px; -} -.theme-dark .container-3wLKDe .headerCard-3d3vDv { - margin-top: 4px; +.theme-dark .container-3wLKDe .sort-37NWdz, +.theme-dark .container-3wLKDe .sortContainer-33Xf0u, +.theme-dark .container-3wLKDe .postTitleText-2ARr84 { + color: #FFFFFF !important; } .theme-dark .container-3wLKDe .sidebarCard-1Gn1ch, .theme-dark .container-3wLKDe .container-2IhveL, -.theme-dark .container-3wLKDe .mainCard-3KBsBI, -.theme-dark .container-3wLKDe .header-1Uy0p6 .input-2g-os5 { - background-color: #161616; +.theme-dark .container-3wLKDe .mainCard-3KBsBI { + background-color: #181818; border: none; } -.theme-dark .container-3wLKDe .channelTextAreaInner-2_mflx { +.theme-dark .container-3wLKDe .mainCard-3KBsBI:hover, +.theme-dark .container-2qVG6q.isOpen-2OXbFs.mainCard-3KBsBI { + background-color: #202020; +} +/* Forum Page: Gallery View */ +.theme-dark .container-3wLKDe .mainCard-3KBsBI .title-2qfNnd { + color: #FFFFFF !important; +} +.theme-dark .container-3wLKDe .postBody-3epUoa .contentPreview-3fWiuC { + background-color: var(--primary-dark-600-rgb); + border: none; +} +.theme-dark .container-3wLKDe .postBody-3epUoa .contentPreview-3fWiuC .textContentRead-299RoJ { + color: #CCCCCC; +} +.theme-dark .container-3wLKDe .newBadge-3reGJW { + background-color: var(--status-danger-background) !important; + color: #FFFFFF; +} +/* Sidebar */ +.theme-dark .container-3wLKDe .sidebarContainer-1kWKqZ { + margin-top: 16px; + padding-right: 12px; + padding-left: 8px; +} +/* Searchbar */ +.theme-dark .container-3wLKDe .header-1Uy0p6, +.theme-dark .container-3wLKDe .header-1Uy0p6 .input-3O04eu { background-color: #181818; + transition: 100ms; } -.theme-dark .container-3wLKDe .mainCard-3KBsBI .channelName-1On3TJ, -.theme-dark .container-3wLKDe .newPostsButton-UaBhcU .text-md-normal-304U3g { +.theme-dark .container-3wLKDe .header-1Uy0p6:hover .input-3O04eu { + background-color: #202020; +} +.theme-dark .container-3wLKDe .container-JhuCwn.collapsed-23aTv6 { + padding: 0px 0px 0px 8px; +} +.theme-dark .container-3wLKDe .container-JhuCwn.collapsed-23aTv6 .form-25Aujy .submitButton-3B-dZd { + border-radius: 0px 6px 6px 0px; +} +.theme-dark .container-3wLKDe .container-JhuCwn .scrollableContainer-15eg7h { + background-color: transparent; +} +.theme-dark .container-3wLKDe .mainCard-3KBsBI .headerText-3MQ6n4 { color: #FFFFFF !important; } -.theme-dark .container-3wLKDe .mainCard-3KBsBI .text-sm-medium-3Pz3rB, .theme-dark .container-3wLKDe .mainCard-3KBsBI .author-22H8ZU.read-3VH47h, -.theme-dark .container-3wLKDe .mainCard-3KBsBI .bullet-3kDmK0 { +.theme-dark .container-3wLKDe .mainCard-3KBsBI .messageContent-1SOr75, +.theme-dark .container-3wLKDe .mainCard-3KBsBI .bullet-3kDmK0, +.layer-2BGhQ8 .channel-3NJZ1V .forumPost-3i1mpe .bullet-3kDmK0 { color: #A5A5A5 !important; opacity: 1; } @@ -1260,29 +1275,63 @@ background-color: var(--bd-blue); border: none; } -/* Sidebar Tag */ -.theme-dark .container-3wLKDe .pill-3pRQlO { - background-color: #202020; +.theme-dark .container-3wLKDe .newPostsButton-UaBhcU .text-md-medium-2avxhQ { + color: #FFFFFF !important; +} +/* Post Emoji Fix */ +.container-3wLKDe .markup-eYLPri .emoji { + height: 18px; + width: 18px; +} +/* Tags */ +.container-3wLKDe .tagsContainer-2bBw1x { + padding-top: 18px; + padding-bottom: 0px; +} +.container-3wLKDe .mainCard-3KBsBI .pill-3pRQlO, +.container-3wLKDe .sortDropdown-hY93nR, +.container-3wLKDe .tag-19iIl1, +.container-3wLKDe .tagsButton-4pwOKH { border-radius: 8px; } -.theme-dark .container-3wLKDe .pill-3pRQlO:hover { - background-color: #212121; +.container-3wLKDe .sortDropdown-hY93nR:hover, +.container-3wLKDe .tag-19iIl1:hover, +.container-3wLKDe .tagsButton-4pwOKH:hover { + background-color: #202020 !important; +} +.container-3wLKDe .mainCard-3KBsBI .pill-3pRQlO { + background-color: #202020; +} +.container-2qVG6q.isOpen-2OXbFs.mainCard-3KBsBI .pill-3pRQlO, +.container-2qVG6q.isOpen-2OXbFs.mainCard-3KBsBI:hover .pill-3pRQlO { + background-color: #191919; +} +.container-3wLKDe .mainCard-3KBsBI:hover .pill-3pRQlO { + background-color: #262626; +} +.container-3wLKDe .mainCard-3KBsBI .author-2wrU40 a{ + color: #CCCCCC; +} +.container-3wLKDe .pill-3pRQlO .emoji-Z6vF9e { + width: 20px; + height: 20px; } /* New Event Badge */ -.theme-dark .container-3wLKDe .mainCard-3KBsBI .newBadge-1LcB6t { +.theme-dark .container-3wLKDe .mainCard-3KBsBI .newBadge-1LcB6t, +.layer-2BGhQ8 .channel-3NJZ1V .forumPost-3i1mpe .newBadge-1LcB6t { background-color: var(--status-danger-background) !important; -} -.theme-dark .container-3wLKDe .mainCard-3KBsBI .newBadge-1LcB6t .newBadgeText-1y7fMO { color: #FFFFFF; } /* Forum Posts In Inbox */ -.layer-2aCOJ3 .channel-3NJZ1V .forumPost-3i1mpe { +.layer-2BGhQ8 .channel-3NJZ1V .forumPost-3i1mpe { background-color: #141414; border: none; border-radius: 0px 8px 8px 0px; margin: 6px 0 6px 0; } - +.layer-2BGhQ8 .channel-3NJZ1V .messageContent-1SOr75 .emoji { + vertical-align: top; +} /* In Post Reaction Bar */ .container-3XgAHv .container-3YcgdM { background-color: #131313; @@ -1317,23 +1366,95 @@ color: var(--bd-blue); } +/* Forum "Sort & View" Popup */ +.container-2d0jMv { + background-color: #202020; + padding: 0px; +} + +/*********************************** Server Browse Channels Page **************************************/ + +/* Backgrounds */ +.chat-2ZfjoI .emptyPage-2TGR7j, +.chat-2ZfjoI .container-1um7CU, +.chat-2ZfjoI .scrollerContainer-y16Rs9 { + background-color: #141414; +} + +/* Top Header Tab Buttons */ +.chat-2ZfjoI .tabBar-1_P75h { + margin: 16px 32px 0; +} +.chat-2ZfjoI .tabBar-1_P75h .tabBarItem-onx_ng { + padding-bottom: 8px; +} + +/* Browse Channels */ +.chat-2ZfjoI .scrollerContainer-y16Rs9 .profileCard-2gVmvm, +.chat-2ZfjoI .container-1um7CU .channelRow-4X_3fi { + background-color: #191919; +} +.chat-2ZfjoI .container-1um7CU .channelRow-4X_3fi:hover { + background-color: #202020; +} + +/* Customise */ +.chat-2ZfjoI .prompt-1sE27N { + background-color: transparent; + border: 0px; + padding: 8px 0px; + gap: 12px; +} +.chat-2ZfjoI .prompt-1sE27N .optionButtonWrapper-2lbogO { + background-color: #191919; + border-radius: 3px; + border: 1px solid #191919; +} +.chat-2ZfjoI .prompt-1sE27N .optionButtonWrapper-2lbogO:hover { + background-color: #202020; +} + +.chat-2ZfjoI .scrollerContainer-y16Rs9 .text-xs-medium-2LRpEj, +.chat-2ZfjoI .scrollerContainer-y16Rs9 .text-xs-normal-3O7EaX { + color: #A5A5A5 !important; +} + /***************************************** Server Home Page *******************************************/ /* Hightlights */ -.homeContainer-r4Hvv1 .interactiveCard-2iMtdk { +.homeContainer-r4Hvv1 .interactiveCard-2iMtdk, +.homeContainer-r4Hvv1 .interactiveCard-2iMtdk .wrapper-15CKyy { background-color: #161616; border-color: #161616; } +.homeContainer-r4Hvv1 .interactiveCard-2iMtdk:hover { + background-color: #191919; +} .homeContainer-r4Hvv1 .interactiveCard-2iMtdk .feedItemHeader-txJq98 { border: none } +.homeContainer-r4Hvv1 .interactiveCard-2iMtdk .messageItemBody-2EpHAK { + margin-top: 0px; +} -/* Right Sidebar*/ +/* Right Sidebar */ .homeContainer-r4Hvv1 .container-2Hi7Km, .homeContainer-r4Hvv1 .container-xwOzwi, .homeContainer-r4Hvv1 .container-3rZ3XA { background-color: #161616; } +.homeContainer-r4Hvv1 .container-xwOzwi .container-3HMTms:hover, +.homeContainer-r4Hvv1 .container-3rZ3XA .container-3HMTms:hover{ + background-color: #1C1C1C; +} +.homeContainer-r4Hvv1 .container-3HMTms .previewContainer-3BJM_S { + background-color: #111111; + height: 100%; + margin: 0px; +} +.homeContainer-r4Hvv1 .container-3HMTms .iconContainer-2R-3M1 { + background-color: #1C1C1C; +} /*************************************** Direct Messages List ****************************************/ @@ -1358,13 +1479,21 @@ .privateChannels-oVe7HL .channel-1Shao0 [href="/store"] { display: var(--Home-Store-Button); } +/* DM Buttons: Discord Snowsgiving */ +.privateChannels-oVe7HL .snowsgivingLink-1TZi3c { + color: #FFFFFF; + display: var(--Home-Store-Button); +} +.privateChannels-oVe7HL .snowsgivingIcon-3d0pr1 path { + fill: #FFFFFF; +} /* DM List */ .privateChannels-oVe7HL [class^='scroller'] { background-color: #161616; margin: -8px 0px -8px -8px; } -.privateChannels-oVe7HL [class^='content'] { - margin: 0px -6px 0px 0px; +.privateChannels-oVe7HL [class^='scroller']:hover { + margin-right: -8px; } .privateChannels-oVe7HL .container-32HW5s { padding: 0px; @@ -1431,13 +1560,15 @@ .privateChannels-oVe7HL .interactive-iyXY_x:hover .muted-2El7St .subText-3Sk0zy { opacity: .8; } -.privateChannels-oVe7HL .channel-1Shao0 .interactive-iyXY_x .linkButtonIcon-7rsZcu { +.privateChannels-oVe7HL .channel-1Shao0 .interactive-iyXY_x .linkButtonIcon-7rsZcu, +.privateChannels-oVe7HL .channel-1Shao0 .interactive-iyXY_x [id="public-servers-button"] { color: #E5E5E5; } .privateChannels-oVe7HL .channel-1Shao0 .interactive-iyXY_x:hover .name-2m3Cms, .privateChannels-oVe7HL .channel-1Shao0 .interactiveSelected-29CP8y .name-2m3Cms, .privateChannels-oVe7HL .channel-1Shao0 .interactive-iyXY_x:hover .linkButtonIcon-7rsZcu, -.privateChannels-oVe7HL .channel-1Shao0 .interactiveSelected-29CP8y .linkButtonIcon-7rsZcu { +.privateChannels-oVe7HL .channel-1Shao0 .interactiveSelected-29CP8y .linkButtonIcon-7rsZcu, +.privateChannels-oVe7HL .channel-1Shao0 .interactive-iyXY_x:hover [id="public-servers-button"] { color: #FFFFFF; } /* Red Badge */ @@ -1456,19 +1587,19 @@ padding: 0px 2px; } .privateChannels-oVe7HL .searchBar-3TnChZ .searchBarComponent-3N7dCG { - background-color: #141414; + background: var(--bg-overlay-3,#141414); border: none; font-size: 13px; text-align: center; } .privateChannels-oVe7HL .searchBar-3TnChZ .searchBarComponent-3N7dCG:hover { - background-color: #161616; + background: var(--bg-overlay-3,#161616); } /* DM's Search Box Modal */ -.quickswitcher-pKcM9U, -.quickswitcher-pKcM9U .scroller-2qwVWY { - background-color: #141414; +.quickswitcher-pKcM9U { + background-color: #161616; box-shadow: none; + padding: 18px 18px 0; } .quickswitcher-pKcM9U .input-3r5zZY, .quickswitcher-pKcM9U .result-u66Ywh[aria-selected=true], @@ -1497,97 +1628,102 @@ /************************************ Channel List: Stage Channel ************************************/ /* Stage Channel: Open The Stage Modal */ -.root-g14mjS .stageIconBackground-22nTnK, -.root-g14mjS .bulletsContainer-3omDLR { +.root-1CAIjD .stageIconBackground-22nTnK, +.root-1CAIjD .bulletsContainer-3omDLR { background-color: #191919; } -.root-g14mjS .privacyContainer-3XlHxK, -.root-g14mjS .bulletsContainer-3omDLR .clickable-2ebqgo:hover { +.root-1CAIjD .privacyContainer-3XlHxK, +.root-1CAIjD .bulletsContainer-3omDLR .clickable-2ebqgo:hover { background-color: #141414; } -.root-g14mjS .privacyItemContainer-1eZeFa:hover:not(.privacyItemDisabled-1IZFlB) { +.root-1CAIjD .privacyItemContainer-1eZeFa:hover:not(.privacyItemDisabled-1IZFlB) { background-color: #111111; } /* Create Event Modal */ -.root-g14mjS .iconBackground-3gHYPJ, -.root-g14mjS .card-8UsK4b, -.root-g14mjS .card-8UsK4b.previewCard-E137i2, -.root-g14mjS .content-GYGe57 .circle-2tR2Qh { +.root-1CAIjD .iconBackground-3gHYPJ, +.root-1CAIjD .card-8UsK4b, +.root-1CAIjD .card-8UsK4b.previewCard-E137i2, +.root-1CAIjD .content-GYGe57 .circle-2tR2Qh { background-color: #191919; border: none; } -.root-g14mjS .content-Lj791F .colorBrand-21Le_q { +.root-1CAIjD .content-Lj791F .colorBrand-21Le_q { color: var(--bd-blue); } -.root-g14mjS .content-Lj791F .selectedProgressBar-11z5d9 { +.root-1CAIjD .content-Lj791F .selectedProgressBar-11z5d9 { background-color: var(--bd-blue); } /* Event Info Modal */ -.root-g14mjS .container-3EBHNg { +.root-1CAIjD .container-3EBHNg { background-color: #161616; border-bottom: none; border-radius: 4px 4px 0px 0px; } -.root-g14mjS .container-3EBHNg .tabBar-3lflCo { +.root-1CAIjD .container-3EBHNg .tabBar-3lflCo { padding-top: 0px; margin-bottom: 0px; } -.root-g14mjS .container-3EBHNg .tabBarItem-2aZfB8 { +.root-1CAIjD .container-3EBHNg .tabBarItem-2aZfB8 { padding: 4px 4px 12px 4px; margin-right: 24px; } -.root-g14mjS .container-3eB5yh .contentContainer-BWAau5 { +.root-1CAIjD .container-3eB5yh .contentContainer-BWAau5 { background-color: #212121; border-radius: 0px; - overflow: hidden !important; } -.root-g14mjS .container-3eB5yh .contentContainer-BWAau5 .header-18H69z { +.root-1CAIjD .container-3eB5yh .contentContainer-BWAau5 .header-18H69z { background-color: #1E1E1E; + padding: 12px 8px 0px 16px; } -.root-g14mjS .container-3eB5yh .contentContainer-BWAau5 .header-18H69z .description-1M399T, .title-3cx1KA { +.root-1CAIjD .container-3eB5yh .contentContainer-BWAau5 .header-18H69z .description-1M399T, .title-3cx1KA { margin-top: 6px; padding-bottom: 10px; } -.root-g14mjS .container-3eB5yh .contentContainer-BWAau5 .listRow-3v94Wr { +.root-1CAIjD .container-3eB5yh .contentContainer-BWAau5 .listRow-3v94Wr { padding: 6px; } -.root-g14mjS .container-3eB5yh .contentContainer-BWAau5 .interactiveRow-ALfmDn:hover, -.root-g14mjS .container-3eB5yh .contentContainer-BWAau5 .interactiveRow-ALfmDn.selected-2aBVty { +.root-1CAIjD .container-3eB5yh .contentContainer-BWAau5 .interactiveRow-ALfmDn:hover, +.root-1CAIjD .container-3eB5yh .contentContainer-BWAau5 .interactiveRow-ALfmDn.selected-2aBVty { background-color: #1C1C1C; } -.root-g14mjS .container-3eB5yh .contentContainer-BWAau5 .circle-1g-jMn { +.root-1CAIjD .container-3eB5yh .contentContainer-BWAau5 .circle-1g-jMn { background-color: #161616; } -.root-g14mjS .container-3eB5yh .contentContainer-BWAau5 .icon-LRivaf, -.root-g14mjS .container-3eB5yh .contentContainer-BWAau5 .channelIcon-2HfGFe, -.root-g14mjS .container-3eB5yh .contentContainer-BWAau5 .colorHeaderSecondary-g5teka { +.root-1CAIjD .container-3eB5yh .contentContainer-BWAau5 .icon-LRivaf, +.root-1CAIjD .container-3eB5yh .contentContainer-BWAau5 .channelIcon-2HfGFe, +.root-1CAIjD .container-3eB5yh .contentContainer-BWAau5 .colorHeaderSecondary-g5teka { color: #E5E5E5; } -.root-g14mjS .container-3eB5yh .contentContainer-BWAau5 .eventStatusContainer-3K6TiP .colorHeaderSecondary-g5teka { +.root-1CAIjD .container-3eB5yh .contentContainer-BWAau5 .eventStatusContainer-3K6TiP .colorHeaderSecondary-g5teka { color: #FFFFFF; } /* Interested Users */ -.root-g14mjS .card-8UsK4b .rsvpCount-iCkObl { +.root-1CAIjD .card-8UsK4b .rsvpCount-iCkObl { background-color: var(--bd-blue); } -.root-g14mjS .card-8UsK4b .rsvpCount-iCkObl .rsvpIcon-1R5Esx, -.root-g14mjS .card-8UsK4b .rsvpCount-iCkObl .colorHeaderSecondary-g5teka, -.root-g14mjS .card-8UsK4b .rsvpCount-iCkObl .text-sm-normal-3Zj3Iv { +.root-1CAIjD .card-8UsK4b .rsvpCount-iCkObl .rsvpIcon-1R5Esx, +.root-1CAIjD .card-8UsK4b .rsvpCount-iCkObl .colorHeaderSecondary-g5teka, +.root-1CAIjD .card-8UsK4b .rsvpCount-iCkObl .text-sm-normal-AEQz4v { color: #FFFFFF !important; } /* Event */ -.root-g14mjS .card-8UsK4b .eventStatusGreen-2-f2N8 { +.root-1CAIjD .card-8UsK4b .eventStatusGreen-2-f2N8 { color: var(--text-positive); } /* New Event Badge */ -.root-g14mjS .card-8UsK4b .newBadge-3QiMZJ { +.root-1CAIjD .card-8UsK4b .newBadge-3QiMZJ { background-color: var(--status-danger-background) !important; } -.root-g14mjS .card-8UsK4b .newBadge-3QiMZJ .newBadgeText-2Yqi08 { +.root-1CAIjD .card-8UsK4b .newBadge-3QiMZJ .newBadgeText-2Yqi08 { color: #FFFFFF; } +/* Event Description Emoji Size Fix */ +.root-1CAIjD .card-8UsK4b .markup-eYLPri .emoji { + height: 18px; + width: 18px; +} /* Selected Channel: Start The Stage */ .root-22AK9z .iconBackground-3qSXiM, @@ -1631,11 +1767,11 @@ background-color: #1B1B1B; border: 5px solid #0C0C0C; } -.container-cH6QoY .content-2a4AW9 .container-2t1JyW { +.container-cH6QoY .content-yjf30S.container-2t1JyW { padding-top: 64px; padding-bottom: 16px; } -.container-cH6QoY .content-2a4AW9 .roleContainer-WStCpt { +.container-cH6QoY .content-yjf30S.roleContainer-WStCpt { padding-top: 16px; } .container-cH6QoY .videoControls-353CsJ { @@ -1715,347 +1851,191 @@ } /* Account Switcher Modal */ -.root-g14mjS .accountCard-2lki2x+.separator-3pyJLj { +.root-1CAIjD .accountCard-2lki2x+.separator-3pyJLj { border-bottom: 1px solid #262626; margin-left: 0px; } -.root-g14mjS .accountCard-2lki2x .lookFilled-yCfaCM.colorPrimary-2AuQVo { +.root-1CAIjD .accountCard-2lki2x .lookFilled-1H2Jvj.colorPrimary-2-Lusz { background-color: var(--bd-blue); } -.root-g14mjS .accountCard-2lki2x .lookFilled-yCfaCM.colorPrimary-2AuQVo:hover { +.root-1CAIjD .accountCard-2lki2x .lookFilled-1H2Jvj.colorPrimary-2-Lusz:hover { background-color: var(--bd-blue-hover); } /********************************** Channel List Bottom Bar Popout ***********************************/ -/* New Status Picker User Popout */ -#account.menu-1QACrS { - width: var(--User-Status-Popout-Width); - border-radius: 0px 4px 0px 0px; - margin-bottom: -14px; - margin-left: 2px; -} -#account.menu-1QACrS .profileGroup-1yKk23 { - transform: translateZ(0); -} -/* Profile Header */ -#account.menu-1QACrS .headerTop-3GPUSF { - background-color: #1C1C1C; - padding: 50px 10px 8px 10px; -} -/* Avatar */ -#account.menu-1QACrS .avatarWrapper-eenWra { - margin-top: -6px; - left: 10px; -} -#account.menu-1QACrS .avatarWrapper-eenWra .avatar-2Vndt_ { - height: 90px !important; - width: 90px !important; - background-color: transparent; - border: 2px solid #1C1C1C; -} -#account.menu-1QACrS .avatarWrapper-eenWra .avatarHint-k7pYop { - height: 90px; - width: 90px; -} -#account.menu-1QACrS .avatarWrapper-eenWra .avatarHint-k7pYop .avatarHintInner-2HUAWj { - text-shadow: -1px 1px 2px #161616; +/* User Popout Fixes */ +.animatorTop-3DwSmU .accountProfilePopoutWrapper-3GskID { + margin-bottom: -13px; + margin-left: 30px; } -/* Profile Banner */ -#account.menu-1QACrS .popoutBanner-3cqRD9, -#account.menu-1QACrS .popoutBannerPremium-3i5EEI { +.animatorTop-3DwSmU .accountProfilePopoutWrapper-3GskID .userPopoutOuter-3AVBmJ, +.animatorTop-3DwSmU .accountProfilePopoutWrapper-3GskID .userPopoutOuter-3AVBmJ .bannerSVGWrapper-qc0szY foreignObject, +.animatorTop-3DwSmU .accountProfilePopoutWrapper-3GskID .userProfileInnerThemedNonPremium-1gT-zY .wrapper-3Un6-K::before, +.animatorTop-3DwSmU .accountProfilePopoutWrapper-3GskID .userProfileInnerThemedNonPremium-1gT-zY .wrapper-3Un6-K::after, +.animatorTop-3DwSmU .accountProfilePopoutWrapper-3GskID .userProfileInnerThemedPremiumWithoutBanner-1yMS1H .wrapper-3Un6-K::before, +.animatorTop-3DwSmU .accountProfilePopoutWrapper-3GskID .userProfileInnerThemedPremiumWithoutBanner-1yMS1H .wrapper-3Un6-K::after, +.animatorTop-3DwSmU .accountProfilePopoutWrapper-3GskID .userProfileInnerThemedWithBanner-2624Yx .wrapper-3Un6-K::before, +.animatorTop-3DwSmU .accountProfilePopoutWrapper-3GskID .userProfileInnerThemedWithBanner-2624Yx .wrapper-3Un6-K::after { width: var(--User-Status-Popout-Width); } -/* Edit Profile Button */ -#account.menu-1QACrS .banner-1YaD3N .pencilContainer-18TrEJ { - background-color: rgba(0,0,0,.2); - display: none; -} -#account.menu-1QACrS .banner-1YaD3N:hover .pencilContainer-18TrEJ { - display: flex; -} -/* Badges */ -#account.menu-1QACrS .profileBadges-2pItdR { - max-width: calc(var(--User-Status-Popout-Width) - 100px); - top: 6px; - right: 6px; -} -#account.menu-1QACrS .profileBadges-2pItdR .clickable-1knRMS { - margin: 0px 0px 0px 2px; -} -/* Username #ID */ -#account.menu-1QACrS .headerText-1-WmDq .discrimBase-1VOoau { - color: #A5A5A5; - vertical-align: baseline; - font-size: 14px; -} - -/* Bottom Body */ -#account.menu-1QACrS .profileBody-3QbfPe .bodyInnerWrapper-2bQs1k { - background-color: transparent; -} -#account.menu-1QACrS .profileBody-3QbfPe .userInfoSection-3her-v { - margin-bottom: 14px; -} -#account.menu-1QACrS .profileBody-3QbfPe .userInfoTitle-39qq0Y { - margin-bottom: 4px; -} -#account.menu-1QACrS .profileBody-3QbfPe .bodyTitle-2Az3VQ, -#account.menu-1QACrS .profileBody-3QbfPe .headerTextNormal-Z8we9g, -#account.menu-1QACrS .profileBody-3QbfPe .userInfoSection-3her-v .userInfoTitle-39qq0Y { - color: #E5E5E5 !important; - text-shadow: -1px 1px 2px #131313; -} -/* Custom Status */ -#account.menu-1QACrS .profileBody-3QbfPe .customStatus-3XAoF9 { - padding: 12px 4px 12px 0px; - margin-bottom: 0px; -} -#account.menu-1QACrS .profileBody-3QbfPe .customStatus-3XAoF9 .customStatusText-3wj79x { - text-shadow: -1px 1px 2px #131313; -} -#account.menu-1QACrS .profileBody-3QbfPe .customStatus-3XAoF9+.divider-1wtgZ3 { - width: calc(var(--User-Popout-Width) - 20px); - height: 0.5px; -} -#account.menu-1QACrS .profileBody-3QbfPe .divider-1wtgZ3 { - height: 0px; - margin-bottom: 8px; -} -/* Custom Status: Emoji & Text */ -#account.menu-1QACrS .customStatus-3XAoF9 .customStatusEmoji-1bFQdD { - width: 24px; - height: 24px; - margin-top: -4px; -} -/* Custom Status: Only Emoji */ -#account.menu-1QACrS .customStatus-3XAoF9 .customStatusEmoji-1bFQdD.customStatusSoloEmoji-2bSRlG { - width: 38px; - height: 38px; -} - -/* Activity: Name/Description Margin */ -#account.menu-1QACrS .activityUserPopout-2MzGCj .textRow-1sENuL { - text-shadow: -1px 1px 2px #131313; - font-size: 13px; - line-height: 14px; - white-space: normal; -} -#account.menu-1QACrS .activityUserPopout-2MzGCj .contentImagesUserPopout-Kqai8z { - margin-left: 8px; - margin-right: 2px; -} -#account.menu-1QACrS .activityUserPopout-2MzGCj .marginBottom8-emkd0_ { - margin-bottom: 6px; -} -/* Activity: Description Text */ -#account.menu-1QACrS .activityUserPopout-2MzGCj .nameWrap-3TyM52, -#account.menu-1QACrS .activityUserPopout-2MzGCj .nameNormal-2fPMD2, -#account.menu-1QACrS .activityUserPopout-2MzGCj .activityName-3YXl6e { - color: #FFFFFF; -} -#account.menu-1QACrS .activityUserPopout-2MzGCj .details-2-ciHo, -#account.menu-1QACrS .activityUserPopout-2MzGCj .detailsWrap-omKn0b, -#account.menu-1QACrS .activityUserPopout-2MzGCj .state-2NT76I, -#account.menu-1QACrS .activityUserPopout-2MzGCj .playTime-3fSgOm, -#account.menu-1QACrS .activityUserPopout-2MzGCj .timestamp-2f1NmH { - color: #CCCCCC; -} -/* Activity: Interaction Button */ -#account.menu-1QACrS .buttonsWrapper-2ARRp1 { - margin: 6px 0px -10px 0px; - width: calc(var(--User-Popout-Width) - 20px); -} -#account.menu-1QACrS .buttonsWrapper-2ARRp1 button { - max-height: 24px; - min-height: 24px; +.userPopoutOuter-3AVBmJ .menu-2TXYjN, +.userPopoutOuter-3AVBmJ .menu-2TXYjN .colorDefault-2_rLdz.focused-3LIdPu { + background-color: transparent !important; } -/* New Status Picker User Popout: Menu Buttons */ -#account.menu-1QACrS.menu-1QACrS .labelContainer-2vJzYL[id="account-status-picker"], -#account.menu-1QACrS.menu-1QACrS .labelContainer-2vJzYL[id="account-set-custom-status"], -#account.menu-1QACrS.menu-1QACrS .labelContainer-2vJzYL[id="account-edit-custom-status"], -#account.menu-1QACrS.menu-1QACrS .labelContainer-2vJzYL[id="account-switch-account"] { - padding: 8px 12px; - margin: -2px -8px; - border-radius: 0px; -} -#account.menu-1QACrS.menu-1QACrS .labelContainer-2vJzYL[id="account-switch-account"] { - margin: -2px -8px -6px -8px; +/* User Popout: Bottom Pickers */ +.userPopoutOuter-3AVBmJ .menu-2TXYjN .scroller-nxCRu_ { + padding: 0px !important; } -#account.menu-1QACrS.menu-1QACrS .separator-1So4YB { - margin: 2px; +.userPopoutOuter-3AVBmJ .menu-2TXYjN .scroller-nxCRu_ .item-5ApiZt.labelContainer-35-WEd { + padding-top: 4px; + padding-bottom: 4px; + margin-top: 2px; + margin-bottom: 2px; + min-height: 32px; } -#account.menu-1QACrS.menu-1QACrS .labelContainer-2vJzYL[id="account-style-your-profile"] { +.userPopoutOuter-3AVBmJ .menu-2TXYjN .scroller-nxCRu_ .item-5ApiZt.hideInteraction-1vQrZJ { display: none; } -#account.menu-1QACrS.menu-1QACrS .labelContainer-2vJzYL[id="account-set-custom-status"].focused-3qFvc8 .customEmojiPlaceholder-35gKOP { - filter: brightness(1.4); +.userPopoutOuter-3AVBmJ .menu-2TXYjN .scroller-nxCRu_ .item-5ApiZt.focused-3LIdPu .customEmojiPlaceholder-35gKOP { + filter: brightness(1.35); } -#account.menu-1QACrS.menu-1QACrS .labelContainer-2vJzYL[id="account-status-picker"].focused-3qFvc8 .mainStatusIcon-25wiNY { - filter: brightness(1.2); +.userPopoutOuter-3AVBmJ .menu-2TXYjN .scroller-nxCRu_ .item-5ApiZt .mainStatusIcon-2yyCJB { + width: 14px; + height: 14px; + margin-top: 2.5px; + margin-left: 2px; } /* New Status Picker User Popout: Account Switcher Sub Menu */ -#account.menu-1QACrS .submenuPaddingContainer-_k62dJ .submenu-1apzyU[aria-activedescendant^="account-switch-account"] { - background-color: #1C1C1C; +#account.menu-2TXYjN .submenuPaddingContainer-QgnL1r .submenu-3ycVEH[aria-activedescendant^="account-switch-account"] { + background-color: #1C1C1C !important; border-radius: 0px 4px 4px 4px; } -#account.menu-1QACrS .submenuPaddingContainer-_k62dJ .submenu-1apzyU[aria-activedescendant^="account-switch-account"] .item-1OdjEX { +#account.menu-2TXYjN .submenuPaddingContainer-QgnL1r .submenu-3ycVEH[aria-activedescendant^="account-switch-account"] .scroller-nxCRu_ { + padding: 4px 8px !important; + overflow: hidden !important; +} +#account.menu-2TXYjN .submenuPaddingContainer-QgnL1r .submenu-3ycVEH[aria-activedescendant^="account-switch-account"] .item-5ApiZt { padding-top: 4px; padding-bottom: 4px; margin-top: 2px; margin-bottom: 2px; } -#account.menu-1QACrS .submenuPaddingContainer-_k62dJ .submenu-1apzyU[aria-activedescendant^="account-switch-account"] .item-1OdjEX:hover { - background-color: #262626; +#account.menu-2TXYjN .submenuPaddingContainer-QgnL1r .submenu-3ycVEH[aria-activedescendant^="account-switch-account"] .item-5ApiZt:hover { + background-color: var(--bd-blue) !important; } -#account.menu-1QACrS .submenuPaddingContainer-_k62dJ .submenu-1apzyU[aria-activedescendant^="account-switch-account"] .activeIcon-1ykRnF[width="18"] path { - fill: var(--status-positive-background) !important; +#account.menu-2TXYjN .submenuPaddingContainer-QgnL1r .submenu-3ycVEH[aria-activedescendant^="account-switch-account"] .item-5ApiZt:not(:hover) .activeIcon-1ykRnF[width="18"] path { + fill: var(--status-positive-background); } -#account.menu-1QACrS .submenuPaddingContainer-_k62dJ .submenu-1apzyU[aria-activedescendant^="account-switch-account"] .activeIcon-1ykRnF[width="18"] circle { +#account.menu-2TXYjN .submenuPaddingContainer-QgnL1r .submenu-3ycVEH[aria-activedescendant^="account-switch-account"] .item-5ApiZt:not(:hover) .activeIcon-1ykRnF[width="18"] circle { fill: #FFFFFF; } /* Change Online Status Popout */ -#account.menu-1QACrS .submenuPaddingContainer-_k62dJ [aria-activedescendant^="account-status-picker"] { - background-color: #1C1C1C; +.userPopoutOuter-3AVBmJ .menu-2TXYjN .layer-2BGhQ8 { + margin-left: -8px; +} +#account.menu-2TXYjN .submenuPaddingContainer-QgnL1r [aria-activedescendant^="account-status-picker"] { + background-color: #1C1C1C !important; border-radius: 0px 4px 4px 4px; width: 190px; } -#account.menu-1QACrS .submenuPaddingContainer-_k62dJ [aria-activedescendant^="account-status-picker"] .scroller-1bVxF5 { +#account.menu-2TXYjN .submenuPaddingContainer-QgnL1r [aria-activedescendant^="account-status-picker"] .scroller-nxCRu_ { overflow: hidden !important; - padding: 0px; } -#account.menu-1QACrS .submenuPaddingContainer-_k62dJ [aria-activedescendant^="account-status-picker"] .item-1OdjEX { - padding-top: 2px; - padding-bottom: 2px; +#account.menu-2TXYjN .submenuPaddingContainer-QgnL1r [aria-activedescendant^="account-status-picker"] .item-5ApiZt { margin: 0px; } -#account.menu-1QACrS .submenuPaddingContainer-_k62dJ [aria-activedescendant^="account-status-picker"] .separator-1So4YB { +#account.menu-2TXYjN .submenuPaddingContainer-QgnL1r [aria-activedescendant^="account-status-picker"] .separator-12G2Op { + display: none; +} +/* Change Online Status Popout: Simple Status Picker */ +#account.menu-2TXYjN .submenu-3ycVEH[aria-activedescendant^="account-status-picker"] { + min-width: var(--User-Status-Popout-Width); + transform: translate(calc((var(--User-Status-Popout-Width)) * -1), 0px); + transform-origin: top left; + border-radius: 0px; +} +#account.menu-2TXYjN .submenu-3ycVEH[aria-activedescendant^="account-status-picker"] .scroller-nxCRu_ { + display: flex; + justify-content: space-evenly; + background-color: #202020 !important; +} +#account.menu-2TXYjN .submenu-3ycVEH[aria-activedescendant^="account-status-picker"] .status-qmUf7L, +#account.menu-2TXYjN .submenu-3ycVEH[aria-activedescendant^="account-status-picker"] .description-22_U3B, +#account.menu-2TXYjN .labelContainer-35-WEd[id="account-status-picker"] .iconContainer-Ksy8Oj .caret-1TZU-U { display: none; } +#account.menu-2TXYjN .submenu-3ycVEH[aria-activedescendant^="account-status-picker"] .statusItem-2a1giL { + min-width: calc(var(--User-Status-Popout-Width) / 4); + max-width: 0px; + padding: 6px 0px 6px 35%; +} +#account.menu-2TXYjN .submenu-3ycVEH[aria-activedescendant^="account-status-picker"] .statusItem-2a1giL svg { + height: 16px; + width: 16px; +} +#account.menu-2TXYjN .submenuPaddingContainer-QgnL1r [aria-activedescendant^="account-status-picker"] [id="account-status-picker--online"]:hover, +#account.menu-2TXYjN .submenuPaddingContainer-QgnL1r [aria-activedescendant^="account-status-picker"] [id="account-status-picker--invisible"]:hover { + border-radius: 0px; +} + /* Change Online Status: Icons */ -#account.menu-1QACrS foreignObject[mask="url(#svg-mask-status-online)"] .status-2DiCMd { +#account.menu-2TXYjN foreignObject[mask="url(#svg-mask-status-online)"] .status-3cqfT9 { background-color: #43B581 !important; } -#account.menu-1QACrS foreignObject[mask="url(#svg-mask-status-idle)"] .status-2DiCMd { +#account.menu-2TXYjN foreignObject[mask="url(#svg-mask-status-idle)"] .status-3cqfT9 { background-color: #FAA61A !important; } -#account.menu-1QACrS foreignObject[mask="url(#svg-mask-status-dnd)"] .status-2DiCMd { +#account.menu-2TXYjN foreignObject[mask="url(#svg-mask-status-dnd)"] .status-3cqfT9 { background-color: #F04747 !important; } -#account.menu-1QACrS foreignObject[mask="url(#svg-mask-status-offline)"] .status-2DiCMd { +#account.menu-2TXYjN foreignObject[mask="url(#svg-mask-status-offline)"] .status-3cqfT9 { background-color: #747F8D !important; } /* Change Online Status Popout: Background */ -#account.menu-1QACrS .submenuPaddingContainer-_k62dJ [aria-activedescendant^="account-status-picker"] [id="account-status-picker--online"]:hover { +#account.menu-2TXYjN .submenuPaddingContainer-QgnL1r [aria-activedescendant^="account-status-picker"] [id="account-status-picker--online"]:hover { background-color: rgba(67,181,129,0.15) !important; border-radius: 0px 4px 0px 0px; } -#account.menu-1QACrS .submenuPaddingContainer-_k62dJ [aria-activedescendant^="account-status-picker"] [id="account-status-picker--idle"]:hover { +#account.menu-2TXYjN .submenuPaddingContainer-QgnL1r [aria-activedescendant^="account-status-picker"] [id="account-status-picker--idle"]:hover { background-color: rgba(250,166,26,0.15) !important; border-radius: 0px; } -#account.menu-1QACrS .submenuPaddingContainer-_k62dJ [aria-activedescendant^="account-status-picker"] [id="account-status-picker--dnd"]:hover { +#account.menu-2TXYjN .submenuPaddingContainer-QgnL1r [aria-activedescendant^="account-status-picker"] [id="account-status-picker--dnd"]:hover { background-color: rgba(240,71,71,0.15) !important; border-radius: 0px; } -#account.menu-1QACrS .submenuPaddingContainer-_k62dJ [aria-activedescendant^="account-status-picker"] [id="account-status-picker--invisible"]:hover { +#account.menu-2TXYjN .submenuPaddingContainer-QgnL1r [aria-activedescendant^="account-status-picker"] [id="account-status-picker--invisible"]:hover { background-color: rgba(116,127,141,0.15) !important; border-radius: 0px 0px 4px 4px; } /* Change Online Status Popout: Text */ -#account.menu-1QACrS .submenuPaddingContainer-_k62dJ [aria-activedescendant^="account-status-picker"] [id="account-status-picker--online"] .status-2xYiEF { +#account.menu-2TXYjN .submenuPaddingContainer-QgnL1r [aria-activedescendant^="account-status-picker"] [id="account-status-picker--online"] .status-qmUf7L { color: #43B581; } -#account.menu-1QACrS .submenuPaddingContainer-_k62dJ [aria-activedescendant^="account-status-picker"] [id="account-status-picker--idle"] .status-2xYiEF { +#account.menu-2TXYjN .submenuPaddingContainer-QgnL1r [aria-activedescendant^="account-status-picker"] [id="account-status-picker--idle"] .status-qmUf7L { color: #FAA61A; } -#account.menu-1QACrS .submenuPaddingContainer-_k62dJ [aria-activedescendant^="account-status-picker"] [id="account-status-picker--dnd"] .status-2xYiEF { +#account.menu-2TXYjN .submenuPaddingContainer-QgnL1r [aria-activedescendant^="account-status-picker"] [id="account-status-picker--dnd"] .status-qmUf7L { color: #F04747; } -#account.menu-1QACrS .submenuPaddingContainer-_k62dJ [aria-activedescendant^="account-status-picker"] [id="account-status-picker--invisible"] .status-2xYiEF { +#account.menu-2TXYjN .submenuPaddingContainer-QgnL1r [aria-activedescendant^="account-status-picker"] [id="account-status-picker--invisible"] .status-qmUf7L { color: #747F8D; } -#account.menu-1QACrS .submenuPaddingContainer-_k62dJ [aria-activedescendant^="account-status-picker"] .status-2xYiEF { +#account.menu-2TXYjN .submenuPaddingContainer-QgnL1r [aria-activedescendant^="account-status-picker"] .status-qmUf7L { color: #FFFFFF; font-size: 15px; } -/* User Popout Profile: Hide Status Circle */ -#account.menu-1QACrS .wrapper-1VLyxH rect { - display: none; -} -#account.menu-1QACrS foreignObject[mask="url(#svg-mask-avatar-status-round-80)"] { - mask: none; - border-radius: 50%; -} -#account.menu-1QACrS .avatarWrapper-eenWra .avatarHint-k7pYop { - border-radius: 50%; -} -/* User Popout Profile: Online Status Border/Header Color */ -#account.menu-1QACrS [aria-label*="Online"].avatar-2Vndt_ { - --user-status-background: linear-gradient(#43B581 1px, #43B58150 2px, #43B58110 50%, transparent 75%); - border: 2px solid #43B581; -} -#account.menu-1QACrS [aria-label*="Idle"].avatar-2Vndt_ { - --user-status-background: linear-gradient(#FAA61A 1px, #FAA61A50 2px, #FAA61A10 50%, transparent 75%); - border: 2px solid #FAA61A; -} -#account.menu-1QACrS [aria-label*="Do not disturb" i].avatar-2Vndt_ { - --user-status-background: linear-gradient(#F04747 1px, #F0474750 2px, #F0474710 50%, transparent 75%); - border: 2px solid #F04747; -} -#account.menu-1QACrS [aria-label*="Streaming"].avatar-2Vndt_ { - --user-status-background: linear-gradient(#593695 1px, #59369550 2px, #59369510 50%, transparent 75%); - border: 2px solid #593695; -} -#account.menu-1QACrS [aria-label*="Offline"].avatar-2Vndt_, -#account.menu-1QACrS [aria-label*="Invisible"].avatar-2Vndt_ { - --user-status-background: linear-gradient(#747F8D 1px, #747F8D50 2px, #747F8D10 50%, transparent 75%); - border: 2px solid #747F8D; -} -#account.menu-1QACrS [aria-label*="mobile"].avatar-2Vndt_ { - border-top: 2px solid #43B581; - border-left: 2px solid #43B581; - border-right: 0px solid transparent; - border-bottom: 0px solid transparent; -} -#account.menu-1QACrS .avatarHoverTarget-1zzfRL+.avatarHint-k7pYop { - top: 2px; - left: 2px; -} -/* User Popout Profile: Status Gradient */ -#account.menu-1QACrS .avatarPositionNormal-2jWoC2 .wrapper-1VLyxH::before, -#account.menu-1QACrS .avatarPositionPremium-1zPBq9 .wrapper-1VLyxH::before { - content: ''; - background: var(--user-status-background) center/cover no-repeat; - position: fixed; - height: 76px; - width: 100%; - left: 0px; - top: 60px; - pointer-events: none; - z-index: 2; -} -#account.menu-1QACrS .avatarPositionPremium-1zPBq9 .wrapper-1VLyxH::before, -#account.menu-1QACrS .avatarPositionPremium-1zPBq9 .wrapper-1VLyxH::after { - top: 120px; -} -#account.menu-1QACrS .mask-1FEkla, -#account.menu-1QACrS .avatarHint-k7pYop, -#account.menu-1QACrS .profileBadges-2pItdR, -#account.menu-1QACrS .date-YN6TCS { - z-index: 4; -} - /************************************* Channel List Bottom Bar ***************************************/ /* Channels Bottom Status Box */ .theme-dark .container-YkUktl { height: 48px; - background-color: #1B1B1B; + background: var(--bg-overlay-1,var(--background-secondary-alt)); border-bottom: none; margin-bottom: 0px; padding: 0px; @@ -2064,7 +2044,9 @@ } .container-YkUktl .withTagAsButton-OsgQ9L, .container-YkUktl .withTagless-10ooWt { - height: 48px; + height: 100%; + flex-grow: 1; + cursor: pointer; background-color: transparent; border-radius: 0px; } @@ -2099,29 +2081,25 @@ } /* Avatar Speaking Status Border */ -.container-YkUktl .avatarWrapper-1B9FTW .avatarSpeaking-33RRJU { +.container-YkUktl .avatarWrapper-1B9FTW .avatarSpeaking-36V2PN { box-shadow: inset 0 0 0 2px var(--status-positive-background), inset 0 0 0 2.5px var(--background-primary); } -.container-YkUktl .avatarWrapper-1B9FTW [aria-label*="Idle"] .avatarSpeaking-33RRJU { +.container-YkUktl .avatarWrapper-1B9FTW [aria-label*="Idle"] .avatarSpeaking-36V2PN { box-shadow: inset 0 0 0 2px #FAA61A, inset 0 0 0 2.5px var(--background-primary); } -.container-YkUktl .avatarWrapper-1B9FTW [aria-label*="Do Not Disturb" i] .avatarSpeaking-33RRJU { +.container-YkUktl .avatarWrapper-1B9FTW [aria-label*="Do Not Disturb" i] .avatarSpeaking-36V2PN { box-shadow: inset 0 0 0 2px #F04747, inset 0 0 0 2.5px var(--background-primary); } -.container-YkUktl .avatarWrapper-1B9FTW [aria-label*="Streaming"] .avatarSpeaking-33RRJU { +.container-YkUktl .avatarWrapper-1B9FTW [aria-label*="Streaming"] .avatarSpeaking-36V2PN { box-shadow: inset 0 0 0 2px #F04747, inset 0 0 0 2.5px var(--background-primary); } -.container-YkUktl .avatarWrapper-1B9FTW [aria-label*="Idle"] .avatarSpeaking-33RRJU { +.container-YkUktl .avatarWrapper-1B9FTW [aria-label*="Idle"] .avatarSpeaking-36V2PN { box-shadow: inset 0 0 0 2px #FAA61A, inset 0 0 0 2.5px var(--background-primary); } -.container-YkUktl .avatarWrapper-1B9FTW [aria-label*="Offline"] .avatarSpeaking-33RRJU, -.container-YkUktl .avatarWrapper-1B9FTW [aria-label*="Invisible"] .avatarSpeaking-33RRJU { +.container-YkUktl .avatarWrapper-1B9FTW [aria-label*="Offline"] .avatarSpeaking-36V2PN, +.container-YkUktl .avatarWrapper-1B9FTW [aria-label*="Invisible"] .avatarSpeaking-36V2PN { box-shadow: inset 0 0 0 2px #747F8D, inset 0 0 0 2.5px var(--background-primary); } -/* Avatar Status Icon: StatusEveryWhere Color Fix */ -.container-YkUktl .avatarWrapper-1B9FTW .mask-1FEkla [fill="#3BA55D"] { - fill: var(--status-positive-background) !important; -} /* Voice Connected UI */ .container-1zzFcN { @@ -2145,9 +2123,14 @@ padding-bottom: 6px; } /* Voice Connected UI: Show Voice Users */ +.container-1zzFcN .voiceUsers-25eR9q { + gap: 0.5px; +} +/* .container-1zzFcN .voiceUsers-25eR9q:hover { gap: 0.5px; } +*/ .container-1zzFcN .voiceUsers-25eR9q .primary-38Hs-h { background-color: transparent; } @@ -2180,17 +2163,24 @@ height: 28px; min-height: 28px; } -.container-1zzFcN .lookFilled-yCfaCM.colorBrand-I6CyqQ, -.container-1zzFcN .lookFilled-yCfaCM.colorBrand-I6CyqQ:disabled { +.container-1zzFcN .button-1EGGcP.buttonColor-3bP3fX, +.container-1zzFcN .button-1EGGcP.buttonColor-3bP3fX:disabled { background-color: #232323; padding: 0px; } +.container-1zzFcN .button-1EGGcP.buttonColor-3bP3fX:hover { + background-color: #43B58180; +} .container-1zzFcN .button-1EGGcP.buttonColor-3bP3fX.buttonActive-Uc1jHx, .container-1zzFcN .button-1EGGcP.buttonColor-3bP3fX.buttonActive-Uc1jHx:hover { background-color: #43B581; } -.container-1zzFcN .lookFilled-yCfaCM.colorBrand-I6CyqQ:hover { - background-color: #43B58180; +/* Activites Button */ +.container-1zzFcN .actionButtons-2vEOUh .sizeSmall-wU2dO-:nth-child(3) { + display: var(--Start-Activities-Button); +} +.container-1zzFcN .actionButtons-2vEOUh .sizeSmall-wU2dO-:nth-child(3) .maskSecondary-2YQ6k5 { + display: none; } /* Rich Presence Game/Streaming Game Panel */ @@ -2222,8 +2212,11 @@ display: none; } /* Stream Game Button */ +.panels-3wFtMD .panel-2ZFCRb .actions-zk2vB_ .panelButtonContainer-zIflxz { + width: 24px; + margin-right: -4px; +} .panels-3wFtMD .panel-2ZFCRb .actions-zk2vB_ .button-12Fmur { - margin-right: 3px; width: 18px; } /* Stream Game Button: Hide When Disabled */ @@ -2246,6 +2239,7 @@ /* Spotify Listen Along */ .panels-3wFtMD .listeningAlong-6YvYsc { padding: 4px 1px 6px 1px; + border-bottom: 1px solid #212121; } .panels-3wFtMD .listeningAlong-6YvYsc .button-12Fmur { width: 20px; @@ -2312,6 +2306,15 @@ background-color: #1B1B1B; } +/* New Feature Popup With Video */ +.container-JMJRDf .content-PlPs77 .video-31SuuY { + width: 100% !important; + margin-top: -16px; +} +.container-JMJRDf .content-PlPs77 { + padding: 0px; +} + /**************************** Top Bar (Channel Name, Buttons, Search etc) ****************************/ /* Titlebar/headerbar, Friends/Activty Feed & Video Call/Voice Chat */ @@ -2323,7 +2326,7 @@ .theme-dark .titleCall-_b9o8P, .theme-dark .headerBar-UHpsPw, .privateChannels-oVe7HL .searchBar-3TnChZ { - background-color: #1B1B1B; + background: var(--bg-overlay-chat,var(--background-secondary-alt)); padding: 0px; height: 40px; } @@ -2349,6 +2352,9 @@ .container-cH6QoY .participants-3eCqDy.transparent-1lUmft.container-ZMc96U .iconWrapper-2awDjA { margin: 0 4px; } +.container-cH6QoY .participants-3eCqDy.transparent-1lUmft.container-ZMc96U .toolbar-3_r2xA .topRightContainer-2i_gyJ { + margin: 0 8px 0px 0px; +} /* Titlebar Icons: Call/Voice Channel Margin Fix */ .headerWrapper-1ULEPv .transparent-1lUmft.container-ZMc96U .toolbar-3_r2xA .button-1fGHAH, .headerWrapper-1ULEPv .transparent-1lUmft.container-ZMc96U .toolbar-3_r2xA .button-r8Pdp4, @@ -2378,39 +2384,35 @@ } /* Friends/Library Top Bar Buttons */ -.container-ZMc96U .topPill-3DJJNV .item-3XjbnG { +.container-ZMc96U .tabBar-ra-EuL .item-2GWPIy { background-color: transparent; border-bottom: 2px solid transparent; - border-radius: 4px 4px 1px 1px; + border-radius: 4px 4px 0px 0px; } -.container-ZMc96U .topPill-3DJJNV .item-3XjbnG.selected-g-kMVV, -.container-ZMc96U .topPill-3DJJNV .themed-2-lozF.selected-g-kMVV.item-3XjbnG:hover { - background-color: #212121; +.container-ZMc96U .tabBar-ra-EuL .item-2GWPIy.selected-1sf9UK, +.container-ZMc96U .tabBar-ra-EuL .themed-qqoYp3.selected-1sf9UK.item-2GWPIy:hover { + background-color: #232323; border-bottom: 2px solid #CCCCCC; } -.container-ZMc96U .topPill-3DJJNV .themed-2-lozF.item-3XjbnG:hover { +.container-ZMc96U .tabBar-ra-EuL .themed-qqoYp3.item-2GWPIy:hover { background-color: #1E1E1E; border-bottom: 2px solid #8C8C8C; } -.container-ZMc96U .topPill-3DJJNV .item-3XjbnG[aria-controls="add_friend-tab" i], -.container-ZMc96U .topPill-3DJJNV .item-3XjbnG:hover[aria-controls="add_friend-tab" i] { - background-color: var(--info-positive-foreground) !important; +.container-ZMc96U .tabBar-ra-EuL .addFriend-emTWY1.item-2GWPIy, +.container-ZMc96U .tabBar-ra-EuL .addFriend-emTWY1.item-2GWPIy:hover { + background-color: var(--info-positive-foreground); border-bottom: none; border-radius: 4px; } -.container-ZMc96U .topPill-3DJJNV .item-3XjbnG[aria-controls="add_friend-tab" i][aria-selected="true"] { - background-color: #212121 !important; - border-bottom: 2px solid #CCCCCC !important; +.container-ZMc96U .tabBar-ra-EuL .addFriend-emTWY1.item-2GWPIy.selected-1sf9UK { + background-color: #232323; + border-bottom: 2px solid #CCCCCC; border-radius: 4px 4px 1px 1px; - color: #FFFFFF !important; + color: #FFFFFF; } -/* BetterFriendList Plugin */ -.container-ZMc96U .tabBar-ra-EuL .badge-3wMLmL { +.container-ZMc96U .tabBar-ra-EuL .item-2GWPIy .badge-3wMLmL { background-color: transparent !important; } -.peopleColumn-1wMU14 .title-x4dI75 .inner-2pOSmK { - background-color: #191919; -} /* Server Name Header */ .container-1-ERn5 .header-3OsQeK .primaryInfo-2ocY3v { @@ -2426,7 +2428,7 @@ .container-1-ERn5.clickable-vvKY2q, .container-1-ERn5.clickable-vvKY2q .header-3OsQeK:hover, .container-1-ERn5.selected-1GtAC5 .header-3OsQeK { - background-color: #1B1B1B; + background: var(--bg-overlay-chat,var(--background-secondary-alt)); } /* Server Name Header: Public Server Icon */ .container-1-ERn5.communityInfoVisible-3zc5_s .header-3OsQeK .communityInfoPill-2Mll66 { @@ -2434,17 +2436,18 @@ filter: drop-shadow(0 1px 1px hsla(0,0%,0%,.8)); padding: 0px 2px; } -.container-1-ERn5.communityInfoVisible-3zc5_s .header-3OsQeK .communityInfoPill-2Mll66 .text-xs-normal-3SiVjE { +.container-1-ERn5.communityInfoVisible-3zc5_s .header-3OsQeK .communityInfoPill-2Mll66 .text-xs-normal-3O7EaX { padding-left: calc(var(--Channel-List-Width) - 60%); } .container-1-ERn5.communityInfoVisible-3zc5_s .header-3OsQeK .communityInfoPill-2Mll66 .communityIcon-28UI1f path { fill: transparent; } .container-1-ERn5.communityInfoVisible-3zc5_s .header-3OsQeK .primaryInfo-2ocY3v { - height: 30px; + height: 40px; } .container-1-ERn5.communityInfoVisible-3zc5_s .header-3OsQeK .communityInfoContainer-1dMVpU { - top: 15px; + top: 18px; + position: fixed; } /* Server Name Header: Banner */ .sidebar-1tnWFu [class^='scroller'] [style*="height: 84px;"] { @@ -2471,15 +2474,15 @@ /* Nitro Boosted Server */ .iconBackgroundTierOne-14U-J-, -.iconBackgroundTierThree-3z-kK8, .iconBackgroundTierTwo-1BQGc-, +.iconBackgroundTierThree-3z-kK8, .header-3OsQeK [class^='guildIconContainer-'] .flowerStar-2tNFCR { color: #FF73FA; } .header-3OsQeK .boostedGuildTierIconWithVisibleBanner-3XawD_, .header-3OsQeK .iconTierNone-38r4c_, .header-3OsQeK .iconTierOne-s_oiRb, -.header-3OsQeK .iconTierTwo-1JOWNK, +.header-3OsQeK .iconTierTwo-3MBPlM, .header-3OsQeK .iconTierThree-n2n0gX { color: #FFFFFF; } @@ -2498,56 +2501,56 @@ fill: #43B581; } -/* Server Name/Header Popout */ -.styleFixed-2_NfVL[id="guild-header-popout"] { +/* Server Header Popout */ +.menu-2TXYjN.fixed-2BUuhP[id="guild-header-popout"] { background-color: #1C1C1C; border-radius: 0px 0px 4px 0px; width: var(--Channel-List-Width); margin-top: -8px; + margin-left: 2px; } -.styleFixed-2_NfVL[id="guild-header-popout"] .labelContainer-2vJzYL { - margin: 0px 0px; - padding: 6px 6px; -} -.styleFixed-2_NfVL[id="guild-header-popout"] .separator-1So4YB { +.menu-2TXYjN.fixed-2BUuhP[id="guild-header-popout"] .separator-12G2Op { margin: 2px 6px; border-color: #292929; } -.styleFixed-2_NfVL[id="guild-header-popout"] .scroller-1bVxF5 { - margin-right: -8px; +.menu-2TXYjN.fixed-2BUuhP[id="guild-header-popout"] .labelContainer-35-WEd { + margin: 0px 0px; + padding: 6px 6px; +} +.menu-2TXYjN.fixed-2BUuhP[id="guild-header-popout"] .scroller-nxCRu_ { padding: 0px; + overflow: hidden !important; } -.styleFixed-2_NfVL[id="guild-header-popout"] .colorDefault-CDqZdO.focused-3qFvc8, -.styleFixed-2_NfVL[id="guild-header-popout"] .colorDefault-CDqZdO:hover:not(.hideInteraction-2jPGL_) { +.menu-2TXYjN.fixed-2BUuhP[id="guild-header-popout"] .colorDefault-2_rLdz.focused-3LIdPu, +.menu-2TXYjN.fixed-2BUuhP[id="guild-header-popout"] .colorDefault-2_rLdz:hover:not(.hideInteraction-1vQrZJ) { background-color: #222222; border-radius: 0px; } -.styleFixed-2_NfVL[id="guild-header-popout"] .colorPremium-vwmYZQ .label-2gNW3x, -.styleFixed-2_NfVL[id="guild-header-popout"] .colorPremium-vwmYZQ .icon-E4cW1l { +.menu-2TXYjN.fixed-2BUuhP[id="guild-header-popout"] [id="guild-header-popout-premium-subscribe"] .label-3CEiKJ, +.menu-2TXYjN.fixed-2BUuhP[id="guild-header-popout"] [id="guild-header-popout-premium-subscribe"] .icon-3XHs8t { color: #D863D4; } -.styleFixed-2_NfVL[id="guild-header-popout"] #guild-header-popout-invite-people .label-2gNW3x, -.styleFixed-2_NfVL[id="guild-header-popout"] #guild-header-popout-invite-people .icon-E4cW1l { +.menu-2TXYjN.fixed-2BUuhP[id="guild-header-popout"] [id="guild-header-popout-invite-people"] .label-3CEiKJ, +.menu-2TXYjN.fixed-2BUuhP[id="guild-header-popout"] [id="guild-header-popout-invite-people"] .icon-3XHs8t { color: var(--bd-blue-hover); } -.styleFixed-2_NfVL[id="guild-header-popout"] .colorDanger-3n-KnP .label-2gNW3x, -.styleFixed-2_NfVL[id="guild-header-popout"] .colorDanger-3n-KnP .icon-E4cW1l { +.menu-2TXYjN.fixed-2BUuhP[id="guild-header-popout"] .colorDanger-3umuSx .label-3CEiKJ, +.menu-2TXYjN.fixed-2BUuhP[id="guild-header-popout"] .colorDanger-3umuSx .icon-3XHs8t { color: #FF4C4C; } -.styleFixed-2_NfVL[id="guild-header-popout"] #guild-header-popout-invite-people:hover { +.menu-2TXYjN.fixed-2BUuhP[id="guild-header-popout"] #guild-header-popout-invite-people:hover { background-color: rgba(69,133,216,0.1); } -.styleFixed-2_NfVL[id="guild-header-popout"] #guild-header-popout-premium-subscribe:hover { +.menu-2TXYjN.fixed-2BUuhP[id="guild-header-popout"] #guild-header-popout-premium-subscribe:hover { background-color: rgba(255,115,250,0.1); } -.styleFixed-2_NfVL[id="guild-header-popout"] #guild-header-popout-leave:hover { +.menu-2TXYjN.fixed-2BUuhP[id="guild-header-popout"] #guild-header-popout-leave:hover { background-color: rgba(165,58,58,0.1); } -.styleFixed-2_NfVL[id="guild-header-popout"] .newBadge-1bHewI { +.menu-2TXYjN.fixed-2BUuhP[id="guild-header-popout"] .newBadge-1bHewI { height: 14px; min-height: 14px; - line-height: 12px; - margin-top: -3px; + line-height: 1.2em; } /* Server Name Header: NEW Notice */ @@ -2560,7 +2563,7 @@ /* Server Boosting Goal Plan */ .sidebar-1tnWFu .scroller-1ox3I2:hover .container-2giAcK { - margin: 0px -4px 0px 2px; + margin: 0px -2px 0px 2px; } .container-2giAcK { display: var(--Channel-List-Boost-Goal); @@ -2575,7 +2578,7 @@ width: calc(100% - 8px); } .container-2giAcK .progressBarContainer-1efroK .tadaIcon-313rPm { - transform: scale(1.3) translate(calc(100% - 11px),-3px); + transform: scale(1.3) translate(calc(100% - 12px),-4px); } .container-2giAcK .divider-3qUeLQ { border-top: none; @@ -2587,23 +2590,16 @@ margin-left: 10px; margin-right: 10px; } -.container-ZMc96U .title-17SveM { - margin-right: 2px; -} -.container-ZMc96U .topic-11NuQZ, -.container-ZMc96U .channelName-1d4zaz { - margin-left: 2px; -} /* Titlebar Channel Topic icon */ .container-ZMc96U .children-3xh0VB .icon-2xnN2Y { color: #CCCCCC; } /* Titlebar Channel Follow Button */ -.title-31SJ6t.container-ZMc96U .lookFilled-yCfaCM.colorPrimary-2AuQVo { +.title-31SJ6t.container-ZMc96U .lookFilled-1H2Jvj.colorPrimary-2-Lusz { background-color: var(--bd-blue); - margin-left: 10px; + margin-left: 0px; } -.title-31SJ6t.container-ZMc96U .lookFilled-yCfaCM.colorPrimary-2AuQVo:hover { +.title-31SJ6t.container-ZMc96U .lookFilled-1H2Jvj.colorPrimary-2-Lusz:hover { background-color: #4789E5; } /* Titlebar User Status */ @@ -2744,23 +2740,22 @@ padding-left: 22px; height: 40px; } -.searchResultsWrap-5RVOkx .searchHeader-1r_ZSh .themed-2-lozF.item-3XjbnG { +.searchResultsWrap-5RVOkx .searchHeader-1r_ZSh .themed-qqoYp3.item-2GWPIy { background-color: transparent; border-bottom: 2px solid transparent; border-radius: 4px 4px 1px 1px; padding: 3px 10px; } -.searchResultsWrap-5RVOkx .searchHeader-1r_ZSh .themed-2-lozF.item-3XjbnG:hover { +.searchResultsWrap-5RVOkx .searchHeader-1r_ZSh .themed-qqoYp3.item-2GWPIy:hover { background-color: #131313; border-bottom: 2px solid #A5A5A5; } -.searchResultsWrap-5RVOkx .searchHeader-1r_ZSh .selected-g-kMVV.themed-2-lozF.item-3XjbnG { +.searchResultsWrap-5RVOkx .searchHeader-1r_ZSh .selected-1sf9UK.themed-qqoYp3.item-2GWPIy { background-color: #161616; border-bottom: 2px solid #FFFFFF; } -.searchResultsWrap-5RVOkx .channelName-3w2Y3c { - background-color: #161616; - padding-left: 18px; +.searchResultsWrap-5RVOkx .channelNameContainer-4pFmC- { + padding-left: 16px; font-size: 17px; } .searchResultsWrap-5RVOkx .button-cfOvv-, @@ -2771,16 +2766,16 @@ .searchResultsWrap-5RVOkx .searchResult-O9NDji:hover { background-color: #0F0F0F; } -.searchResultsWrap-5RVOkx .pageControlContainer-6nt7kY .pageButton-1GMGeJ:hover { +.searchResultsWrap-5RVOkx .pageControlContainer-1Mbe6M .pageButton-uta6J3:hover { background-color: #202020; } -.searchResultsWrap-5RVOkx .pageControlContainer-6nt7kY .pageButton-1GMGeJ { +.searchResultsWrap-5RVOkx .pageControlContainer-1Mbe6M .pageButton-uta6J3 { border-radius: 4px; } -.searchResultsWrap-5RVOkx .pageControlContainer-6nt7kY .activeButton-LRWFC_ { +.searchResultsWrap-5RVOkx .pageControlContainer-1Mbe6M .activeButton-2K2Fwx { background-color: var(--bd-blue); } -.searchResultsWrap-5RVOkx .pageControlContainer-6nt7kY .pageButton-1GMGeJ:hover.activeButton-LRWFC_ { +.searchResultsWrap-5RVOkx .pageControlContainer-1Mbe6M .pageButton-uta6J3:hover.activeButton-2K2Fwx { background-color: var(--bd-blue-hover); } @@ -2812,184 +2807,241 @@ } /* Pinned Messages */ -.layer-2aCOJ3 .header-1w9Q93 { +.layer-2BGhQ8 .header-1w9Q93 { background-color: #161616; box-shadow: none; padding: 10px 0px 10px 20px; } -.layer-2aCOJ3 .messageGroupWrapper-1jf_7C { +.layer-2BGhQ8 .messageGroupWrapper-1jf_7C { background-color: #111111; border: none; border-bottom: 1px solid #1E1E1E; border-radius: 0px; padding: 4px 0px 4px 0px; } -.layer-2aCOJ3 .messageGroupWrapper-1jf_7C:hover { +.layer-2BGhQ8 .messageGroupWrapper-1jf_7C:hover { background-color: #0F0F0F; } -.layer-2aCOJ3 .messageGroupWrapper-1jf_7C:nth-last-child(1) { +.layer-2BGhQ8 .messageGroupWrapper-1jf_7C:nth-last-child(1) { border: none; } -.layer-2aCOJ3 .messageGroupWrapper-1jf_7C .jumpButton-1ZwI_j { +.layer-2BGhQ8 .messageGroupWrapper-1jf_7C .jumpButton-1ZwI_j { background-color: transparent; } -.layer-2aCOJ3 .emptyPlaceholder-1-a1LK .image-t6rLT3 { +.layer-2BGhQ8 .emptyPlaceholder-1-a1LK .image-t6rLT3 { filter: grayscale(1); } -.layer-2aCOJ3 .messagesPopout-eVzQcI::-webkit-scrollbar-thumb { +.layer-2BGhQ8 .messagesPopout-eVzQcI::-webkit-scrollbar-thumb { background-color: #191919; } /* Pinned Messages/Recent Mentions & Unreads Inbox */ -.layer-2aCOJ3 .messagesPopoutWrap-3zryHW, -.layer-2aCOJ3 .container-2ebMPP { +.recentMentionsPopout-2bI1ZN { + height: auto; + max-height: 88vh; +} +.layer-2BGhQ8 .messagesPopoutWrap-3zryHW, +.layer-2BGhQ8 .recentMentionsPopout-2bI1ZN, +.layer-2BGhQ8 .container-2ebMPP { background-color: #111111; min-width: var(--Inbox-List-Width); border-radius: 0px 0px 8px 8px; } -.layer-2aCOJ3 .header-145e10 { +.layer-2BGhQ8 .container-2ebMPP .container-nwU-8G { + min-height: 351px; +} +.layer-2BGhQ8 .header-145e10 { background-color: #161616; padding-right: 16px; padding-top: 4px; - min-height: 40px; - height: 40px; + min-height: 40px; /* 64px */ + height: 40px; /* 64px */ +} +.layer-2BGhQ8 .header-145e10 .inboxIcon-1XO7FO { + margin-left: -2px; + /* display: none; */ +} +.layer-2BGhQ8 .header-145e10 .expandedTabSection-vWhH8-{ + margin-left: -11px; +} +.layer-2BGhQ8 .header-145e10 .expandedInboxHeader-HkRSug { + padding-bottom: 0px; + display: none; +} +.layer-2BGhQ8 .header-145e10 .topPill-2vcLsa .item-2GWPIy { + margin: 0 6px; + padding: 2px 6px; } -.layer-2aCOJ3 .header-145e10 .topPill-3DJJNV .tab-TRrPC8 { +.layer-2BGhQ8 .header-145e10 .topPill-2vcLsa .tab-TRrPC8 { border-bottom: 2px solid transparent; border-radius: 4px 4px 1px 1px; } -.layer-2aCOJ3 .header-145e10 .topPill-3DJJNV .tab-TRrPC8.active-1grPyy { +.layer-2BGhQ8 .header-145e10 .topPill-2vcLsa .tab-TRrPC8.active-1grPyy { background-color: #1C1C1C; border-bottom: 2px solid #FFFFFF !important; } -.layer-2aCOJ3 .header-145e10 .topPill-3DJJNV .tab-TRrPC8:hover { +.layer-2BGhQ8 .header-145e10 .topPill-2vcLsa .tab-TRrPC8:hover { background-color: #191919; border-bottom: 2px solid #A5A5A5; } -.layer-2aCOJ3 .tertiary-1e-lAP, -.layer-2aCOJ3 .header-145e10 .secondary-2bzKEX, -.layer-2aCOJ3 .header-145e10 .secondary-2bzKEX:hover, -.layer-2aCOJ3 .tertiary-1e-lAP:hover:not(.disabled-184-il) { +.layer-2BGhQ8 .header-145e10 .topPill-2vcLsa .tab-TRrPC8[aria-label="For You"] { + order: 2; +} +.layer-2BGhQ8 .header-145e10 .topPill-2vcLsa .tab-TRrPC8[aria-label="Mentions"] { + order: 1; +} +.layer-2BGhQ8 .tertiary-1e-lAP, +.layer-2BGhQ8 .header-145e10 .secondary-2bzKEX, +.layer-2BGhQ8 .header-145e10 .secondary-2bzKEX:hover, +.layer-2BGhQ8 .tertiary-1e-lAP:hover:not(.disabled-184-il) { background-color: transparent; } -.layer-2aCOJ3 .container-iA3Qrz, -.layer-2aCOJ3 .scroller-145h9c { +.layer-2BGhQ8 .container-iA3Qrz, +.layer-2BGhQ8 .scroller-145h9c { padding: 0px !important; margin-bottom: 0px; } -.layer-2aCOJ3 .scroller-MIi2ab::-webkit-scrollbar-thumb, -.layer-2aCOJ3 .scroller-145h9c::-webkit-scrollbar-thumb { +.layer-2BGhQ8 .scroller-MIi2ab::-webkit-scrollbar-thumb, +.layer-2BGhQ8 .scroller-145h9c::-webkit-scrollbar-thumb { background-color: #212121; } -.layer-2aCOJ3 .messagesPopoutWrap-3zryHW .channelHeader-DFRX8q { - background-color: #161616; - padding: 0px 6px 0px 7px; +.layer-2BGhQ8 .messagesPopoutWrap-3zryHW .channelHeader-DFRX8q { + background-color: #191919; + padding: 0px 8px 0px 7px; height: 58px; } -.layer-2aCOJ3 .channelHeader-DFRX8q { - background-color: #161616; +.layer-2BGhQ8 .channelHeader-DFRX8q { + background-color: #191919; padding: 0px 6px 0px 26px; height: 58px; } -.layer-2aCOJ3 .channelHeader-DFRX8q .iconActiveMedium-27_R5B { +.layer-2BGhQ8 .channelHeader-DFRX8q .iconActiveMedium-27_R5B { border-radius: 10px; } -.layer-2aCOJ3 .channelHeader-DFRX8q .collapseButton-39-IRc { +.layer-2BGhQ8 .channelHeader-DFRX8q .collapseButton-39-IRc { margin-left: 4px; } -.layer-2aCOJ3 .channelHeader-DFRX8q .dmIcon-1ZeAqq, -.layer-2aCOJ3 .channelHeader-DFRX8q .guildIcon-IklRcj { +.layer-2BGhQ8 .channelHeader-DFRX8q .dmIcon-1ZeAqq, +.layer-2BGhQ8 .channelHeader-DFRX8q .guildIcon-IklRcj { margin-right: 8px; } -.layer-2aCOJ3 .channelHeader-DFRX8q .guildIcon-IklRcj .acronym-vuwTO7 { +.layer-2BGhQ8 .channelHeader-DFRX8q .guildIcon-IklRcj .acronym-vuwTO7 { font-size: 18px; font-weight: 500; } -.layer-2aCOJ3 .guildName-y1svcU { +.layer-2BGhQ8 .guildName-y1svcU { font-size: 13px; } -.layer-2aCOJ3 .channelHeader-DFRX8q .badge-1ImhlC { +.layer-2BGhQ8 .channelHeader-DFRX8q .badge-1ImhlC { border-radius: 10px; min-width: 6px; } -.layer-2aCOJ3 .channelHeader-DFRX8q .tertiary-1e-lAP { +.layer-2BGhQ8 .channelHeader-DFRX8q .tertiary-1e-lAP { margin-left: 0px; } -.layer-2aCOJ3 .channelHeader-DFRX8q .collapseButton-39-IRc { +.layer-2BGhQ8 .channelHeader-DFRX8q .collapseButton-39-IRc { left: 0px; } -.layer-2aCOJ3 .messageContainer-3VTXBC, -.layer-2aCOJ3 .messages-23can0 { +.layer-2BGhQ8 .messageContainer-3VTXBC, +.layer-2BGhQ8 .messages-23can0 { background-color: #111111; padding: 6px 0px 8px 0px; margin-left: 0px; } -.layer-2aCOJ3 .messageContainer-8dSNjf:focus-within .jumpButton-2936DI, -.layer-2aCOJ3 .messageContainer-8dSNjf:hover .jumpButton-2936DI, -.layer-2aCOJ3 .messageContainer-3VTXBC:hover .jumpButton-1ITAeq { +.layer-2BGhQ8 .messages-23can0 .container-2sjPya { + margin-right: 10px; +} +.layer-2BGhQ8 .messageContainer-8dSNjf:focus-within .jumpButton-2936DI, +.layer-2BGhQ8 .messageContainer-8dSNjf:hover .jumpButton-2936DI, +.layer-2BGhQ8 .messageContainer-3VTXBC:hover .jumpButton-1ITAeq { background-color: #111111; } -.layer-2aCOJ3 .channel-3NJZ1V { +.layer-2BGhQ8 .channel-3NJZ1V { padding-bottom: 0px; } -.layer-2aCOJ3 .footer-5ji8u1 { +.layer-2BGhQ8 .footer-5ji8u1 { background-color: #141414; padding: 6px; } -.layer-2aCOJ3 .scrollingFooterWrap-grqTU8 { +.layer-2BGhQ8 .scrollingFooterWrap-grqTU8 { display: none; } -.layer-2aCOJ3 .iconContainer-33_6mP .icon-2yhmi8 { +.layer-2BGhQ8 .iconContainer-33_6mP .icon-2yhmi8 { color: #A5A5A5; } -.layer-2aCOJ3 .colorStatusGreen-2HKYOW { +.layer-2BGhQ8 .colorStatusGreen-2HKYOW { color: var(--info-positive-foreground); } +/* For You Tab */ +.layer-2BGhQ8 .row-7jGzPR { + padding: 8px 8px 8px 12px; +} +.layer-2BGhQ8 .row-7jGzPR .unread-O4ZgUu { + top: 16px; + height: 24px; + border-radius: 0px 2px 2px 0px; + background-color: var(--interactive-active); +} +.layer-2BGhQ8 .row-7jGzPR .body-3Iroxy:hover strong { + color: #FFFFFF; + text-decoration: underline; +} +.layer-2BGhQ8 .row-7jGzPR .friendRequestContainer-2gb8-g .button-1zIh4B { + padding: 4px 16px; + display: none; +} +.layer-2BGhQ8 .row-7jGzPR .friendRequestContainer-2gb8-g .ignoreButton-2R3UGA { + background-color: var(--status-danger-background); + border-color: var(--status-danger-background); +} +.layer-2BGhQ8 .row-7jGzPR .friendRequestContainer-2gb8-g .ignoreButton-2R3UGA:hover { + background-color: #9E1F2C; + border-color: #9E1F2C; +} /* Messages Older Than X Days Divider */ -.layer-2aCOJ3 .recentMentionsPopout-2bI1ZN.container-2ebMPP .divider-1pfFSB { +.layer-2BGhQ8 .recentMentionsPopout-2bI1ZN.container-2ebMPP .divider-1pfFSB { margin-top: 28px; margin-bottom: 28px; } /* View All Unreads */ -.layer-2aCOJ3 .lookLink-9FtZy-.colorBrand-3pXr91 { - color: var(--text-link); +.layer-2BGhQ8 .lookLink-13iF2K.colorLink-34zig_ { + margin-bottom: -8px; + padding-top: 0px; width: 100%; } -.layer-2aCOJ3 .lookLink-9FtZy-.colorBrand-3pXr91:hover { - text-decoration: underline; -} /* Inbox Tutorial */ -.layer-2aCOJ3 .tutorial-Nb3Zz5, -.layer-2aCOJ3 .tutorial-Nb3Zz5 .tutorialIcon-25VF3Q { +.layer-2BGhQ8 .tutorial-Nb3Zz5, +.layer-2BGhQ8 .tutorial-Nb3Zz5 .tutorialIcon-25VF3Q { background-color: #161616; border-radius: 0px; margin: 0px; } /* Pinned Messages/Recent Mentions & Unreads Inbox: Messages Formatting */ -.layer-2aCOJ3 .messages-23can0 .groupStart-3Mlgv1 { +.layer-2BGhQ8 .messages-23can0 .groupStart-3Mlgv1 { margin-top: 4px !important; + overflow: visible; /* Avatar Decoration Fix */ } -.layer-2aCOJ3 .cozy-VmLDNB.wrapper-30-Nkg { +.layer-2BGhQ8 .cozy-VmLDNB.wrapper-30-Nkg { padding: 0px 0px 3px 3.125rem; } -.layer-2aCOJ3 .avatar-2e8lTP { +.layer-2BGhQ8 .avatar-2e8lTP { margin-top: 5px; left: 0.5rem; } -.layer-2aCOJ3 .iconContainer-2rPbqG { +.layer-2BGhQ8 .iconContainer-2rPbqG { width: 3rem !important; } -.layer-2aCOJ3 .messageContent-2t3eCI { +.layer-2BGhQ8 .messageContent-2t3eCI { font-size: 0.9375rem; } -.layer-2aCOJ3 .numUnreadMessages-3EHlqt { +.layer-2BGhQ8 .numUnreadMessages-3EHlqt { margin-bottom: 0px; font-size: 0.9375rem; } /* User Used Slash Command Inbox Fix */ -.layer-2aCOJ3 .messageApplicationCommand-39C7UP .messageIconContainer-1wHFZ9 svg { +.layer-2BGhQ8 .messageApplicationCommand-39C7UP .messageIconContainer-1wHFZ9 svg { margin-right: 0px; } -.layer-2aCOJ3 .messageApplicationCommand-39C7UP .spine-3OoQS_ { +.layer-2BGhQ8 .messageApplicationCommand-39C7UP .spine-3OoQS_ { left: 10px; } @@ -3006,7 +3058,7 @@ /* Chat Box Area (Padded Container Including The Input Box & Typing Indicator) */ [class^='channelTextArea'] .scrollableContainer-15eg7h, [class^='channelTextArea'].channelTextAreaDisabled-1p2fQv { - background-color: #1B1B1B; + background: var(--bg-overlay-1,var(--background-secondary-alt)); border-radius: 0px; } [class^='channelTextArea'] .scrollableContainer-15eg7h { @@ -3085,7 +3137,7 @@ } /* Chat Box: Formatting & Size Fixes */ .channelTextArea-1FufC0 .textArea-2CLwUE .slateTextArea-27tjG0 { - font-size: 15px; + font-size: 0.9375em } .channelTextArea-1FufC0 .textArea-2CLwUE .placeholder-1rCBhr { color: var(--text-muted); @@ -3119,8 +3171,8 @@ .channelTextArea-1FufC0 .channelAttachmentArea-HwpkuQ .upload-vLbqu- { background-color: #161616; padding: 7px; - min-width: 60px; - min-height: 20px; + min-width: 120px; + min-height: 24px; } .channelTextArea-1FufC0 .channelAttachmentArea-HwpkuQ .upload-vLbqu- .icon-2bPCaV { height: 100px; @@ -3150,25 +3202,27 @@ } /* Chat Box: Verify Phone, You Must Be A Member, Follow Channel */ -.chat-2ZfjoI form .wrapper-2SplAX { +form .wrapper-2SplAX { background-color: #1B1B1B; border-radius: 0px; margin: 0px 0px 0px 0px; padding: 2px 0px 2px 0px; height: 44px; } -.chat-2ZfjoI form .wrapper-2SplAX .image-3FliiM { +/* +form .wrapper-2SplAX .image-3FliiM { height: 28px; margin-bottom: 0px; } -.chat-2ZfjoI form .wrapper-2SplAX .colorMuted-20987_ { +*/ +form .wrapper-2SplAX .colorMuted-20987_ { color: #A5A5A5; } -.chat-2ZfjoI form .wrapper-2SplAX .lookFilled-yCfaCM.colorPrimary-2AuQVo { - background-color: var(--bd-blue); +form .wrapper-2SplAX .lookFilled-1H2Jvj.colorPrimary-2-Lusz { + background-color: var(--bd-blue) !important; } -.chat-2ZfjoI form .wrapper-2SplAX .lookFilled-yCfaCM.colorPrimary-2AuQVo:hover { - background-color: var(--bd-blue-hover); +form .wrapper-2SplAX .lookFilled-1H2Jvj.colorPrimary-2-Lusz:hover { + background-color: var(--bd-blue-hover) !important; } /* No Permission */ @@ -3207,7 +3261,7 @@ transition: 100ms; } .channelTextArea-1FufC0 .buttons-uaqb-5 .separator-3ng7S5 .buttonContainer-6W2Ep3 .button-y6hemj[disabled] path { - opacity: 0.125; + opacity: 0.1; } .channelTextArea-1FufC0 .buttons-uaqb-5 .separator-3ng7S5 .buttonContainer-6W2Ep3:hover path { color: #FFFFFF; @@ -3218,20 +3272,20 @@ height: 43px; margin-right: 14px; margin-left: 0px; - opacity: .3; + opacity: 0.3; } .channelTextArea-1FufC0 .emojiButton-3FRTuj.emojiButtonHovered-s44uQ8 { transform: scale(1.14); opacity: 1 !important; } /* Emoji & Extra Buttons */ -.channelTextArea-1FufC0 .expression-picker-chat-input-button .button-f2h6uQ, +.channelTextArea-1FufC0 .expression-picker-chat-input-button .button-ejjZWC, .channelTextArea-1FufC0 .buttons-uaqb-5 button[aria-label*="Send a gift"] { - opacity: .3; + opacity: 0.3; transition: 100ms; } -.channelTextArea-1FufC0 .expression-picker-chat-input-button .button-f2h6uQ:hover, -.channelTextArea-1FufC0 .expression-picker-chat-input-button .active-z80xEj.button-f2h6uQ, +.channelTextArea-1FufC0 .expression-picker-chat-input-button .button-ejjZWC:hover, +.channelTextArea-1FufC0 .expression-picker-chat-input-button .active-z80xEj.button-ejjZWC, .channelTextArea-1FufC0 .buttons-uaqb-5 button[aria-label*="Send a gift"]:hover { transform: scale(1.14); opacity: 1; @@ -3264,7 +3318,7 @@ display: var(--Chatbox-Gift-Button); } /* Gift Button Menu Popup */ -.menu-1QACrS[id="guild-boosting-chat-input-upsell"] { +.menu-2TXYjN[id="guild-boosting-chat-input-upsell"] { margin-bottom: -8px; margin-left: -66px; } @@ -3304,10 +3358,10 @@ } /* Chat Upload/Attach File Button Popout Menu */ -.menu-1QACrS[id="channel-attach"] .labelContainer-2vJzYL { +.menu-2TXYjN[id="channel-attach"] .labelContainer-35-WEd { padding: 3px 6px; } -.menu-1QACrS[id="channel-attach"] .scroller-1bVxF5 { +.menu-2TXYjN[id="channel-attach"] .scroller-nxCRu_ { padding: 6px 8px; } @@ -3323,11 +3377,11 @@ font-weight: 500; pointer-events: auto; } -.typing-2J1mQU .dots-1BwzZQ { +.typing-2J1mQU .dots-1k2MxY { color: #777777; } /* User Is Typing Indicator: Plugin Avatars */ -.typing-2J1mQU .wrapper-1VLyxH { +.typing-2J1mQU .wrapper-3Un6-K { width: 14px !important; height: 14px !important; } @@ -3569,11 +3623,37 @@ .cozy-VmLDNB .avatar-2e8lTP:hover+.avatarDecoration-34OC0G { transform: scale(1.07); } +/* Chat User Avatar: Nitro Decoration */ +.cozy-VmLDNB .avatar-2e8lTP+.avatarDecoration-34OC0G { + left: calc(25px - 40px*var(--decoration-to-avatar-ratio)/2); + margin-top: calc(24px - .25rem - 40px*var(--decoration-to-avatar-ratio)/2); + width: calc(40px*var(--decoration-to-avatar-ratio)); + height: calc(40px*var(--decoration-to-avatar-ratio)); +} +/* +.avatarDecoration-34OC0G { + margin-top: calc(22px - .125rem - 40px*var(--decoration-to-avatar-ratio)/2) !important; + margin-left: -11px; +} +*/ /* Chat User Avatar: Font Scaled Down */ .a11y-font-scaled-down .avatar-2e8lTP:not(.compact-2Nkcau) { left: 0.5rem; } +/* Chat Automod Avatar */ +.cozy-VmLDNB .avatarContainer-209emZ { + background-color: transparent; +} +.cozy-VmLDNB .avatarContainer-209emZ .wrapper-3Un6-K { + width: 2.19rem !important; + height: 2.1875rem !important; + margin-top: -3px; +} +.cozy-VmLDNB .avatarContainer-209emZ:hover { + transform: scale(1.07); +} + /* BadgesEverywhere Plugin */ .inner-dA0J42 { margin-top: -2px; @@ -3591,37 +3671,42 @@ /* Message Hover & Selection */ .mouse-mode.full-motion .message-2CShn3:hover, -.chat-2ZfjoI .message-2CShn3:hover, -.chat-2ZfjoI .message-2CShn3.selected-2LX7Jy { - background-color: #0F0F0F; +.message-2CShn3:hover, +.message-2CShn3.selected-2LX7Jy { + background: var(--bg-overlay-1,#0F0F0F); } -.chat-2ZfjoI .mentioned-Tre-dv:before { +.mentioned-Tre-dv:before { background: var(--background-mentioned-border); } -.chat-2ZfjoI .mentioned-Tre-dv.message-2CShn3:hover, -.chat-2ZfjoI .mentioned-Tre-dv.message-2CShn3.selected-2LX7Jy { +/* Message Mentioned */ +.mouse-mode.full-motion .mentioned-Tre-dv.message-2CShn3:hover, +.mentioned-Tre-dv.message-2CShn3:hover, +.mentioned-Tre-dv.message-2CShn3.selected-2LX7Jy { background-color: var(--background-mentioned-hover); } -.chat-2ZfjoI .mentioned-Tre-dv.replying-eZ7p5z:before { +.mentioned-Tre-dv.replying-eZ7p5z:before { background-color: rgba(114,137,218,1); } -.chat-2ZfjoI .replying-eZ7p5z.message-2CShn3, -.chat-2ZfjoI .ephemeral-2nDdnn.message-2CShn3 { +/* Message Replying & Bot Message */ +.replying-eZ7p5z.message-2CShn3, +.ephemeral-2nDdnn.message-2CShn3 { background-color: #7289DA10; } -.chat-2ZfjoI .replying-eZ7p5z.message-2CShn3:hover, -.chat-2ZfjoI .replying-eZ7p5z.message-2CShn3.selected-2LX7Jy, -.chat-2ZfjoI .ephemeral-2nDdnn.message-2CShn3:hover, -.chat-2ZfjoI .ephemeral-2nDdnn.message-2CShn3.selected-2LX7Jy { +.mouse-mode.full-motion .replying-eZ7p5z.message-2CShn3:hover, +.replying-eZ7p5z.message-2CShn3:hover, +.replying-eZ7p5z.message-2CShn3.selected-2LX7Jy, +.mouse-mode.full-motion .ephemeral-2nDdnn.message-2CShn3:hover, +.ephemeral-2nDdnn.message-2CShn3:hover, +.ephemeral-2nDdnn.message-2CShn3.selected-2LX7Jy { background-color: #141619; } /* Message Jump To Flash */ -.chat-2ZfjoI .backgroundFlash-1X5jVs { +.backgroundFlash-1X5jVs { transition: background-color .2s ease !important; } -.chat-2ZfjoI .backgroundFlash-1X5jVs[style*="background-color: rgba(88, 101, 242, 0.2"], -.chat-2ZfjoI .backgroundFlash-1X5jVs[style*="background-color: rgba(88, 101, 242, 0.1"], -.chat-2ZfjoI .backgroundFlash-1X5jVs[style*="background-color: rgba(88, 101, 242, 0.0"] { +.backgroundFlash-1X5jVs[style*="background-color: rgba(88, 101, 242, 0.2"], +.backgroundFlash-1X5jVs[style*="background-color: rgba(88, 101, 242, 0.1"], +.backgroundFlash-1X5jVs[style*="background-color: rgba(88, 101, 242, 0.0"] { background-color: #7289DA10 !important; } /* Message Hover Toolbar: Mentioned */ @@ -3773,9 +3858,17 @@ border-color: #3F3C36; } +/* Bot Message: Only You Can See This */ +.ephemeralMessage-11q8XZ { + margin-top: 0px; + font-size: 13px; + color: #CCCCCC; +} + /* Discord Live Timestamps */ .timestamp-6-ptG3 { background-color: #191919; + color: #FFFFFF; padding: 1px 2px; font-weight: bold; } @@ -3790,10 +3883,6 @@ .mentioned-Tre-dv .container-2sjPya .footer-GXWBBp { background-color: rgba(18,18,18,0.7); } -/* Table Only Uses Needed Space */ -.chat-2ZfjoI .markup-eYLPri code { - width: fit-content; -} /* Text & Table/Code Preview */ .markup-eYLPri pre, .container-rr3Ruk { @@ -3829,13 +3918,22 @@ background-color: #191919; } .languageSelector-2e1IuO .inner-2pOSmK, -.languageSelector-2e1IuO .item-1BCeuB.selected-22ukbQ { +.languageSelector-2e1IuO .item-1Mjtru.selected-22ukbQ { background-color: #141414; } -.languageSelector-2e1IuO .item-1BCeuB:hover { +.languageSelector-2e1IuO .item-1Mjtru:hover { background-color: #161616; } +/* Text & Table/Code Markup Profiles Light Fix */ +.userPopoutOuter-3AVBmJ.theme-light .markup-eYLPri code, +.userPopoutOuter-3AVBmJ.theme-light .markup-eYLPri code.inline, +.root-1CAIjD .theme-light.userProfileModalOuter-1FYL8T .markup-eYLPri code, +.root-1CAIjD .theme-light.userProfileModalOuter-1FYL8T .markup-eYLPri code.inline { + background-color: var(--profile-body-background-color); + border: 1px solid transparent; +} + /* Link Embed */ .embedFull-1HGV2S { background-color: rgba(20,20,20,0.9); @@ -3890,6 +3988,12 @@ right: -2px; z-index: 1; } +/* Link Embed: Video Play Buttons */ +.chatContent-3KubbW .container-2sjPya .wrapper-x4po40 { + border-radius: 20px; + padding: 6px; + height: 36px; +} /* Image Description */ .altText-sAs-Ao { @@ -3924,8 +4028,43 @@ filter: invert(1) contrast(0.75); } .imageAccessory-2yA7Kb { - right: 2px; - top: 4px; + left: 2px !important; + top: 4px !important; +} + +/* Larger Uploaded Images */ +.mediaAttachmentsContainer-1WGRWy, +.mediaAttachmentsContainer-1WGRWy .oneByOneGridSingle-2ss-Zx { + border-radius: 2px; +} +/* Uploaded Image Remove Button */ +.imageContainer-10XenG .hoverButtonGroup-2yZIzC { + background-color: transparent; + border-radius: 5px 4px 5px 5px; + top: 0px; + right: 0px; +} +.imageContainer-10XenG .hoverButton-36QWJk { + padding: 6px; +} +/* Uploaded Video Remove/Download Button */ +.mediaAttachmentsContainer-1WGRWy .hoverButtonGroup-2yZIzC { + background-color: rgba(0,0,0,0.6) !important; + border-radius: 0px 0px 0px 5px !important; + top: 0px !important; + right: 0px !important; +} +/* Uploaded File Download Button */ +.messageAttachmentMediaMosaic-2ic1yt .hoverButtonGroup-2yZIzC { + background-color: #161616; +} +.messageAttachmentMediaMosaic-2ic1yt .hoverButtonGroup-2yZIzC .hoverButton-36QWJk:hover { + background-color: #191919; + color: var(--bd-blue-hover); +} +.messageAttachmentMediaMosaic-2ic1yt .hoverButtonGroup-2yZIzC .hoverButton-36QWJk:hover.removeAttachmentHoverButton-3gHROs { + background-color: var(--status-danger-background); + color: #FFFFFF; } /* Edit Message Box */ @@ -4001,6 +4140,11 @@ border: 1px solid #29323F95; } +/* Bot Buttons */ +.container-3nKPGI .component-ifCTxY { + margin: 0px 4px 4px 0px; +} + /* WhoReacted Plugin */ .reactors .more-reactors { background-color: #161616 !important; @@ -4029,7 +4173,7 @@ .container-KM8BU6 .reactors-1VXca7 { background-color: #191919; } -.container-KM8BU6 .reactors-1VXca7 .wrapper-1VLyxH { +.container-KM8BU6 .reactors-1VXca7 .wrapper-3Un6-K { width: 28px !important; height: 28px !important; } @@ -4050,7 +4194,7 @@ .popoutContainer-2wbmiM .popoutLoadingForeground-3xnRkg { background-image: none; } -.popoutContainer-2wbmiM .emojiSection-3QtaWO .lookFilled-yCfaCM.colorGreen-3y-Z79 { +.popoutContainer-2wbmiM .emojiSection-3QtaWO .lookFilled-1H2Jvj.colorGreen-jIPCAS { display: none; } .popoutContainer-2wbmiM .emojiSection-3QtaWO { @@ -4114,6 +4258,7 @@ } .wrapper-1FP9YQ .metadata-3IncIG { text-shadow: -1px 2px 1px #191919; + padding: 18px 6px 6px; } .wrapper-1FP9YQ .metadata-3IncIG .metadataIcon-3QMhu9 { filter: drop-shadow(-1px 2px 1px #191919); @@ -4192,11 +4337,11 @@ color: #3B88C3; } /* Join Server: Button */ -.wrapper-1HIH0j .lookFilled-yCfaCM.colorGreen-3y-Z79, -.wrapper-1HIH0j .lookFilled-yCfaCM.colorGreen-3y-Z79:disabled { +.wrapper-1HIH0j .lookFilled-1H2Jvj.colorGreen-jIPCAS, +.wrapper-1HIH0j .lookFilled-1H2Jvj.colorGreen-jIPCAS:disabled { background-color: var(--bd-blue); } -.theme-dark .wrapper-1HIH0j .lookFilled-yCfaCM.colorGreen-3y-Z79:hover { +.theme-dark .wrapper-1HIH0j .lookFilled-1H2Jvj.colorGreen-jIPCAS:hover { background-color: var(--bd-blue-hover); } /* Scheduled Event */ @@ -4257,23 +4402,21 @@ .markup-eYLPri .emoji.jumboable { min-height: var(--Chat-Emoji-Large-Size) !important; min-width: var(--Chat-Emoji-Large-Size); + /* transform: translateZ(0); */ } /* DiscordFreeEmojis/Freemoji Plugin */ -.embedImage-2Ynqkh[style*="max-width: 48px"] { +.imageWrapper-oMkQl4[style*="max-width: 48px"], +.imageWrapper-oMkQl4[style*="max-width: 48px"] img { height: var(--Chat-Emoji-Large-Size) !important; - width: var(--Chat-Emoji-Large-Size) !important; + width: var(--Chat-Emoji-Large-Size) !important; border-radius: 0px; + transform: translateZ(0); } -.embedImage-2Ynqkh[style*="max-width: 48px"] .imageAccessory-2yA7Kb, -.embedImage-2Ynqkh[style*="max-width: 48px"]+.altText-sAs-Ao { +.imageWrapper-oMkQl4[style*="max-width: 48px"] .gifTag-1TvtGO, +.imageWrapper-oMkQl4[style*="max-width: 48px"] .imageAccessory-2yA7Kb, +.imageWrapper-oMkQl4[style*="max-width: 48px"]+.altText-sAs-Ao { display: none; } -.emojiPicker-6YCk8a .emojiItemDisabled-3VVnwp { - filter: grayscale(0.8); -} -.emojiPicker-6YCk8a .emojiItemDisabled-3VVnwp.emojiItemSelected-2Lg50V { - filter: grayscale(0); -} /* BetterDiscord Chat Emotes */ .emotewrapper { @@ -4294,7 +4437,7 @@ } /* Emoji Picker: Small Height */ -.layer-2aCOJ3 .animatorLeft-3yvG13 .emojiPicker-6YCk8a, +.layer-2BGhQ8 .animatorLeft-1I1Kvj .emojiPicker-6YCk8a, .positionContainer-dMArNx[class*="positionContainerOnlyEmoji-"] { height: 422px !important; /* 468px */ } @@ -4303,6 +4446,7 @@ height: var(--Emoji-Menu-Height); } /* Emoji Picker: Header */ +.wrapper-3u51GQ .header-11eigE, .contentWrapper-3vHNP2 { background-color: #101010; padding-top: 10px; @@ -4384,6 +4528,13 @@ background-color: #101010; border: 2px solid transparent; } +/* Desaturated Disabled Emojis */ +.emojiPicker-6YCk8a .emojiItemDisabled-3VVnwp { + filter: grayscale(0.8); +} +.emojiPicker-6YCk8a .emojiItemDisabled-3VVnwp.emojiItemSelected-2Lg50V { + filter: grayscale(0); +} /* Upload New Emoji */ .emojiPickerListWrapper-1T3YI3 .emojiItemMedium-2stgkv .icon-PeEVCD { fill: #CCCCCC; @@ -4457,13 +4608,19 @@ .contentWrapper-3vHNP2 .container-3eG4QA .categoryFadeBlurple-1l49_Q:hover { background-color: rgba(0,0,0,0.1); } +.contentWrapper-3vHNP2 .noResults-3uG8aR .sadImage-2_mw0p { + filter: grayscale(1) contrast(1.4); +} /* Stickers Picker */ .contentWrapper-3vHNP2 .header-uVCAlo { - padding: 0 8px 12px; + padding: 0 8px 8px; } .contentWrapper-3vHNP2 .header-uVCAlo .inner-1NoIT5 { overflow: hidden !important; } +.contentWrapper-3vHNP2 .categoryListWithSearch-2jrzH6 { + top: 44px; +} .contentWrapper-3vHNP2 .list-obNEuP, .contentWrapper-3vHNP2 .inspector-DFKXwB, .contentWrapper-3vHNP2 .standardStickerShortcut-ObSns3, @@ -4694,7 +4851,7 @@ } /* Nitro Access Ends In X Days Modal */ -.root-g14mjS .whatYouLoseItem-3tqvMO { +.root-1CAIjD .whatYouLoseItem-3tqvMO { background-color: #161616; border-radius: 0px; } @@ -4724,16 +4881,16 @@ } /* Invite To Game Window: Comment Box */ -.root-g14mjS .inner-1NoIT5, -.root-g14mjS .scrollableContainer-15eg7h { +.root-1CAIjD .inner-1NoIT5, +.root-1CAIjD .scrollableContainer-15eg7h { background-color: #161616; } /* Invite To Game Window: Cancel Button */ -.root-g14mjS .lookLink-9FtZy-.colorBrand-3pXr91 { +.root-1CAIjD .lookLink-9FtZy-.colorBrand-3pXr91 { color: #E5E5E5; margin-right: 5px; } -.root-g14mjS .lookLink-9FtZy-.colorBrand-3pXr91:hover .contents-18-Yxp { +.root-1CAIjD .lookLink-9FtZy-.colorBrand-3pXr91:hover .contents-18-Yxp { background-image: none; } @@ -4780,12 +4937,12 @@ } /* Delete Message Window */ -.root-g14mjS.small-23Atuv .message-G6O-Wv { +.root-1CAIjD.small-2xUY-3 .message-G6O-Wv { background-color: #141414; box-shadow: none; } /* Report Message Window */ -.root-g14mjS .messagePreviewContainer-1oR1Oc { +.root-1CAIjD .messagePreviewContainer-1oR1Oc { background-color: #141414; border: none; max-height: 300px; @@ -4820,6 +4977,17 @@ background-color: #161616; border: none; } +.attachment-1PZZB2.newMosaicStyle-35X6XO, +.wrapperAudio-1Bzv_Z.newMosaicStyle-31sBoZ { + padding: 10px; + width: auto; +} +.nonMediaAttachment-3C_4Pd { + top: -8px; + right: -8px; + outline: none; +} + .attachment-1PZZB2 .downloadButton-2HLFWN, .wrapperAudio-1Bzv_Z .metadataIcon-3QMhu9 { color: #3280D0; @@ -4864,12 +5032,12 @@ .welcomeCTA-3GMMRK { display: var(--Chat-Wave-To-New-User-Button); } -.welcomeCTA-3GMMRK .lookFilled-yCfaCM.colorPrimary-2AuQVo { +.welcomeCTA-3GMMRK .lookFilled-1H2Jvj.colorPrimary-2-Lusz { background-color: #191919 !important; border: none !important; height: 32px; } -.welcomeCTA-3GMMRK .lookFilled-yCfaCM.colorPrimary-2AuQVo:hover { +.welcomeCTA-3GMMRK .lookFilled-1H2Jvj.colorPrimary-2-Lusz:hover { background-color: #212121 !important; } /* Wave To User: DM Button */ @@ -4903,7 +5071,7 @@ .spamBanner-1auiob .bannerIcon-3Ffn3Y { margin-right: 6px; } -.spamBanner-1auiob .actionButtons-2SAg-Q .lookFilled-yCfaCM.colorRed-rQXKgM .contents-18-Yxp { +.spamBanner-1auiob .actionButtons-2SAg-Q .lookFilled-1H2Jvj.colorRed-2VFhM4 .contents-18-Yxp { white-space: normal; } @@ -4942,13 +5110,16 @@ .container-2o3qEW, .members-3WRCEx, .members-3WRCEx > div { - background-color: #161616; + background: var(--bg-overlay-chat,var(--background-secondary)); } -.membersWrap-3NUR2t .scrollerBase-_bVAAt::-webkit-scrollbar-thumb { +.members-3WRCEx .member-48YF_l { + background-color: transparent !important; +} +.membersWrap-3NUR2t .scrollerBase-1Pkza4::-webkit-scrollbar-thumb { background-color: #212121; } .membersWrap-3NUR2t { - min-width: 0; + min-width: var(--User-List-Width); } .membersWrap-3NUR2t .members-3WRCEx { width: var(--User-List-Width); @@ -5042,6 +5213,13 @@ .layout-1qmrhw .icon-Lupfh- { color: #B5B5B5; } +/* Activity Icons Plugin */ +.activity-icon { + margin-left: 2px; +} +.activity-icon path { + fill: #CCCCCC; +} /* User List: Loading */ .privateChannels-oVe7HL .empty-yQo7LQ { @@ -5101,7 +5279,8 @@ /* Sidebar Active Threads Popout */ .popout-TdhJ6Z { background-color: #191919; - left: 4px; + margin-left: 4px; + border-radius: 0px 4px 4px 0px; } /* Threads Popout */ @@ -5149,24 +5328,26 @@ } .browser-mnQ1T7 .list-3YHPPb .container-2rzKKA .subtext-21DUaG { overflow: visible; + line-height: 22px; } -.browser-mnQ1T7 .list-3YHPPb .container-2rzKKA .avatar-2jnSDw, .noAvatarIcon-3Jqqzy { - width: 22px !important; - height: 22px !important; +.browser-mnQ1T7 .list-3YHPPb .container-2rzKKA .avatar-2jnSDw svg { + width: 20px !important; + height: 20px !important; + margin-top: -2px; } /* Active Threads Modal */ -.root-g14mjS .container-3GP6AV .header-3cSJjT { +.root-1CAIjD .container-3GP6AV .header-3cSJjT { background-color: #161616; } -.root-g14mjS .container-3GP6AV { +.root-1CAIjD .container-3GP6AV { background-color: #212121; } -.root-g14mjS .container-3GP6AV .container-2rzKKA { +.root-1CAIjD .container-3GP6AV .container-2rzKKA { background-color: #161616; border: none; } -.root-g14mjS .container-3GP6AV .container-2rzKKA:hover { +.root-1CAIjD .container-3GP6AV .container-2rzKKA:hover { background-color: #191919; } @@ -5194,17 +5375,14 @@ .cozy-VmLDNB .container-3i3IzO .threadMessageAccessory-2W9mjC .username-h_Y3Us { opacity: 1; } +.cozy-VmLDNB .container-3i3IzO .emoji { + height: 18px; + width: 18px; +} /* Chat Started A Thread Notice */ .isSystemMessage-QNv9ZH.cozy-VmLDNB.hasThread-3h-KJV:after { top: 2.0rem !important; } -/* Chat Thread Begining Of Thread */ -.container-1yy5xN .iconWrapper-3plkqh { - background-color: transparent; -} -.container-1yy5xN .subtitle-C_i4IN { - color: #FFFFFF; -} /* Chat Thread Jump To Button */ .quotedChatMessage-PxNsZi .jump-1vIlrw { background-color: transparent; @@ -5223,8 +5401,11 @@ } /* Thread Sidebar */ +.chatContent-3KubbW .divider-AZrXIA { + background-color: #161616; +} .resizeHandle-PBRzPC, -.divider-AZrXIA { +.container-3XgAHv .divider-AZrXIA { background-color: #1B1B1B; } .resizeHandle-PBRzPC+.container-3XgAHv, @@ -5275,7 +5456,8 @@ .container-3XgAHv .embedFull-1HGV2S, .container-3XgAHv .markup-eYLPri code, .container-3XgAHv .markup-eYLPri code.inline { - background-color: #111111; + background-color: #0F0F0F; + border-color: #0F0F0F; } .container-3XgAHv .content-3spvdd { background-color: #141414; @@ -5291,24 +5473,15 @@ /******************************************** Friends Tab ********************************************/ -.peopleColumn-1wMU14 { - background-color: var(--background-primary); -} -.peopleColumn-1wMU14 .scrollerBase-_bVAAt::-webkit-scrollbar-track { - background-color: #141414; -} -.peopleColumn-1wMU14 .scrollerBase-_bVAAt::-webkit-scrollbar-thumb { - background-color: #1B1B1B; -} - /* Friends List: Top Searchbar */ .peopleColumn-1wMU14 .searchBar-2aylmZ { margin: 0px 0px 0px 8px; display: var(--Friends-List-Searchbar); } .peopleColumn-1wMU14 .searchBar-2aylmZ.container-2oNtJn { - background-color: #151515; + background-color: transparent; border-radius: 0px 0px 4px 4px; + margin-bottom: -10px; } /* Friends List: Header */ .peopleColumn-1wMU14 .title-x4dI75 { @@ -5332,14 +5505,34 @@ } .peopleList-2VBrVI .peopleListItem-u6dGxF:hover, .peopleList-2VBrVI .peopleListItem-u6dGxF.active-2UF8Zh { - background-color: #141414; + background-color: #151515; border-radius: 0px; } +.peopleList-2VBrVI .peopleListItem-u6dGxF .userInfo-2WpsYG, +.peopleList-2VBrVI .peopleListItem-u6dGxF .userInfo-2WpsYG .avatar-2MSPKk .mask-1y0tyc { + overflow: visible; +} .peopleList-2VBrVI .peopleListItem-u6dGxF .userInfo-2WpsYG .avatar-2MSPKk { - width: 35px !important; - height: 35px !important; margin: 1px 12px 0px 0px; } +.peopleList-2VBrVI .peopleListItem-u6dGxF .userInfo-2WpsYG .avatar-2MSPKk svg { + contain: none; +} +.peopleList-2VBrVI .peopleListItem-u6dGxF .userInfo-2WpsYG .avatar-2MSPKk foreignObject { + width: 35px; + height: 35px; +} +.peopleList-2VBrVI .peopleListItem-u6dGxF .userInfo-2WpsYG .avatar-2MSPKk rect { + x: 24px; + y: 24px; + width: 11px; + height: 11px; +} +.peopleList-2VBrVI .peopleListItem-u6dGxF .userInfo-2WpsYG .avatar-2MSPKk rect[mask="url(#svg-mask-status-online-mobile)"] { + x: 24px; + y: 19px; + height: 16px; +} .peopleList-2VBrVI .peopleListItem-u6dGxF .actionButton-3-B2x- { background-color: transparent; width: 24px; @@ -5359,12 +5552,12 @@ color: #FFFFFF; font-weight: 500; } -.peopleList-2VBrVI [data-list-item-id].peopleListItem-u6dGxF::before { +.peopleList-2VBrVI [data-list-item-id].peopleListItem-u6dGxF:hover::before { content: ''; position: absolute; background-image: var(--user-background) !important; background-size: cover; - box-shadow: inset 0 0 6px 0px #131313; + box-shadow: inset 0 0 6px 0px #191919; width: calc(100% - 16px); height: 59px; left: 10px; @@ -5379,8 +5572,8 @@ .peopleList-2VBrVI[data-list-id="people-list"] { margin-bottom: -42px; } -.peopleList-2VBrVI > div:not(.content-2a4AW9) .peopleListItem-u6dGxF, -.peopleList-2VBrVI > div:not(.content-2a4AW9) .peopleListItem-u6dGxF:hover { +.peopleList-2VBrVI > div:not(.content-yjf30S) .peopleListItem-u6dGxF, +.peopleList-2VBrVI > div:not(.content-yjf30S) .peopleListItem-u6dGxF:hover { margin: 0 0px 0 0px; padding: 0px 0px; } @@ -5388,36 +5581,34 @@ display: none !important; } @media only screen and (max-width: 1500px) { - .peopleList-2VBrVI > div:not(.content-2a4AW9) { + .peopleList-2VBrVI > div:not(.content-yjf30S) { grid-template-columns: repeat(2, 1fr) !important } - .peopleList-2VBrVI > div:not(.content-2a4AW9) .title-x4dI75 { + .peopleList-2VBrVI > div:not(.content-yjf30S) .title-x4dI75 { grid-column: 1/3 !important; } } -.peopleList-2VBrVI > div:not(.content-2a4AW9) { +.peopleList-2VBrVI > div:not(.content-yjf30S) { grid-template-columns: repeat(3, 1fr); display: grid; gap: 8px 8px; margin: 0px 6px 0px 10px; } -.peopleList-2VBrVI > div:not(.content-2a4AW9) .peopleListItem-u6dGxF { +.peopleList-2VBrVI > div:not(.content-yjf30S) .peopleListItem-u6dGxF { background-color: #161616; border-radius: 4px; border-top: none; height: 60px !important; filter: blur(0px); } -.peopleList-2VBrVI > div:not(.content-2a4AW9) .peopleListItem-u6dGxF .userInfo-2WpsYG .avatar-2MSPKk { - width: 36px !important; - height: 36px !important; - margin: 0px 8px 0px 8px; +.peopleList-2VBrVI > div:not(.content-yjf30S) .peopleListItem-u6dGxF .userInfo-2WpsYG .avatar-2MSPKk { + margin: 1px 10px 0px 8px; } -.peopleList-2VBrVI > div:not(.content-2a4AW9) .peopleListItem-u6dGxF .text-3j8t_e .username-Qpc78p { +.peopleList-2VBrVI > div:not(.content-yjf30S) .peopleListItem-u6dGxF .text-3j8t_e .username-Qpc78p { overflow: visible; font-weight: 500; } -.peopleList-2VBrVI > div:not(.content-2a4AW9) [data-list-item-id].peopleListItem-u6dGxF::before { +.peopleList-2VBrVI > div:not(.content-yjf30S) [data-list-item-id].peopleListItem-u6dGxF::before { content: ''; position: absolute; background-image: var(--user-background); @@ -5431,31 +5622,31 @@ z-index: -1; pointer-events: none; } -.peopleList-2VBrVI > div:not(.content-2a4AW9) .peopleListItem-u6dGxF:hover::before { +.peopleList-2VBrVI > div:not(.content-yjf30S) .peopleListItem-u6dGxF:hover::before { opacity: .4; } -.peopleList-2VBrVI > div:not(.content-2a4AW9) .peopleListItem-u6dGxF .actionButton-3-B2x- { +.peopleList-2VBrVI > div:not(.content-yjf30S) .peopleListItem-u6dGxF .actionButton-3-B2x- { background-color: transparent; margin: 0px 4px 0px -4px; width: 24px; display: none; } -.peopleList-2VBrVI > div:not(.content-2a4AW9) .peopleListItem-u6dGxF:hover .actionButton-3-B2x-, -.peopleList-2VBrVI > div:not(.content-2a4AW9) .peopleListItem-u6dGxF.active-2UF8Zh .actionButton-3-B2x- { +.peopleList-2VBrVI > div:not(.content-yjf30S) .peopleListItem-u6dGxF:hover .actionButton-3-B2x-, +.peopleList-2VBrVI > div:not(.content-yjf30S) .peopleListItem-u6dGxF.active-2UF8Zh .actionButton-3-B2x- { display: flex; } -.peopleList-2VBrVI > div:not(.content-2a4AW9) .peopleListItem-u6dGxF .userInfo-3bsjnc { +.peopleList-2VBrVI > div:not(.content-yjf30S) .peopleListItem-u6dGxF .userInfo-3bsjnc { flex: 0 0 210px; } -.peopleList-2VBrVI > div:not(.content-2a4AW9) .peopleListItem-u6dGxF:hover .userInfo-2WpsYG { - flex: 0 0 80%; +.peopleList-2VBrVI > div:not(.content-yjf30S) .peopleListItem-u6dGxF:hover .userInfo-2WpsYG { + flex: 0 0 70%; width: 160px; } /* Friends List: Add Friend Page */ .peopleColumn-1wMU14 .addFriendInputWrapper-kkoSV9, -.peopleColumn-1wMU14 .addFriendInputWrapper-kkoSV9 .input-2g-os5, -.peopleColumn-1wMU14 .addFriendInputWrapper-kkoSV9 .input-2g-os5:hover { +.peopleColumn-1wMU14 .addFriendInputWrapper-kkoSV9 .input-3O04eu, +.peopleColumn-1wMU14 .addFriendInputWrapper-kkoSV9 .input-3O04eu:hover { background-color: #181818; border: none; } @@ -5488,7 +5679,7 @@ font-size: 13px; } .container-1oAagU .padded-2NSY6O { - padding: 12px 8px 12px 8px; + padding: 10px 8px 10px 8px; border-radius: 4px } .container-1oAagU .section-3G9aLW { @@ -5496,6 +5687,9 @@ padding: 8px 6px 8px 6px; border-radius: 4px; } +.container-1oAagU .section-3G9aLW .gameSection-rrqv7c>div { + min-width: 140px; +} .container-1oAagU .padded-2NSY6O, .container-1oAagU .inset-SbsSFp { background-color: #161616; @@ -5539,19 +5733,19 @@ background-color: transparent; } .container-1oAagU .partyMember-YLjOa7 { - width: 28px; - height: 28px !important; margin-top: -1px; + width: 28px; + height: 28px; } -.container-1oAagU .partyMember-YLjOa7+.partyMember-YLjOa7 { - margin-left: 0px; +.container-1oAagU .partyMember-YLjOa7 svg { + height: 28px; + overflow: visible; } .container-1oAagU .partyMemberOverflow-3G1oZz { background-color: #1E1E1E; border-radius: 16px; width: 28px; height: 28px; - margin-left: 0px; margin-top: -2px; padding: 0px; } @@ -5573,22 +5767,22 @@ text-shadow: -1px 2px 2px #111111; } /* Friends Playing Sidebar: Popout */ -.layer-2aCOJ3 .popout-3Zw0qN { +.layer-2BGhQ8 .popout-3Zw0qN { background-color: #191919; box-shadow: -4px 8px 12px rgba(0,0,0,.3); margin-right: -8px; padding: 6px 14px; } -.layer-2aCOJ3 .popout-3Zw0qN .item-31MpoQ, -.layer-2aCOJ3 .popout-3Zw0qN .memberListItem-31QoHj { +.layer-2BGhQ8 .popout-3Zw0qN .item-31MpoQ, +.layer-2BGhQ8 .popout-3Zw0qN .memberListItem-31QoHj { margin: 6px -8px 0px -8px; } -.layer-2aCOJ3 .popout-3Zw0qN .item-31MpoQ:hover, -.layer-2aCOJ3 .popout-3Zw0qN .enabled-1t_Gxm:hover, -.layer-2aCOJ3 .popout-3Zw0qN .memberListItem-31QoHj:not(.popoutDisabled-2RK7MF):hover { +.layer-2BGhQ8 .popout-3Zw0qN .item-31MpoQ:hover, +.layer-2BGhQ8 .popout-3Zw0qN .enabled-1t_Gxm:hover, +.layer-2BGhQ8 .popout-3Zw0qN .memberListItem-31QoHj:not(.popoutDisabled-2RK7MF):hover { background-color: #161616; } -.layer-2aCOJ3 .popout-3Zw0qN .partyMemberUnknown-EEivAl { +.layer-2BGhQ8 .popout-3Zw0qN .partyMemberUnknown-EEivAl { filter: grayscale(1) contrast(1.15); } @@ -5604,7 +5798,7 @@ box-shadow: none; } -/* Add Friend To Group DM Popout */ +/* Add Friend To Group DM Popout/Create DM */ .popout-3gby1q { background-color: #111111 !important; min-width: 420px !important; @@ -5612,50 +5806,44 @@ .popout-3gby1q .scroller-1Kbkqa::-webkit-scrollbar-thumb { background-color: #191919; } -.popout-3gby1q .header-1zd7se, -.popout-3gby1q .header-1zd7se .separator-2lLxgC, -.popout-3gby1q .header-1zd7se .inner-1NoIT5 { +.popout-3gby1q .header-1ffhsl, +.popout-3gby1q .header-1ffhsl .separator-3C440w, +.popout-3gby1q .header-1ffhsl .inner-1NoIT5 { background-color: #161616 !important; padding: 0px; } -.popout-3gby1q .header-1zd7se .heading-lg-medium-3gUJeM { +.popout-3gby1q .header-1ffhsl .marginTop20-2T8ZJx { + background-color: #111111; + margin-top: 4px; +} +.popout-3gby1q .header-1ffhsl .heading-lg-semibold-14ouVv { padding: 8px 14px 0px 14px; } -.popout-3gby1q .header-1zd7se .marginTop4-2JFJJI { +.popout-3gby1q .header-1ffhsl .marginTop4-2JFJJI { padding: 0px 14px 0px 14px; } -.popout-3gby1q .header-1zd7se .searchBar-14YqL- .searchBarComponent-18D6hD { +.popout-3gby1q .header-1ffhsl .searchBar-14YqL- .searchBarComponent-18D6hD { margin: 8px 8px 10px 8px; } -.popout-3gby1q .header-1zd7se .searchBar-14YqL- .addButton-cr4zLw { - margin: 8px 8px 0px 0px; -} -.popout-3gby1q .header-1zd7se .marginTop20-2T8ZJx { - background-color: #111111; - margin-top: 4px; -} -.popout-3gby1q .header-1zd7se .inner-1NoIT5 .input-2FSSDe { +.popout-3gby1q .header-1ffhsl .searchBar-14YqL- .input-2FSSDe { color: #FFFFFF; font-size: 14px; } -.popout-3gby1q .header-1zd7se .searchBar-14YqL- .tag-15zcD_ { +.popout-3gby1q .header-1ffhsl .searchBar-14YqL- .tag-15zcD_ { color: #FFFFFF; background-color: var(--bd-blue); } -.popout-3gby1q .content-2a4AW9 .friendWrapper-2x5j0A { +.popout-3gby1q .content-yjf30S .friendWrapper-2x5j0A { margin: 0px 0px 0px 8px; } -.popout-3gby1q .content-2a4AW9 .friend-8ZraY7.friendSelected-3cwmD7 { +.popout-3gby1q .content-yjf30S .friendWrapper-2x5j0A .friendSelected-3cwmD7 { background-color: #171717; } -.popout-3gby1q .content-2a4AW9[style="height: 56px;"] { - height: 42px !important; -} -.popout-3gby1q .content-2a4AW9 .friend-8ZraY7 .nameTag-H6kSJ0 { - font-size: 12px; +.popout-3gby1q .content-yjf30S .friend-8ZraY7 .nameTag-H6kSJ0 { + font-size: 13px; } .popout-3gby1q .errorState-1R6bBt.noResults-1ceiMB { - padding: 4px; + padding: 12px; } .popout-3gby1q .marginBottom20-315RVT { margin-bottom: 0px; @@ -5674,10 +5862,10 @@ flex: 0 0 140px; margin-left: 0px; } -.peopleList-2VBrVI > div:not(.content-2a4AW9) .mutualGuilds-s7F2aa { +.peopleList-2VBrVI > div:not(.content-yjf30S) .mutualGuilds-s7F2aa { flex: 0 0 100px; } -.peopleList-2VBrVI > div:not(.content-2a4AW9) .peopleListItem-u6dGxF:hover .mutualGuilds-s7F2aa { +.peopleList-2VBrVI > div:not(.content-yjf30S) .peopleListItem-u6dGxF:hover .mutualGuilds-s7F2aa { flex: 0 0 100px; margin-left: -15%; display: none; @@ -5694,6 +5882,57 @@ fill: #FFFFFF; } +/****************************************** Message Requests *****************************************/ + +/* Message Requests */ +/* .list-2hhlBX */ +.list-26SL7B .content-yjf30S[style="height: 24px;"] { + height: 0px !important; +} +.list-26SL7B { + margin: 0px 6px 0px 0px; + padding: 0px 10px; +} +.list-26SL7B .sectionTitle-3caGtC { + color: var(--header-secondary); + border-bottom: 1px solid #1E1E1E; + font-size: 13px; + padding: 13px 0px 13px 6px; + margin: 0px; +} +.list-26SL7B .avatar-3q4RLg { + margin: 0px 12px 0px -2px; +} +.list-26SL7B .messageRequestItem-1_NNAR { + height: 60px; + border-color: #1E1E1E; +} +.list-26SL7B .messageRequestItem-1_NNAR:hover { + background-color: #151515; + border-bottom: 1px solid transparent; +} +.list-26SL7B .messageRequestItem-1_NNAR .markup-eYLPri .emoji { + height: 18px; + width: 18px; +} +.list-26SL7B .messageRequestItem-1_NNAR .messageContent-1x2SSh { + color: #A5A5A5; +} +.list-26SL7B .messageRequestItem-1_NNAR .actionButton-3GQIiT { + background-color: transparent; +} +.list-26SL7B .messageRequestItem-1_NNAR .actionButton-3GQIiT path { + fill: #CCCCCC !important; +} +.list-26SL7B .messageRequestItem-1_NNAR .actionButton-3GQIiT:hover path { + fill: #FFFFFF !important; +} + +/* Wast That Not Spam Banner */ +.hamBanner-2jDGhV { + background-color: #191919; +} + /******************************************* Game Preview ********************************************/ .container-jGk-CT .emptyPlayers-dx3qig, @@ -5881,20 +6120,20 @@ -webkit-mask: none; } /* Library Install Game */ -.root-g14mjS .splash-18F8o3 { +.root-1CAIjD .splash-18F8o3 { filter: none; opacity: 0.3; } -.root-g14mjS .splash-18F8o3+.separator-2lLxgC { +.root-1CAIjD .splash-18F8o3+.separator-3C440w { box-shadow: none !important; } -.root-g14mjS .content-2hZxGK .divider-2L-ojc { +.root-1CAIjD .content-1OG56Q .divider-2L-ojc { background-color: #333333; } -.root-g14mjS .installSize-3az1nt { +.root-1CAIjD .installSize-3az1nt { background-color: var(--bd-blue); } -.root-g14mjS .lookFilled-1h1y05.select-1Pkeg4 { +.root-1CAIjD .lookFilled-1h1y05.select-1Pkeg4 { background-color: #191919; border: none } @@ -5911,8 +6150,16 @@ } /* Promotion Gift */ -.standardSidebarView-E9Pc3j .children-1xdcWE .promotionCard-mo7ClH { - background-image: url("https://i.imgur.com/XjlkfGu.png"); +.standardSidebarView-E9Pc3j .promotionCard-mo7ClH { + background-color: #141414; +} + +/* Game Drops */ +.standardSidebarView-E9Pc3j .dropCard-1Mom-l { + background-color: #141414; +} +.standardSidebarView-E9Pc3j .dropCriteria-UN2xbq { + background-color: #161616; } /***************************************** Application Store *****************************************/ @@ -6026,27 +6273,22 @@ } /* 2 Typing Indicator Dots */ -:where(.sidebar-1tnWFu, .container-2o3qEW, .cozy-VmLDNB) .wrapper-1VLyxH .dots-1BwzZQ :nth-child(3) { +:where(.sidebar-1tnWFu, .container-2o3qEW, .cozy-VmLDNB, .layout-1qmrhw) .wrapper-3Un6-K .dots-1k2MxY :nth-child(3) { fill: transparent; } -.wrapper-1VLyxH .mask-1FEkla rect[width="25"] { +.wrapper-3Un6-K .mask-1y0tyc rect[width="25"] { width: 19px; } -/* 2 Typing Indicator Dots: StatusEverywhere Fix */ -.wrapper-1VLyxH .mask-1FEkla rect[width="30"] { - width: 22px; -} -.wrapper-1VLyxH .mask-1FEkla rect[width="20"] { - width: 16px; -} /* Online Status Mask Color */ +.mask-1y0tyc rect[fill*="#23a55a"], +.mask-1y0tyc rect[fill*="#3ba55c"], [mask*="url(#svg-mask-status-online)"], -[aria-label*="Online"] rect[fill*="hsl(139"] { +[aria-label*="Online" i] rect[fill*="hsl(139"] { fill: hsl(153, calc(var(--saturation-factor, 1) * 47.3%), 47.3%); /* #43B581 */ } [mask="url(#svg-mask-status-idle)"], -[aria-label*="Idle"] rect[fill*="hsl(38"] { +[aria-label*="Idle" i] rect[fill*="hsl(38"] { fill: hsl(38, calc(var(--saturation-factor, 1) * 95.7%), 54.1%); /* #FAA61A */ } [mask="url(#svg-mask-status-dnd)"], @@ -6056,109 +6298,109 @@ [aria-label*="Streaming"] rect[fill*="hsl(262"] { fill: hsl(262, calc(var(--saturation-factor, 1) * 46.8%), 39.8%); /* #593695 */ } -[aria-label*="Offline"] rect[fill*="hsl(214"], -[aria-label*="Invisible"] rect[fill*="hsl(214"] { +[aria-label*="Offline" i] rect[fill*="hsl(214"], +[aria-label*="Invisible" i] rect[fill*="hsl(214"] { fill: hsl(214, calc(var(--saturation-factor, 1) * 9.9%), 50.4%); /* #747F8D */ } /* Context Menu: Emoji Top Wrapper */ -.menu-1QACrS .wrapper--nA0oy { +.menu-2TXYjN .wrapper--nA0oy { display: var(--Context-Menu-Emoji-Toolbar); padding: 0px; } -.menu-1QACrS .wrapper--nA0oy .button-1zW0-r { +.menu-2TXYjN .wrapper--nA0oy .button-1zW0-r { background-color: transparent; transition: 100ms; box-shadow: none; } -.menu-1QACrS .wrapper--nA0oy .button-1zW0-r:hover { +.menu-2TXYjN .wrapper--nA0oy .button-1zW0-r:hover { transform: scale(1.2); } /* Right Click Context Menu's */ -.menu-1QACrS .scroller-1bVxF5 { +.menu-2TXYjN .scroller-nxCRu_ { padding: 6px 8px; } -.menu-1QACrS, -.submenu-1apzyU { +.menu-2TXYjN, +.submenu-3ycVEH { background-color: #202020; min-width: 160px; } -.menu-1QACrS .colorDefault-CDqZdO.focused-3qFvc8, -.menu-1QACrS .colorDefault-CDqZdO:active:not(.hideInteraction-2jPGL_) { +.menu-2TXYjN .colorDefault-2_rLdz.focused-3LIdPu, +.menu-2TXYjN .colorDefault-2_rLdz:active:not(.hideInteraction-1vQrZJ) { background-color: #1B1B1B; } -.menu-1QACrS .colorDanger-3n-KnP.focused-3qFvc8 { +.menu-2TXYjN .colorDanger-3umuSx.focused-3LIdPu { background-color: var(--status-danger-background); } -.menu-1QACrS .colorDanger-3n-KnP .checkbox-hADx5o { +.menu-2TXYjN .colorDanger-3umuSx .checkbox-hADx5o { color: var(--status-danger-background) !important; } -.menu-1QACrS .colorDanger-3n-KnP.focused-3qFvc8 .checkbox-hADx5o { +.menu-2TXYjN .colorDanger-3umuSx.focused-3LIdPu .checkbox-hADx5o { color: #FFFFFF !important; } -.menu-1QACrS .labelContainer-2vJzYL { +.menu-2TXYjN .labelContainer-35-WEd { padding: 0px 6px; min-height: 27px; font-size: 13px; } -.menu-1QACrS .labelContainer-2vJzYL .label-2gNW3x .subtext-2GlkbE { +.menu-2TXYjN .labelContainer-35-WEd .label-3CEiKJ .subtext-1mqKVB { color: #44B381; } -.menu-1QACrS .labelContainer-2vJzYL.colorBrand-3cPPsm { +.menu-2TXYjN .labelContainer-35-WEd.colorBrand-3cPPsm { color: var(--bd-blue-hover); } -.menu-1QACrS .scroller-1bVxF5::-webkit-scrollbar-thumb { +.menu-2TXYjN .scroller-nxCRu_::-webkit-scrollbar-thumb { background-color: #1B1B1B !important; } -.menu-1QACrS .submenuPaddingContainer-_k62dJ { +.menu-2TXYjN .submenuPaddingContainer-QgnL1r { padding: 0 4px; } -.menu-1QACrS .submenuPaddingContainer-_k62dJ .roleDot-2gCDg5 { +.menu-2TXYjN .submenuPaddingContainer-QgnL1r .roleDot-2gCDg5 { border: none; } /* Context Menu's Checkboxes & Radio Select */ -.menu-1QACrS .colorDefault-CDqZdO .checkbox-hADx5o, -.menu-1QACrS .colorDefault-CDqZdO .radioSelection-1UHp0b, +.menu-2TXYjN .colorDefault-2_rLdz .checkbox-hADx5o, +.menu-2TXYjN .colorDefault-2_rLdz .radioSelection-1UHp0b, .radioSelected-1B_0_L { color: var(--bd-blue); } -.menu-1QACrS .colorDefault-CDqZdO.focused-3qFvc8 .check-3HZJs4 { +.menu-2TXYjN .colorDefault-2_rLdz.focused-3LIdPu .check-3HZJs4 { color: #202020; } -.menu-1QACrS .colorDefault-CDqZdO.focused-3qFvc8 .checkbox-hADx5o, -.menu-1QACrS .colorDefault-CDqZdO .check-3HZJs4 { +.menu-2TXYjN .colorDefault-2_rLdz.focused-3LIdPu .checkbox-hADx5o, +.menu-2TXYjN .colorDefault-2_rLdz .check-3HZJs4 { color: #FFFFFF; } /* ToolTips: Black */ -.tooltipPrimary-3qLMbS, -.tooltipBlack-vMYxvw { +.tooltipPrimary-2466a2, +.tooltipBlack-3X399X { background-color: #262626 !important; box-shadow: 0 1px 5px 1px #000000; } -.tooltipPrimary-3qLMbS .tooltipPointer-3L49xb, -.tooltipBlack-vMYxvw .tooltipPointer-3L49xb { +.tooltipPrimary-2466a2 .tooltipPointer-sMBQqe, +.tooltipBlack-3X399X .tooltipPointer-sMBQqe { border-top-color: #262626 !important; } /* ToolTips: Blue */ .tooltipBrand-20XsMA { background-color: var(--bd-blue) !important; } -.tooltipBrand-20XsMA .tooltipPointer-3L49xb { +.tooltipBrand-20XsMA .tooltipPointer-sMBQqe { border-top-color: var(--bd-blue) !important; } /* ToolTips: Grey */ .tooltipGrey-lpLZjh { background-color: #262626 !important; } -.tooltipGrey-lpLZjh .tooltipPointer-3L49xb { +.tooltipGrey-lpLZjh .tooltipPointer-sMBQqe { border-top-color: #262626 !important; } /* ToolTips: Green */ .theme-dark .tooltipGreen-oouJdx { background-color: var(--info-positive-foreground); } -.theme-dark .tooltipGreen-oouJdx .tooltipPointer-3L49xb { +.theme-dark .tooltipGreen-oouJdx .tooltipPointer-sMBQqe { border-top-color: var(--info-positive-foreground); } @@ -6170,6 +6412,11 @@ border-top-color: #262626; } +/* Server List: Server Hover Tooltip */ +.tooltipPrimary-2466a2 .muteText-13RgwP { + color: #A5A5A5 !important; +} + /* BOT Tag */ .botTagRegular-kpctgU, .botTagInvert-1nKcq_ { @@ -6191,36 +6438,25 @@ } /* Edit Server Profile Nitro Notice */ -.root-g14mjS .upsellCard-27q57L { +.root-1CAIjD .upsellCard-27q57L { background: #161616; } -/* Add Roles & Members Popout Window */ -.autocompleteShadow-2nfsSy { - background-color: #202020; - box-shadow: none !important; -} -.container-1S70rv .header-3i_Csh { +/* UserPopout Add Roles Popout Window */ +.container-2kTWmC { background-color: #161616; - text-shadow: 0px 1px 2px #1E1E1E; -} -.container-1S70rv .autocompleteScroller-3L6kmy { - padding: 0px; -} -.container-1S70rv .row-1Ib2uD.selected-1IWCoj .rowInner-3uonq8 { - background-color: transparent !important; + border: none; + box-shadow: var(--elevation-stroke),var(--elevation-high); } -.container-1S70rv .row-1Ib2uD.selected-1IWCoj { - background: linear-gradient(to right,#191919 90%,#202020 100%); +.container-2kTWmC .inner-2pOSmK { + background-color: #111111; } - -/* Roles & Member Add Popout Window: Scroller */ -#autocomplete-popout .autocomplete-scroller::-webkit-scrollbar-thumb { - background-color: #1B1B1B; - border: 4px solid #202020; +.container-2kTWmC .list-24H0V9 { + padding: 0px 0; } -#autocomplete-popout .autocomplete-scroller::-webkit-scrollbar-track-piece { - background-color: #202020; +.container-2kTWmC .list-24H0V9 .item-1Mjtru { + padding: 10px 4px; + margin-bottom: 0px; } /* Settings Sidebar */ @@ -6234,17 +6470,17 @@ .standardSidebarView-E9Pc3j .sidebar-nqHbhN { padding: 16px 0px 16px 12px; } -.standardSidebarView-E9Pc3j .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG { +.standardSidebarView-E9Pc3j .sidebar-nqHbhN .side-1lrxIh .item-2GWPIy { margin-bottom: 0px; padding-top: 5.7px; padding-bottom: 5.7px; } /* Settings Sidebar: Header Titles */ -.standardSidebarView-E9Pc3j .sidebar-nqHbhN .side-2ur1Qk .separator-2wx7h6 { +.standardSidebarView-E9Pc3j .sidebar-nqHbhN .side-1lrxIh .separator-2N511j { background-color: #262626; margin: 5px 8px 5px 8px; } -.standardSidebarView-E9Pc3j .sidebar-nqHbhN .side-2ur1Qk .header-2Kx1US { +.standardSidebarView-E9Pc3j .sidebar-nqHbhN .side-1lrxIh .header-2F5_LB { color: #8C8C8C; font-weight: 700; padding-left: 8px; @@ -6300,7 +6536,7 @@ } /* Settings Headers */ -.theme-dark .root-g14mjS .h5-2RwDNl, +.theme-dark .root-1CAIjD .h5-2RwDNl, .contentRegionScroller-2_GT_N .h5-2RwDNl { color: #CCCCCC; } @@ -6336,12 +6572,8 @@ background-color: #141414; } /* Nitro Perks Grid */ -.content-374sTA .featureGrid-SSlfD0 { - grid-gap: 22px 52px; -} .content-374sTA .featureGrid-SSlfD0 .feature-2IUcBI { background-color: #141414; - width: 218px; } /* Nitro Updates Notice */ @@ -6365,7 +6597,7 @@ .standardSidebarView-E9Pc3j .addressSection-3-7v_3 .lookFilled-1GseHa.select-1Ia3hD { background-color: #111111 !important; } -.standardSidebarView-E9Pc3j .codeRedemptionRedirect-3SBiCp { +.standardSidebarView-E9Pc3j .codeRedemptionRedirect-2hYMSQ { background-color: #151515; border: none; } @@ -6401,7 +6633,7 @@ } .standardSidebarView-E9Pc3j .guildHeader-3nh5RK, .standardSidebarView-E9Pc3j .guildSubscriptionSlots-JPXXvN, -.standardSidebarView-E9Pc3j .card-2gdrYL { +.standardSidebarView-E9Pc3j .cardWrapper-1bSePP { background-color: #141414; } .standardSidebarView-E9Pc3j .guildsSection-30CJxX { @@ -6414,35 +6646,35 @@ color: #777777; } /* Settings: Select A Server To Boost */ -.root-g14mjS .selectHeaderContainer-3If65_ .inner-2pOSmK { +.root-1CAIjD .selectHeaderContainer-3If65_ .inner-2pOSmK { background-color: #161616; } -.root-g14mjS .selectGuild-1Ygl76 { +.root-1CAIjD .selectGuild-1Ygl76 { padding: 6px 4px; margin: 0 2px 0 8px; } -.root-g14mjS .selectGuild-1Ygl76:hover { +.root-1CAIjD .selectGuild-1Ygl76:hover { background-color: #1C1C1C; } -.root-g14mjS .selectContent-1Riibb::-webkit-scrollbar-thumb { +.root-1CAIjD .selectContent-1Riibb::-webkit-scrollbar-thumb { background: #1C1C1C; border: 2px solid #232323; } /* Settings: Server Boost: Selecting Server */ -.theme-dark .root-g14mjS .guildCard-1ZRYY8 { +.theme-dark .root-1CAIjD .guildCard-1ZRYY8 { background-color: #141414; } -.theme-dark .root-g14mjS .subscriptionInfo-2wfGYJ .tierPill-1yRO48 { +.theme-dark .root-1CAIjD .subscriptionInfo-2wfGYJ .tierPill-1yRO48 { background-color: #202020; } /* Settings: Subscriptions */ -.standardSidebarView-E9Pc3j .card-16VQ8C { +.standardSidebarView-E9Pc3j .card-2guEcY { background-color: #141414; border: none; } -.standardSidebarView-E9Pc3j .card-16VQ8C .noItemsIcon-1rZlXZ, -.standardSidebarView-E9Pc3j .card-16VQ8C .noItemsIcon-2OeOld { +.standardSidebarView-E9Pc3j .card-2guEcY .noItemsIcon-1rZlXZ, +.standardSidebarView-E9Pc3j .card-2guEcY .noItemsIcon-2OeOld { background: #191919; } .standardSidebarView-E9Pc3j .subscriptionDetails-ZcKNHC, @@ -6482,50 +6714,44 @@ border: none; } /* Settings Radio Toggles */ -.item-2idW98 { +.item-1TA5qI { background-color: transparent; } -.item-2idW98[aria-checked=false] .radioBar-3w9XY- { +.item-1TA5qI[aria-checked=false] .radioBar-1XgZqD { background-color: #141414; border-radius: 3px 4px 4px 3px; transition: 200ms; } -.item-2idW98[aria-checked=false] .radioBar-3w9XY-:hover { +.item-1TA5qI[aria-checked=false] .radioBar-1XgZqD:hover { background-color: #111111; } -.item-2idW98[aria-checked=true] .radioBar-3w9XY- .radioIconForeground-2BMavi { +.item-1TA5qI[aria-checked=true] .radioBar-1XgZqD .radioIconForeground-2BMavi { color: #FFFFFF; } -.item-2idW98[aria-checked=true] .radioBar-3w9XY- { +.item-1TA5qI[aria-checked=true] .radioBar-1XgZqD { background-color: var(--bd-blue); border-radius: 3px 4px 4px 3px; transition: 200ms; } -.item-2idW98[aria-checked=true] .radioBar-3w9XY-:hover { +.item-1TA5qI[aria-checked=true] .radioBar-1XgZqD:hover { background-color: var(--bd-blue-hover); } /* Settings Radio Toggles: Colors */ -.standardSidebarView-E9Pc3j .item-2idW98[aria-checked=true] .radioBar-3w9XY-[style*="--radio-bar-accent-color:hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%); padding: 10px;"] { +.standardSidebarView-E9Pc3j .item-1TA5qI[aria-checked=true] .radioBar-1XgZqD[style*="--radio-bar-accent-color:var(--green-360); padding: 10px;"] { background-color: #43B58125; } -.standardSidebarView-E9Pc3j .item-2idW98[aria-checked=true] .radioBar-3w9XY-[style*="--radio-bar-accent-color:hsl(38, calc(var(--saturation-factor, 1) * 95.7%), 54.1%); padding: 10px;"] { - background-color: #FAA61A25; -} -.standardSidebarView-E9Pc3j .item-2idW98[aria-checked=true] .radioBar-3w9XY-[style*="--radio-bar-accent-color:hsl(37, calc(var(--saturation-factor, 1) * 81.2%), 43.9%); padding: 10px;"] { +.standardSidebarView-E9Pc3j .item-1TA5qI[aria-checked=true] .radioBar-1XgZqD[style*="--radio-bar-accent-color:var(--yellow-360); padding: 10px;"] { background-color: #CB851525; } -.standardSidebarView-E9Pc3j .item-2idW98[aria-checked=true] .radioBar-3w9XY-[style*="--radio-bar-accent-color:hsl(21, calc(var(--saturation-factor, 1) * 90.7%), 57.6%); padding: 10px;"] { - background-color: #F5753125; -} -.standardSidebarView-E9Pc3j .item-2idW98[aria-checked=true] .radioBar-3w9XY-[style*="--radio-bar-accent-color:hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%); padding: 10px;"] { +.standardSidebarView-E9Pc3j .item-1TA5qI[aria-checked=true] .radioBar-1XgZqD[style*="--radio-bar-accent-color:var(--red-400); padding: 10px;"] { background-color: #F0474725; } /* My Account Settings: Password and Authentication */ -.userSettingsSecurity-2kODPN .lookFilled-yCfaCM.colorBrand-I6CyqQ { +.userSettingsSecurity-2kODPN .lookFilled-1H2Jvj.colorBrand-2M3O3N { background-color: var(--info-positive-foreground); } -.userSettingsSecurity-2kODPN .lookFilled-yCfaCM.colorBrand-I6CyqQ:hover { +.userSettingsSecurity-2kODPN .lookFilled-1H2Jvj.colorBrand-2M3O3N:hover { background-color: #3A996B; } @@ -6539,25 +6765,30 @@ } /* My Account Settings Card Avatar */ .accountProfileCard-lbN7n- .userInfo-regn9W .avatar-3mTjvZ { - width: 104px !important; - height: 104px !important; + width: 100px !important; + height: 100px !important; background-color: #141414; border: 8px solid #141414; } +.accountProfileCard-lbN7n- .userInfo-regn9W .avatar-3mTjvZ foreignObject { + width: 100px; + height: 100px; +} +.accountProfileCard-lbN7n- .userInfo-regn9W .avatar-3mTjvZ rect { + width: 24px; + height: 24px; + x: 73; + y: 73; +} +.accountProfileCard-lbN7n- .userInfo-regn9W .avatar-3mTjvZ svg { + overflow: visible; +} .accountProfileCard-lbN7n- .userInfo-regn9W { - padding-left: 146px; + padding-left: 140px; } .accountProfileCard-lbN7n- .userInfo-regn9W .avatar-3mTjvZ { margin-top: -20px; } -/* My Account Settings Card Avatar: StatusEverywhere Fix */ -.accountProfileCard-lbN7n- .userInfo-regn9W .StatusEverywhere-avatar-chatAvatar.accountSettingsAvatar { - top: 76px !important; -} -.accountProfileCard-lbN7n- .userInfo-regn9W .StatusEverywhere-avatar-chatAvatar { - width: 120px !important; - height: 120px !important; -} /* My Account Settings: Premium Banner */ .settingsBanner-1eDJ5w[style*="background-image:"] { height: 290px; @@ -6567,69 +6798,56 @@ margin-top: 168px; } -/* Profiles Menu Tabs */ -.standardSidebarView-E9Pc3j .contentColumnDefault-3eyv5o .tabBar-2WK2Dm .tabBarItem-2eb9Nh { - padding-bottom: 6px; +/* Profiles Menu */ +.contentRegionShownSidebar-fHXkEg .contentColumnWide-2CgNjO .tabBarItem-MeqDhW { + padding-bottom: 8px; } -/* User Profile Customization */ -.premiumInlineNotice-eSBKv7, -.upsellContainer-3qKRln { +/* Profiles Menu: User Profile Customization */ +.customizationSection-IGy2fS .bioTextArea-dDGOeC { background-color: #141414; + border-color: #141414; } -.profileCustomizationSection-2OOT4p .bioTextArea-dDGOeC { - background-color: #141414 !important; - border-color: #141414 !important; -} -/* User Profile Customization Preview Settings */ -.profileBannerPreview-3mLIdO { - background-color: #202020; - width: var(--User-Popout-Width) !important; - min-width: var(--User-Popout-Width) !important; -} -.profileBannerPreview-3mLIdO .bannerNitroUpsell-2iP18z .bannerNitroUpsellText-Ll6vKY { - margin-left: 100px; +.customizationSection-IGy2fS .userProfileInnerThemedNonPremium-1gT-zY .section-3FmfOT:first-child { + background-color: #191919; } -.profileBannerPreview-3mLIdO .headerTop-3GPUSF { - padding: 60px 10px 8px 10px; +.customizationSection-IGy2fS .overlayBackground-1KgwVi>.section-3FmfOT:first-child { + padding-top: 34px; } -.profileBannerPreview-3mLIdO .headerTagUsernameNoNickname-1TjuLc { - font-size: 21px; +.premiumBackground-34OIdE .customizationSection-IGy2fS .overlayBackground-1KgwVi>.section-3FmfOT:first-child { + padding-top: 58px; } -.profileBannerPreview-3mLIdO .discrimBase-1VOoau { - vertical-align: baseline; - font-size: 14px; +.customizationSection-IGy2fS .overlayBackground-1KgwVi .button-1d_47w { + width: calc(var(--User-Popout-Width) - 20px); } -.profileBannerPreview-3mLIdO .avatarUploaderInner-p38nm2 { - width: 100px; - height: 100px; - margin-top: -12px; - margin-left: -4px; - background-color: #1C1C1C; - border-color: #1C1C1C; - /* border: 2px solid #43B581; */ +/* Profiles Menu: User Profile Customization: UserPopout Header & Body */ +.profileCustomizationPreview-2-Y173 { + width: var(--User-Popout-Width); } -.profileBannerPreview-3mLIdO .headerTop-3GPUSF { - background-color: #1C1C1C; - /* background: linear-gradient(#43B581 1px, #43B58150 2px, #43B58110 50%, #1C1C1C 75%); */ +.profileCustomizationPreview-2-Y173 .bannerNitroUpsell-23OMvY .bannerNitroUpsellText-22ZKcn { + margin-left: 100px; } -.profileBannerPreview-3mLIdO .profileBadges-2pItdR { - max-width: calc(var(--User-Popout-Width) - 110px); - top: 8px; - right: 6px; +.profileCustomizationPreview-2-Y173 .overlayBackground-1KgwVi { + padding: 0px; } -.profileBannerPreview-3mLIdO .popoutInfo-16MuYF { - padding: 4px 0px 10px 10px; +/* Profiles Menu: User Profile Customization: Avatar */ +.profileCustomizationPreview-2-Y173 .avatarUploaderInner-1dBiHs { + height: 100px; + width: 100px; + top: -10px; + left: -12px; + border: 4px solid var(--profile-avatar-border-color); } -.profileBannerPreview-3mLIdO .popoutInfo-16MuYF .userInfoTitle-39qq0Y { - margin-bottom: 4px; +.profileCustomizationPreview-2-Y173 .imageUploaderHint-33zkjZ { + left: -20px; + top: -20px; } -.profileBannerPreview-3mLIdO .customStatus-3XAoF9+.divider-1wtgZ3 { - width: calc(var(--User-Popout-Width) - 20px); - margin: 0px 0px 8px 0px; +.profileCustomizationPreview-2-Y173 .imageUploaderIcon-2OHmFu { + right: 16px; + top: -4px; } -.profileBannerPreview-3mLIdO .customStatus-3XAoF9 { - padding: 6px 4px 10px 0px; - margin-bottom: 0px; +.profileCustomizationPreview-2-Y173 .status-b9jLr4 { + top: 64px; + left: 64px; } /* Avatar Uploader Indicator */ @@ -6643,27 +6861,27 @@ background-color: #2F3136; } /* Avatar Uploader Trimmer */ -.content-2hZxGK .editingContainer-1_nnqZ .overlay-2-HuaL { +.content-1OG56Q .editingContainer-1_nnqZ .overlay-2-HuaL { border: 4px solid #FFFFFF; box-shadow: 0 0 0 9999px rgba(20,20,20,.8); } -.content-2hZxGK .sliderContainer-1GcdpQ .grabber-2GQyvM { +.content-1OG56Q .sliderContainer-1GcdpQ .grabber-2GQyvM { border: 1px solid #212121; } /* Avatar Selection Select Image Boxes */ -.root-g14mjS .optionBox-1UOevl, -.root-g14mjS .optionBox-1UOevl .gifIconContainer-3os21a { +.root-1CAIjD .optionBox-1UOevl, +.root-1CAIjD .optionBox-1UOevl .gifIconContainer-3os21a { background-color: #161616; border: none; } -.root-g14mjS .optionBox-1UOevl:hover .contentCircle-15IFyT { +.root-1CAIjD .optionBox-1UOevl:hover .contentCircle-15IFyT { border: 6px solid var(--bd-blue); } /* Avatar Selection: Choose GIF */ -.root-g14mjS .separator-2lLxgC.header-1zd7se { +.root-1CAIjD .separator-3C440w.header-1ffhsl { border-radius: 0px 0px; } -.root-g14mjS .gifPicker-3KRGuU { +.root-1CAIjD .gifPicker-3KRGuU { padding-top: 4px; } @@ -6708,23 +6926,17 @@ border-color: #262626; } /* Voice & Video Menu */ -.theme-dark .userSettingsVoice-1fEtsL .progress-1S-TDF { +.theme-dark .container-18g_gN .progress-1S-TDF { background-color: #292929; } -.theme-dark .userSettingsVoice-1fEtsL .notches-2w7UZJ { - filter: grayscale(1) contrast(1.45); +.theme-dark .container-18g_gN .notches-2w7UZJ { + filter: grayscale(1) contrast(1.35); } -.theme-dark .userSettingsVoice-1fEtsL .cameraWrapper-1hB0cM, -.theme-dark .userSettingsVoice-1fEtsL .previewOverlay-2reuWf { +.theme-dark .cameraWrapper-nG8dpo, +.theme-dark .backgroundOptionInner-SSz19O { background-color: #141414; border: none; } -.theme-dark .userSettingsVoice-1fEtsL .backgroundOptionInner-SSz19O { - background-color: #141414; -} -.theme-dark .userSettingsVoice-1fEtsL .backgroundOptionRing-2wxJ7j { - border-color: var(--bd-blue); -} /* Overlay Settings */ .notificationSettings-1U0JsJ .wrapper-SdcMKg { background-color: #141414; @@ -6733,12 +6945,18 @@ .notificationSettings-1U0JsJ .wrapper-SdcMKg .selected-18Wszc.option-1QI4c9, .notificationSettings-1U0JsJ .wrapper-SdcMKg .option-1QI4c9:hover { background-color: var(--bd-blue); } -/* Keybinds Menu Card Hover */ -.theme-dark [aria-label="USER_SETTINGS"] .card-2ART2V:before { - background-color: #161616; - border: none; +/* Keybinds Settings */ +.defaultKeybind-1rEiTa { + padding: 0px; + height: 64px; } -/* Game Activity / Activity Status */ +.theme-dark .combo-3PNrpQ .key-RP8gj3, +.theme-dark .key-aytt0w { + background-color: #313131; + border: 1px solid var(--background-primary); + box-shadow: inset 0 -4px 0 #212121; +} +/* Game Activity / Activity Status */ .contentRegionScroller-2_GT_N .notDetected-M3Ghh2 { background-color: #141414; } @@ -6841,9 +7059,8 @@ } /* Input Menus */ -.lookFilled-1GseHa.select-1Ia3hD, -.root-g14mjS .input-2g-os5, -.theme-dark .input-2g-os5, +.lookFilled-GPyucw.select-Zz0IcO, +.theme-dark .input-3O04eu, .theme-dark .copyInputDefault-3jiMHw, .theme-dark .container-30qY7E { background-color: #141414; @@ -6853,8 +7070,8 @@ background-color: #111111; border-color: rgba(240,71,71,.3); } -.lookFilled-1GseHa.select-1Ia3hD:hover, -.theme-dark .input-2g-os5:hover, +.lookFilled-GPyucw.select-Zz0IcO:hover, +.theme-dark .input-3O04eu:hover, .theme-dark .copyInputDefault-3jiMHw:hover, .theme-dark .container-30qY7E:hover { background-color: #111111; @@ -6869,16 +7086,16 @@ border: none; } /* Toggle Switches */ -.container-2nx-BQ[style*="hsl(1"] { +.container-1QtPKm.default-colors.checked-16gMAN { background-color: var(--bd-blue) !important; } -.container-2nx-BQ[style*="background-color: hsl(2"] { +.container-1QtPKm { background-color: #444444 !important; } -.slider-32CRPX path[fill*="hsl(1"] { +.container-1QtPKm.default-colors.checked-16gMAN .slider-HJFN2i path { fill: var(--bd-blue) !important; } -.slider-32CRPX path[fill*="hsl(2"] { +.container-1QtPKm .slider-HJFN2i path { fill: #444444 !important; } /* Toggle Switches: BD */ @@ -6889,11 +7106,15 @@ .bd-switch-body { --switch-color: #444444; } +.bd-switch-disabled { + opacity: .5; + filter: grayscale(0) !important; +} /* Toggle Switches: BD Plugin Settings */ -.root-g14mjS .container-2nx-BQ[style*="opacity: 1; background-color: hsl(23"] { +.root-1CAIjD .container-2nx-BQ[style*="opacity: 1; background-color: hsl(23"] { background-color: var(--bd-blue) !important; } -.root-g14mjS .container-2nx-BQ path[fill*="hsl(23"] { +.root-1CAIjD .container-2nx-BQ path[fill*="hsl(23"] { fill: var(--bd-blue) !important; } /* BetterDiscord Drop Down Menus */ @@ -6944,14 +7165,12 @@ .bd-addon-controls .bd-select-wrapper { color: #A5A5A5; } -.bd-addon-list .bd-addon-card .bd-addon-header { - padding: 8px 12px; -} +.bd-addon-list .bd-addon-card .bd-addon-header, .bd-addon-list.bd-grid-view .bd-addon-card .bd-addon-header { padding: 6px 12px; } .bd-addon-list .bd-addon-card { - box-shadow: 0px 1px 6px 0px #131313; + box-shadow: 0px 1px 4px 0px #0C0C0C; margin: 0px 0px 12px 0px; } .bd-addon-list .bd-addon-card:nth-child(even) .bd-addon-header { @@ -6959,7 +7178,7 @@ } .bd-addon-list .bd-addon-card:nth-child(odd) .bd-addon-header, .bd-addon-list.bd-grid-view .bd-addon-card .bd-addon-header { - background-color: #1C1C1C; + background-color: #1E1E1E; } .bd-addon-list .bd-addon-card:nth-child(even) { background-color: #212121; @@ -6989,10 +7208,14 @@ fill: #FFFFFF; } .bd-addon-list .bd-addon-card .bd-description-wrap { - padding-top: 6px; + padding: 0px; +} +.bd-addon-list .bd-addon-card .bd-description { + padding: 8px 12px 0 12px; + margin-bottom: 6px; } .bd-addon-list .bd-addon-card .bd-footer { - padding: 0px 8px 4px 16px; + padding: 0px 6px 4px 12px; } .bd-addon-list .bd-addon-card .bd-footer .bd-addon-button, .bd-addon-list .bd-addon-card .bd-footer .bd-button-danger { @@ -7001,6 +7224,15 @@ .bd-addon-list .bd-addon-card .bd-footer .bd-button-danger:hover svg { fill: var(--status-danger-background); } +/* BetterDiscord Plugin Error */ +.bd-addon-list .bd-addon-card .bd-description-wrap .banner.banner-danger { + background-color: #3A1919; + border-color: #3A1919; +} +.bd-addon-list .bd-addon-card .bd-description-wrap .banner { + padding: 4px; + border-radius: 0px 0px 4px 4px; +} /* BetterDiscord Custom CSS Editor */ #bd-editor-controls, @@ -7031,52 +7263,74 @@ } /* Slider Bars */ -.theme-dark .barFill-2Bh7CX { +.theme-dark .barFill-3RgCsY { background: var(--bd-blue); } -.theme-dark .bar-1Bhnl9 { +.theme-dark .bar-2H7Q9u { background: #444444; } /* Modal Window & Root Window */ -.theme-dark .root-g14mjS { +.theme-dark .root-1CAIjD { background-color: #212121; box-shadow: var(--elevation-stroke),var(--elevation-high); height: 100%; } -.theme-dark .root-g14mjS .separator-2lLxgC { +.theme-dark .root-1CAIjD .separator-3C440w { background-color: #161616; box-shadow: var(--elevation-stroke); border-radius: 5px 5px 0px 0px; } -.theme-dark .root-g14mjS .option-1O-Hwt { +.theme-dark .root-1CAIjD .option-1O-Hwt { background-color: #161616; } -.theme-dark .root-g14mjS .option-1O-Hwt:hover { +.theme-dark .root-1CAIjD .option-1O-Hwt:hover { background-color: #191919; } -.theme-dark .root-g14mjS .footer-31IekZ, -.theme-dark .root-g14mjS .footer-3Zgy_M, -.theme-dark .root-g14mjS .sidebarContainer-gUKhtL, -.theme-dark .root-g14mjS .buttonContainer-28osRq { +.theme-dark .root-1CAIjD .sidebarContainer-gUKhtL, +.theme-dark .root-1CAIjD .buttonContainer-28osRq { background-color: #141414; box-shadow: none; } -.theme-dark .root-g14mjS .content-2hZxGK::-webkit-scrollbar-thumb { +.theme-dark .root-1CAIjD .content-1OG56Q::-webkit-scrollbar-thumb { background-color: #141414; } +/* Modal Reported User Block Box */ +.theme-dark .root-1CAIjD .userContainer-2lvJe0 { + background-color: #161616; + border: none; +} + +/* Activites Selection Modal */ +.theme-dark .root-1CAIjD .modalHeader-3X0A4K { + background-color: #161616; +} +.theme-dark .root-1CAIjD .scrollBackgroundContainer-1gy1Hx+.scroller-3oxliS { + background-color: #212121; +} +.theme-dark .root-1CAIjD .modalDivider-MtZbPb { + display: none; +} +/* App Directory Page */ +.theme-dark .directoryModal-YJsOMv { + background-color: #111111; +} +.theme-dark .directoryModal-YJsOMv .input-3O04eu { + background-color: #191919; +} + /* Select Plan Modal */ -.theme-dark .root-g14mjS .content-2eQb8J, -.theme-dark .root-g14mjS .spinner-3QeLKO { +.theme-dark .root-1CAIjD .content-2eQb8J, +.theme-dark .root-1CAIjD .spinner-3QeLKO { background-color: #212121; } -.theme-dark .root-g14mjS .modalHeader-gQTY3L { +.theme-dark .root-1CAIjD .modalHeader-gQTY3L { background-image: none; } /* Modal: Terms Of Service Update */ -.root-g14mjS .title-1ysNt8 { +.root-1CAIjD .title-1ysNt8 { background-color: #141414; color: var(--bd-blue); margin: 0px 0px; @@ -7084,69 +7338,69 @@ } /* Modal: Say Hello to Threads! */ -.root-g14mjS .video-1j0A3v { +.root-1CAIjD .video-1j0A3v { background-color: #191919; padding: 0px; } -.root-g14mjS .features-1tMYEH .icon-1HfuQI { +.root-1CAIjD .features-1tMYEH .icon-1HfuQI { background-color: #191919; } /* Modal: This Feature Is Part Of Boosting */ -.root-g14mjS .perks-2IIbWQ { +.root-1CAIjD .perks-2IIbWQ { background-color: #191919; } -.root-g14mjS .perks-2IIbWQ .perkRow-10K6XE { +.root-1CAIjD .perks-2IIbWQ .perkRow-10K6XE { border-bottom: 1px solid #212121; } /* Modal: Confirm New Group */ -.root-g14mjS .confirmInviteScroller-4ATmlS { +.root-1CAIjD .confirmInviteScroller-4ATmlS { margin-left: -8px; margin-right: -16px; } -.root-g14mjS .confirmInviteScroller-4ATmlS .confirmChannelItemContainer-3uoW8_:hover { +.root-1CAIjD .confirmInviteScroller-4ATmlS .confirmChannelItemContainer-3uoW8_:hover { background-color: #161616; } /* Modal: Time out X User */ -.root-g14mjS .item-2OyinQ { +.root-1CAIjD .item-2OyinQ { border: none; } -.root-g14mjS .item-2OyinQ.selectorButtonSelected-1VZ6hz { +.root-1CAIjD .item-2OyinQ.selectorButtonSelected-1VZ6hz { background-color: var(--bd-blue) !important; } -.root-g14mjS .item-2OyinQ.selectorButton-1EQtQx { +.root-1CAIjD .item-2OyinQ.selectorButton-1EQtQx { background-color: #161616; } -.root-g14mjS .item-2OyinQ.selectorButton-1EQtQx:hover { +.root-1CAIjD .item-2OyinQ.selectorButton-1EQtQx:hover { background-color: #141414; } /* Add This Channels Update To Your Server */ -.root-g14mjS .header-13P3fr { +.root-1CAIjD .header-13P3fr { background: #141414; box-shadow: none; } -.root-g14mjS .header-13P3fr .channel-k2TVLQ { +.root-1CAIjD .header-13P3fr .channel-k2TVLQ { background-color: #212121; } -.root-g14mjS .header-13P3fr .channel-k2TVLQ .channelIcon-2nDkaM { +.root-1CAIjD .header-13P3fr .channel-k2TVLQ .channelIcon-2nDkaM { color: #CCCCCC; } /* Modal Window: Notification Settings */ -.root-g14mjS .overridePlaceholder-1nDEsX, -.root-g14mjS .override-1sK4r0 { +.root-1CAIjD .overridePlaceholder-1nDEsX, +.root-1CAIjD .override-1sK4r0 { background-color: #141414; border: none; } -.root-g14mjS .overrideHighlight-3f-yyO, -.root-g14mjS .override-1sK4r0:hover { +.root-1CAIjD .overrideHighlight-3f-yyO, +.root-1CAIjD .override-1sK4r0:hover { background-color: #161616; border: none; } -.root-g14mjS .override-1sK4r0 .checkbox-f1HnKB.checked-1pZh2h { +.root-1CAIjD .override-1sK4r0 .checkbox-f1HnKB.checked-1pZh2h { border: none; } /* Modal Window: Notification Settings Overrides Dropdown */ @@ -7171,72 +7425,72 @@ } /* Modal Window: Notification Settings & Server Webhooks Remove Button */ .standardSidebarView-E9Pc3j .button-1yVL_7, -.root-g14mjS .button-1yVL_7 { +.root-1CAIjD .button-1yVL_7 { background-color: #111111; box-shadow: none; } .standardSidebarView-E9Pc3j .button-1yVL_7:hover, -.root-g14mjS .button-1yVL_7:hover { +.root-1CAIjD .button-1yVL_7:hover { background-color: #161616; box-shadow: none; } /* Modal Window: Buying A Gift */ -.root-g14mjS .table-17_dGF { +.root-1CAIjD .table-17_dGF { background-color: #161616; } -.root-g14mjS .colorPrimary-1arORx { +.root-1CAIjD .colorPrimary-1arORx { color: #FFFFFF; } -/* Server Popout */ -.theme-dark .guildPopout-G6M0fK, -.guildPopout-G6M0fK .iconMask-1lJhcS { +/* Server Preview Popout */ +.theme-dark .guildPopout-1PxOP0, +.guildPopout-1PxOP0 .iconMask-1lJhcS { background-color: #161616; box-shadow: var(--elevation-stroke),var(--elevation-high); } -.guildPopout-G6M0fK .emojiCounter-tx3ftR { +.guildPopout-1PxOP0 .emojiCounter-tx3ftR { background-color: #191919; border-radius: 50%; padding: 2px 4px 2px 4px; } -.guildPopout-G6M0fK .flowerStar-2tNFCR path { +.guildPopout-1PxOP0 .flowerStar-2tNFCR path { fill: #43B581; } /* Modal Window: Invite To Play X */ -.root-g14mjS .resultWrapper-3ra6t7.resultWrapperSelected-3trExS { +.root-1CAIjD .resultWrapper-3ra6t7.resultWrapperSelected-3trExS { background-color: #191919; color: #FFFFFF; } -.root-g14mjS .resultWrapper-3ra6t7 { +.root-1CAIjD .resultWrapper-3ra6t7 { color: #CCCCCC; } -.root-g14mjS .resultWrapper-3ra6t7 .result-2NVfgj .resultUsername-3SGvYt { +.root-1CAIjD .resultWrapper-3ra6t7 .result-2NVfgj .resultUsername-3SGvYt { opacity: .65; } /* Server Settings: Roles Add Members / Roles Modal */ -.root-g14mjS .content-2zmthk .richTag-20_n21 { +.root-1CAIjD .content-2zmthk .richTag-20_n21 { background-color: #202020; } -.root-g14mjS .content-2zmthk .roleMemberList-1HZfG5 .addMemberRow-KVhQFf { +.root-1CAIjD .content-2zmthk .roleMemberList-1HZfG5 .addMemberRow-KVhQFf { background-color: #1C1C1C; } -.root-g14mjS .content-2zmthk .roleMemberList-1HZfG5 .addMemberRow-KVhQFf[aria-selected="true"] { +.root-1CAIjD .content-2zmthk .roleMemberList-1HZfG5 .addMemberRow-KVhQFf[aria-selected="true"] { background-color: #191919; } -.root-g14mjS .content-2zmthk .roleMemberList-1HZfG5 .addMemberRow-KVhQFf.selectedRow-1SAgVL:hover, -.root-g14mjS .content-2zmthk .roleMemberList-1HZfG5 .addMemberRow-KVhQFf.selectedRow-1SAgVL { +.root-1CAIjD .content-2zmthk .roleMemberList-1HZfG5 .addMemberRow-KVhQFf.selectedRow-1SAgVL:hover, +.root-1CAIjD .content-2zmthk .roleMemberList-1HZfG5 .addMemberRow-KVhQFf.selectedRow-1SAgVL { background-color: #161616; } /* Making New Role Modal */ -.root-g14mjS .templateWrapper-3og0TJ { +.root-1CAIjD .templateWrapper-3og0TJ { background-color: #161616; border: none; } -.root-g14mjS .track-1BI4CA .grabber-2GQyvM { +.root-1CAIjD .track-1BI4CA .grabber-2GQyvM { background: var(--bd-blue) !important; } @@ -7254,7 +7508,7 @@ } /* Server Role Settings Menu */ -.standardSidebarView-E9Pc3j .customScroller-m1-jZn .content-2a4AW9 [style="height: 60px;"] { +.standardSidebarView-E9Pc3j .customScroller-m1-jZn .content-yjf30S[style="height: 60px;"] { height: 44px !important; } .standardSidebarView-E9Pc3j .container-3EtAkD, @@ -7293,15 +7547,15 @@ margin-top: 20px; border-bottom: 2px solid transparent; } -.standardSidebarView-E9Pc3j .header-JUTO-g .top-K_jibn .brand-3g5E0C.item-3XjbnG { +.standardSidebarView-E9Pc3j .header-JUTO-g .top-Ktfr_T .brand-2EKq3J.item-2GWPIy { padding-bottom: 6px; } -.standardSidebarView-E9Pc3j .header-JUTO-g .top-K_jibn .brand-3g5E0C.item-3XjbnG:hover { +.standardSidebarView-E9Pc3j .header-JUTO-g .top-Ktfr_T .brand-2EKq3J.item-2GWPIy:hover { color: #FFFFFF; border-bottom-color: transparent; } -.standardSidebarView-E9Pc3j .header-JUTO-g .top-K_jibn .disabled-1nofHP.item-3XjbnG, -.standardSidebarView-E9Pc3j .header-JUTO-g .top-K_jibn .disabled-1nofHP.item-3XjbnG:hover { +.standardSidebarView-E9Pc3j .header-JUTO-g .top-Ktfr_T .disabled-2G98Nl.item-2GWPIy, +.standardSidebarView-E9Pc3j .header-JUTO-g .top-Ktfr_T .disabled-2G98Nl.item-2GWPIy:hover { color: #77777770; border-bottom-color: transparent; } @@ -7335,11 +7589,11 @@ padding: 58px 8px 16px; margin: 0px 6px 0px 6px; } -.standardSidebarView-E9Pc3j .sidebar-3K3Z4C .list-1AJFv_ .themed-2-lozF.item-3XjbnG:hover { +.standardSidebarView-E9Pc3j .sidebar-3K3Z4C .list-1AJFv_ .themed-qqoYp3.item-2GWPIy:hover { background-color: #141414; } -.standardSidebarView-E9Pc3j .sidebar-3K3Z4C .list-1AJFv_ .themed-2-lozF.selected-g-kMVV.item-3XjbnG, -.standardSidebarView-E9Pc3j .sidebar-3K3Z4C .list-1AJFv_ .themed-2-lozF.selected-g-kMVV.item-3XjbnG:hover, +.standardSidebarView-E9Pc3j .sidebar-3K3Z4C .list-1AJFv_ .themed-qqoYp3.selected-1sf9UK.item-2GWPIy, +.standardSidebarView-E9Pc3j .sidebar-3K3Z4C .list-1AJFv_ .themed-qqoYp3.selected-1sf9UK.item-2GWPIy:hover, .standardSidebarView-E9Pc3j .sidebar-3K3Z4C .list-1AJFv_::-webkit-scrollbar-thumb { background-color: #131313; } @@ -7367,20 +7621,31 @@ background-color: #141414; } /* Choose Custom Role Icon Modal */ -.root-g14mjS .contentWrapper-2pLX__ { +.root-1CAIjD .contentWrapper-2pLX__ { background-color: #212121; border-radius: 5px; } -.root-g14mjS .contentWrapper-2pLX__ .uploadIconInnerContainer-2q37tB { +.root-1CAIjD .contentWrapper-2pLX__ .uploadIconInnerContainer-2q37tB { background-color: #141414; } -.root-g14mjS .contentWrapper-2pLX__ .nav-3FEad7, -.root-g14mjS .contentWrapper-2pLX__ .wrapper-3u51GQ { +.root-1CAIjD .contentWrapper-2pLX__ .nav-3FEad7, +.root-1CAIjD .contentWrapper-2pLX__ .wrapper-3u51GQ { background-color: #0F0F0F; } -.root-g14mjS .contentWrapper-2pLX__ .navButtonActive-2Ad1wV { +.root-1CAIjD .contentWrapper-2pLX__ .navButtonActive-2Ad1wV { background-color: var(--bd-blue); } +/* Server Role Links Settings */ +.standardSidebarView-E9Pc3j .container-2s0jpP { + background-color: #141414; +} +.standardSidebarView-E9Pc3j .container-2s0jpP .ruleContainer-1r6se2 { + border-top: 1px solid #262626; + padding: 12px 4px; +} +.standardSidebarView-E9Pc3j .addVerificationButtonAppend-2dTEM-{ + border-color: var(--text-link) +} /* Server Channel Permissions List */ .contentRegionScroller-2_GT_N .sidebarScrollable-2mW9Ls .scroller-3_YDR2 { @@ -7389,21 +7654,26 @@ .contentRegionScroller-2_GT_N .layoutStyle-3d1mjU { padding: 8px 8px 0px 0px; } -.contentRegionScroller-2_GT_N .layoutStyle-3d1mjU .header-2Kx1US { +.contentRegionScroller-2_GT_N .layoutStyle-3d1mjU .header-2F5_LB { padding: 6px 2px; color: #CCCCCC; } -.contentRegionScroller-2_GT_N .layoutStyle-3d1mjU .header-2Kx1US img { +.contentRegionScroller-2_GT_N .layoutStyle-3d1mjU .header-2F5_LB img { filter: grayscale(1) brightness(1.5); } -/* Server Roles Settings: Default Role Background */ -.contentRegionScroller-2_GT_N .scroller-3_YDR2 .side-2ur1Qk .themed-2-lozF.selected-g-kMVV.item-3XjbnG { +/* Server Roles Settings: Role Background */ +.contentRegionScroller-2_GT_N .scroller-3_YDR2 .side-1lrxIh .themed-qqoYp3.selected-1sf9UK.item-2GWPIy { background-color: #222222 !important; } -.contentRegionScroller-2_GT_N .scroller-3_YDR2 .side-2ur1Qk .themed-2-lozF.item-3XjbnG:hover { +.contentRegionScroller-2_GT_N .scroller-3_YDR2 .side-1lrxIh .themed-qqoYp3.item-2GWPIy:hover { background-color: rgba(34,34,34,0.5); } +/* Server Channel Role Settings: User Avatar */ +.contentRegionScroller-2_GT_N .scroller-3_YDR2 .side-1lrxIh .item-2GWPIy .roleInner-Cc7SzS .xsmallAvatar-3_wDVZ svg { + width: 20px; + height: 20px; +} /* Server Roles: View As Role Dropdown */ .container-3ssFyj { background-color: #161616; @@ -7411,10 +7681,10 @@ .container-3ssFyj .inner-2pOSmK { background-color: #111111; } -.container-3ssFyj .list-1MBHYC .item-1BCeuB:hover { +.container-3ssFyj .list-1MBHYC .item-1Mjtru:hover { background-color: #1C1C1C; } -.container-3ssFyj .list-1MBHYC .item-1BCeuB.selected-22ukbQ { +.container-3ssFyj .list-1MBHYC .item-1Mjtru.selected-22ukbQ { background-color: #202020; } .container-3ssFyj .list-1MBHYC .checked-1pZh2h { @@ -7428,16 +7698,14 @@ } .settingCard-xZSDjS .folderHeader-2FpErk, .settingCard-xZSDjS .roleMemberList-ub4EsQ { - background-color: #171717; + background-color: #161616; } .settingCard-xZSDjS .roleMemberList-ub4EsQ .rowLabel-3G5iEA { font-weight: 500; + color: #CCCCCC !important; } -.settingCard-xZSDjS .roleMemberList-ub4EsQ .rowLabel-3G5iEA.colorMuted-20987_ { - color: #CCCCCC; -} -.settingCard-xZSDjS .roleMemberList-ub4EsQ .colorMuted-20987_.size12-oc4dx4 { - color: #A5A5A5; +.settingCard-xZSDjS .roleMemberList-ub4EsQ .memberRow-1p7Jls .text-xs-normal-3O7EaX { + color: #A5A5A5 !important; } .settingCard-xZSDjS .roleMemberList-ub4EsQ .disabledRemoveIcon-3upLsy { color: var(--text-muted); @@ -7534,13 +7802,13 @@ opacity: .8; } /* Server Audit Log: Filtering Window */ -.theme-dark .popoutList-10IFAa { +.theme-dark .popoutList-2oR8Im { background-color: #161616; box-shadow: none; } -.theme-dark .popoutList-10IFAa .container-2oNtJn, -.theme-dark .popoutList-10IFAa .selectableItem-3-fmiM.selected-1l_Bxn, -.theme-dark .popoutList-10IFAa .selectableItem-3-fmiM:hover { +.theme-dark .popoutList-2oR8Im .container-2oNtJn, +.theme-dark .popoutList-2oR8Im .selectableItem-3-fmiM.selected-1l_Bxn, +.theme-dark .popoutList-2oR8Im .selectableItem-3-fmiM:hover { background-color: #131313 !important; } /* Server Audit Log: Filtering Window Scroller */ @@ -7558,10 +7826,10 @@ background-color: #141414; border: none; } -.contentRegion-3HkfJJ .member-1q7VfX .tag-1YGWN9 { +.contentRegion-3HkfJJ .member-2cj2PI .tag-15nL6B { color: #CCCCCC; } -.contentRegion-3HkfJJ .member-1q7VfX { +.contentRegion-3HkfJJ .member-2cj2PI { transform: translateZ(0); padding: 12px 0; } @@ -7681,6 +7949,9 @@ .standardSidebarView-E9Pc3j .contentRegion-3HkfJJ .wrapper-24fR1R { background-color: #161616; } +.standardSidebarView-E9Pc3j .contentRegion-3HkfJJ .placeholderCard-3eGmb3 { + border: 2px dashed #212121; +} .standardSidebarView-E9Pc3j .contentRegion-3HkfJJ .wrapper-24fR1R .actions-1aMD1r .action-2YPPom { background-color: #111111; box-shadow: none; @@ -7699,16 +7970,23 @@ text-decoration: underline; } /* Server Stickers Upload Menu */ -.content-2hZxGK .preview-x-26h- { +.content-1OG56Q .preview-x-26h- { border: none; } -.content-2hZxGK .preview-x-26h- .previewDark-3Xp3UB { +.content-1OG56Q .preview-x-26h- .previewDark-3Xp3UB { background-color: #111111; } /* Server Settings: AutoMod */ -.standardSidebarView-E9Pc3j .triggerMainContainer-274ue5 { +.standardSidebarView-E9Pc3j .editCard-K9Q9mb, +.standardSidebarView-E9Pc3j .editCard-K9Q9mb:active { background-color: #141414; +} +.standardSidebarView-E9Pc3j .editCard-K9Q9mb .input-2g-os5 { + background-color: #171717; +} +.standardSidebarView-E9Pc3j .triggerMainContainer-274ue5 { + background-color: #161616; border: none; padding: 10px; } @@ -7731,7 +8009,7 @@ } /* Set Up Community Server Checkboxes */ -.modal-1gWd9S .content-2hZxGK .checkboxWrapper-2fDzaA.row-31nALW { +.modal-1gWd9S .content-1OG56Q .checkboxWrapper-2fDzaA.row-31nALW { background-color: #161616; } .css-1ba14n5-option { @@ -7797,13 +8075,13 @@ background-color: #141414; } .standardSidebarView-E9Pc3j .previewContainer-1L7bG- .settingsFormFieldWrapper-U99c9i, -.root-g14mjS .exampleRule-3gJ39X { +.root-1CAIjD .exampleRule-3gJ39X { background-color: #161616; border: none; } .standardSidebarView-E9Pc3j .previewContainer-1L7bG- .settingsFormItem-25zW3t, .standardSidebarView-E9Pc3j .previewContainer-1L7bG- .editButton-2SLR4j, -.root-g14mjS .footer-31IekZ .lookFilled-yCfaCM.colorGrey-2iAG-B { +.root-1CAIjD .footer-1KGV6y .lookFilled-yCfaCM.colorGrey-2iAG-B { background-color: transparent; } .standardSidebarView-E9Pc3j .previewContainer-1L7bG- .editButtonDisabled-2ekXPo { @@ -7841,16 +8119,16 @@ } /* "Before you can talk in this server..." Rules Modal */ -.root-g14mjS .modal-2TOYtq { +.root-1CAIjD .modal-2TOYtq { background-color: #232323; } -.root-g14mjS .modal-2TOYtq .content-2hZxGK::-webkit-scrollbar-thumb { +.root-1CAIjD .modal-2TOYtq .content-1OG56Q::-webkit-scrollbar-thumb { background-color: #191919; } -.root-g14mjS .guildSidebar-UHnQqs { +.root-1CAIjD .guildSidebar-UHnQqs { background-color: #141414; } -.root-g14mjS .modal-2TOYtq .formFieldWrapper-2LV3S6 { +.root-1CAIjD .modal-2TOYtq .formFieldWrapper-2LV3S6 { background-color: #161616; border: none; } @@ -7994,46 +8272,49 @@ background-color: #212121 !important; } /* Server Nitro Boost: Purchase Modal */ -.root-g14mjS .iconWrapper-2_MXbk, -.root-g14mjS .icon-2TbMdT:hover, -.root-g14mjS .icon-2TbMdT.disabled-2gUzwG, -.root-g14mjS .icon-2TbMdT.disabled-2gUzwG:hover, -.root-g14mjS .upsellFooter-1H_OCF { +.root-1CAIjD .iconWrapper-2_MXbk, +.root-1CAIjD .icon-2TbMdT:hover, +.root-1CAIjD .icon-2TbMdT.disabled-2gUzwG, +.root-1CAIjD .icon-2TbMdT.disabled-2gUzwG:hover, +.root-1CAIjD .upsellFooter-1H_OCF { background-color: #141414; } /* Standard Buttons */ -.lookFilled-yCfaCM.colorGreen-3y-Z79, -.lookFilled-yCfaCM.colorGreen-3y-Z79:disabled { +.lookFilled-1H2Jvj.colorGreen-jIPCAS, +.lookFilled-1H2Jvj.colorGreen-jIPCAS:disabled { background-color: var(--status-positive-background); } -.lookFilled-yCfaCM.colorGreen-3y-Z79:hover { +.lookFilled-1H2Jvj.colorGreen-jIPCAS:hover { background-color: #3A996B; } -.lookFilled-yCfaCM.colorRed-rQXKgM, -.lookFilled-yCfaCM.colorRed-rQXKgM:disabled { +.lookFilled-1H2Jvj.colorRed-2VFhM4, +.lookFilled-1H2Jvj.colorRed-2VFhM4:disabled { background-color: var(--status-danger-background); } -.lookFilled-yCfaCM.colorBrandNew-2-gGsS, -.lookFilled-yCfaCM.colorBrandNew-2-gGsS:disabled, +.lookFilled-1H2Jvj.colorRed-2VFhM4:hover { + background-color: #BC3439; +} +.lookFilled-1H2Jvj.colorBrand-2M3O3N, +.lookFilled-1H2Jvj.colorBrand-2M3O3N:disabled, .lookFilled-yCfaCM.colorBrand-I6CyqQ, .lookFilled-yCfaCM.colorBrand-I6CyqQ:disabled, .standardSidebarView-E9Pc3j .lookFilled-yCfaCM.colorGrey-2iAG-B { background-color: var(--bd-blue); } -.lookFilled-yCfaCM.colorBrandNew-2-gGsS:hover, +.lookFilled-1H2Jvj.colorBrand-2M3O3N:hover, .lookFilled-yCfaCM.colorBrand-I6CyqQ:hover, .standardSidebarView-E9Pc3j .lookFilled-yCfaCM.colorGrey-2iAG-B:hover { background-color: var(--bd-blue-hover); } -.theme-dark .lookFilled-yCfaCM.colorPrimary-2AuQVo, -.theme-dark .lookFilled-yCfaCM.colorPrimary-2AuQVo:disabled, +.theme-dark .lookFilled-1H2Jvj.colorPrimary-2-Lusz, +.theme-dark .lookFilled-1H2Jvj.colorPrimary-2-Lusz:disabled, .theme-dark .lookFilled-yCfaCM.colorGrey-2iAG-B, .theme-dark .lookFilled-yCfaCM.colorGrey-2iAG-B:disabled { background-color: #292929; border: 1px solid #292929; } -.theme-dark .lookFilled-yCfaCM.colorPrimary-2AuQVo:hover, +.theme-dark .lookFilled-1H2Jvj.colorPrimary-2-Lusz:hover, .theme-dark .lookFilled-yCfaCM.colorGrey-2iAG-B:hover { background-color: #313131; border: 1px solid #313131; @@ -8056,34 +8337,38 @@ border-color: var(--text-positive); } /* Branded Inverted Nitro Button */ -.lookInverted-2mDUMi.colorBrand-I6CyqQ, -.lookInverted-2mDUMi.colorBrand-I6CyqQ:disabled { +.lookInverted-2GrLaB.colorBrand-2M3O3N, +.lookInverted-2GrLaB.colorBrand-2M3O3N:disabled { background-color: #FFFFFF25; color: #FFFFFF; } -.lookInverted-2mDUMi.colorBrand-I6CyqQ:disabled:hover { - color: #000000; +.lookInverted-2GrLaB.colorBrand-2M3O3N:hover { + background-color: #FFFFFF50; + color: #FFFFFF; } -.lookInverted-2mDUMi.colorBrand-I6CyqQ:hover { - color: var(--blurple); +.lookInverted-2GrLaB.colorBrand-2M3O3N:disabled:hover { + color: #000000; } /* White Outlined Button */ -.theme-dark .lookOutlined-3yKVGo.colorPrimary-2AuQVo { - color: #CCCCCC; - border-color: #CCCCCC; +.theme-dark .lookOutlined-3RTC7c.colorPrimary-2-Lusz { + color: #E5E5E5; + border-color: #A5A5A5; } -.theme-dark .lookOutlined-3yKVGo.colorPrimary-2AuQVo:hover { +.theme-dark .lookOutlined-3RTC7c.colorPrimary-2-Lusz:hover { color: #FFFFFF; border-color: #FFFFFF; - background-color: transparent; + background-color: #FFFFFF10; +} +.theme-dark .lookOutlined-3RTC7c.colorPrimary-2-Lusz .icon-2W8DHg { + color: #E5E5E5; } /* Red/Danger Outlined Button */ -.theme-dark .lookOutlined-3yKVGo.colorRed-rQXKgM { +.theme-dark .lookOutlined-3RTC7c.colorRed-2VFhM4 { background-color: transparent; border-color: var(--info-danger-foreground); color: var(--info-danger-foreground); } -.theme-dark .lookOutlined-3yKVGo.colorRed-rQXKgM:hover { +.theme-dark .lookOutlined-3RTC7c.colorRed-2VFhM4:hover { background-color: var(--info-danger-foreground); color: #FFFFFF; } @@ -8115,7 +8400,7 @@ } /* Invite Friends To Server Modal */ -.wrapper-3ByaVZ .header-1zd7se { +.wrapper-3ByaVZ .header-1ffhsl { background-color: #141414; } .wrapper-3ByaVZ .container-2oNtJn { @@ -8239,6 +8524,10 @@ .chat-2ZfjoI .wrapper-1gVUIN .tile-2TcwiO .cta-3-AFNF { background-color: var(--bd-blue); } +.chat-2ZfjoI .wrapper-1gVUIN .button-3Vyz67:hover, +.chat-2ZfjoI .wrapper-1gVUIN .tile-2TcwiO .cta-3-AFNF:hover { + background-color: var(--bd-blue-hover); +} /* Video/Voice: Rectangular User Overlay */ .chat-2ZfjoI .wrapper-1gVUIN .previewWrapper--xCwTW.loading-1vcjeJ, .chat-2ZfjoI .wrapper-1gVUIN .overlayTitle-2efoIF.idle-3MGs7O { @@ -8279,6 +8568,16 @@ .bottomControls-31YuPK .colorable-3rVGna.white-11auuQ .slash-2yrR11 { color: #FFFFFF; } +/* Emoji Reaction Button */ +.bottomControls-31YuPK .buttonContainer-1sjtPU .colorable-3rVGna.white-11auuQ { + background-color: var(--bd-blue) !important; +} +/* Emoji Reaction Menu */ +[id="emoji-picker-tab-panel"].wrapper-3u51GQ .header-11eigE { + /* background-color: #131313; */ + margin-top: 0px; + padding-bottom: 8px; +} /* Voice Call: Avatar Speaking Border */ .voiceAvatar-lRbblo+.border-2BJQjd.speaking-3RWJBr { @@ -8286,46 +8585,45 @@ } /* Voice Call: Tile Speaking Border */ .tileChild-2k7Wqh .border-2Vy6FN.speaking-7QZEkv { - box-shadow: inset 0 0 0 2.5px var(--status-positive-background), inset 0 0 0 3px #000000; + box-shadow: inset 0 0 0 3.5px var(--status-positive-background), inset 0 0 0 5px #000000; } /* Screen Share/Application Stream Menu */ -.modalSize-3WSXDU .sourceScroller-3wC9he { - background-color: #1C1C1C; +.modalSize-3WSXDU.root-1CAIjD, +.modalSize-3WSXDU.root-1CAIjD .tile-3POX2m .sourceThumbnail-ERDcZE { + background-color: #161616; } -.modalSize-3WSXDU .sourceScroller-3wC9he::-webkit-scrollbar-thumb { - background-color: #111111; +.modalSize-3WSXDU.root-1CAIjD .sourceScroller-3wC9he { + background-color: #212121; } -.modalSize-3WSXDU .tile-3POX2m .sourceThumbnail-ERDcZE { - background-color: #161616; +.modalSize-3WSXDU.root-1CAIjD .sourceScroller-3wC9he::-webkit-scrollbar-thumb { + background-color: #111111; } -.modalSize-3WSXDU .tile-3POX2m:hover .sourceThumbnail-ERDcZE { +.modalSize-3WSXDU.root-1CAIjD .tile-3POX2m:hover .sourceThumbnail-ERDcZE { box-shadow: inset 0 0 0 2px var(--bd-blue-hover); } -.modalSize-3WSXDU .segmentControlOption-3MnJdT.item-LN5zvA { - padding-top: 10px; +.modalSize-3WSXDU.root-1CAIjD .segmentControl-3edJKN { + margin-top: -10px; } /* Screen Share Menu: Quality Settings */ -.modalSize-3WSXDU .card-1SdQ2-, -.modalSize-3WSXDU .item-2OyinQ { - background-color: #141414; +.modalSize-3WSXDU.root-1CAIjD .card-m7VgZ8, +.modalSize-3WSXDU.root-1CAIjD .item-2OyinQ { + background-color: #111111; border: none; } -.modalSize-3WSXDU .card-1SdQ2-:hover, -.modalSize-3WSXDU .selectorButton-3sW6Qm:hover { - background-color: #111111; +.modalSize-3WSXDU.root-1CAIjD .card-m7VgZ8:hover, +.modalSize-3WSXDU.root-1CAIjD .selectorButton-3sW6Qm:hover, +.modalSize-3WSXDU.root-1CAIjD .item-2OyinQ.selectorButtonPremiumRequired-2pGGEj { + background-color: #0F0F0F; } -.modalSize-3WSXDU .qualitySettingsContainer-2LjkfM { +.modalSize-3WSXDU.root-1CAIjD .qualitySettingsContainer-2LjkfM { background-color: #1C1C1C; border: 1px solid #1C1C1C; } -.modalSize-3WSXDU .item-2OyinQ.selectorButtonPremiumRequired-2pGGEj { - background-color: #0C0C0C; -} -.modalSize-3WSXDU .selectorButtonSelected-3cQUnj { +.modalSize-3WSXDU.root-1CAIjD .selectorButtonSelected-3cQUnj { background-color: var(--bd-blue); } -.modalSize-3WSXDU .selectorButtonSelected-3cQUnj:hover { +.modalSize-3WSXDU.root-1CAIjD .selectorButtonSelected-3cQUnj:hover { background-color: var(--bd-blue-hover); } @@ -8347,12 +8645,12 @@ } /* Change Video Background */ -.root-g14mjS .backgroundOptionInner-TuavSG { +.root-1CAIjD .backgroundOptionInner-TuavSG { background-color: #161616; } /* Video Call: Preview Camera Modal */ -.theme-dark .root-g14mjS .cameraPreview-2_ITfQ { +.theme-dark .root-1CAIjD .cameraPreview-2_ITfQ { background-color: #141414; } @@ -8392,17 +8690,17 @@ background-color: #161616; padding-top: 20px; } -.keyboardShortcutsModal-2CRmCm .scrollerBase-_bVAAt::-webkit-scrollbar, -.keyboardShortcutsModal-2CRmCm .scrollerBase-_bVAAt::-webkit-scrollbar-track { +.keyboardShortcutsModal-2CRmCm .scrollerBase-1Pkza4::-webkit-scrollbar, +.keyboardShortcutsModal-2CRmCm .scrollerBase-1Pkza4::-webkit-scrollbar-track { background-color: #161616; } .theme-dark .keyboardShortcutsModal-2CRmCm, -.keyboardShortcutsModal-2CRmCm .scrollerBase-_bVAAt::-webkit-scrollbar-thumb { +.keyboardShortcutsModal-2CRmCm .scrollerBase-1Pkza4::-webkit-scrollbar-thumb { background-color: #111111; } /* Hey There TAB Friend */ -.root-g14mjS .content-1pIKZR .tips-39ZVzW { +.root-1CAIjD .content-1pIKZR .tips-39ZVzW { background-color: #161616; } @@ -8454,23 +8752,24 @@ left: 6px; opacity: .4; transition: 160ms; + background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Language.svg") } -.sidebarRegionScroller-FXiQOh .item-3XjbnG .dot-2s_oHI { +.sidebarRegionScroller-FXiQOh .item-2GWPIy .dot-2s_oHI { background-color: var(--bd-blue); } /* Button Hover & Animations */ -.standardSidebarView-E9Pc3j .sidebar-nqHbhN .side-2ur1Qk [class*="item"] { +.standardSidebarView-E9Pc3j .sidebar-nqHbhN .side-1lrxIh [class*="item"] { border-radius: 4px 0px 0px 4px; transform: translateZ(0); transition: 220ms; } -.standardSidebarView-E9Pc3j .sidebar-nqHbhN .side-2ur1Qk .themed-2-lozF.selected-g-kMVV.item-3XjbnG { +.standardSidebarView-E9Pc3j .sidebar-nqHbhN .side-1lrxIh .themed-qqoYp3.selected-1sf9UK.item-2GWPIy { background-color: #191919; transform: translateX(8px); transition: 160ms; } -.standardSidebarView-E9Pc3j .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG:hover { +.standardSidebarView-E9Pc3j .sidebar-nqHbhN .side-1lrxIh .item-2GWPIy:hover { background-color: #141414; transform: translateX(8px); transition: 160ms; @@ -8483,41 +8782,61 @@ } /* Nitro, Server Boost & Subscriptions Selected Color Fix */ -.standardSidebarView-E9Pc3j .side-2ur1Qk .selectedBackground-1t6xXq, -.standardSidebarView-E9Pc3j .side-2ur1Qk .serverBoostTabItem-3QwA3W[aria-selected=true] { +.standardSidebarView-E9Pc3j .side-1lrxIh .selectedBackground-1t6xXq, +.standardSidebarView-E9Pc3j .side-1lrxIh .serverBoostTabItem-3QwA3W[aria-selected=true] { background-color: #191919 !important; z-index: 0; } -.standardSidebarView-E9Pc3j .side-2ur1Qk .premiumLabel-3HPvdB svg, -.standardSidebarView-E9Pc3j .side-2ur1Qk .serverBoostTabItem-3QwA3W .icon-3FU6Ir { +.standardSidebarView-E9Pc3j .side-1lrxIh .premiumLabel-3HPvdB svg, +.standardSidebarView-E9Pc3j .side-1lrxIh .serverBoostTabItem-3QwA3W .icon-3FU6Ir { display: none; } +/* New Nitro & Beta Badge */ +.standardSidebarView-E9Pc3j .side-1lrxIh .premiumLabel-3HPvdB .tag-2N0orS, +.standardSidebarView-E9Pc3j .sidebar-nqHbhN .side-1lrxIh .themed-qqoYp3.item-2GWPIy .tabBarItemContainer-2HdIlr .base-3IDx3L { + margin-right: -5px; +} +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy:hover .tag-2N0orS, +.standardSidebarView-E9Pc3j .sidebar-nqHbhN .side-1lrxIh [class*="item"]:hover .tabBarItemContainer-2HdIlr .base-3IDx3L, +.standardSidebarView-E9Pc3j .sidebar-nqHbhN .side-1lrxIh .themed-qqoYp3.selected-1sf9UK.item-2GWPIy .tabBarItemContainer-2HdIlr .base-3IDx3L { + border-radius: 8px 0px 0px 8px; +} + /* User Settings Row Icons */ -.standardSidebarView-E9Pc3j .side-2ur1Qk .item-3XjbnG[aria-controls="my-account-tab" i]::before { +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy[aria-label="My Account"]::before, +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy[aria-controls="my-account-tab" i]::before { background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/User_Management.svg"); } -.standardSidebarView-E9Pc3j .side-2ur1Qk .item-3XjbnG[aria-controls="profile-customization-tab" i]::before { +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy[aria-label="Profiles"]::before, +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy[aria-controls="profile-customization-tab" i]::before { background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Styles.svg"); } -.standardSidebarView-E9Pc3j .side-2ur1Qk .item-3XjbnG[aria-controls="privacy-&-safety-tab" i]::before { +.standardSidebarView-E9Pc3j [aria-label="User Settings"].side-1lrxIh .item-2GWPIy:nth-child(4)::before, +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy[aria-controls="privacy-&-safety-tab" i]::before { background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Security.svg"); } -.standardSidebarView-E9Pc3j .side-2ur1Qk .item-3XjbnG[aria-controls="authorized-apps-tab" i]::before { +.standardSidebarView-E9Pc3j [aria-label="User Settings"].side-1lrxIh .item-2GWPIy:nth-child(5)::before, +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy[aria-controls="authorized-apps-tab" i]::before { background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Apps.svg"); } -.standardSidebarView-E9Pc3j .side-2ur1Qk .item-3XjbnG[aria-controls="sessions-tab" i]::before { +.standardSidebarView-E9Pc3j [aria-label="User Settings"].side-1lrxIh .item-2GWPIy:nth-child(6)::before, +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy[aria-controls="sessions-tab" i]::before { background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Screen.svg"); } -.standardSidebarView-E9Pc3j .side-2ur1Qk .item-3XjbnG[aria-controls="connections-tab" i]::before { +.standardSidebarView-E9Pc3j [aria-label="User Settings"].side-1lrxIh .item-2GWPIy:nth-child(7)::before, +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy[aria-controls="passport-tab" i]::before { background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Connection.svg"); } -.standardSidebarView-E9Pc3j .side-2ur1Qk .item-3XjbnG[aria-controls="friend-requests-tab" i]::before { - background: url(https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Group.svg); +.standardSidebarView-E9Pc3j [aria-label="User Settings"].side-1lrxIh .item-2GWPIy:nth-child(8)::before, +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy[aria-controls="friend-requests-tab" i]::before { + background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Group.svg"); } /* Discord Nitro */ -.standardSidebarView-E9Pc3j .side-2ur1Qk .item-3XjbnG[aria-controls="discord-nitro-tab" i]::before { +.standardSidebarView-E9Pc3j [aria-label="User Settings"].side-1lrxIh .item-2GWPIy[aria-label="Nitro" i]::before, +.standardSidebarView-E9Pc3j [aria-label="User Settings"].side-1lrxIh .item-2GWPIy:nth-child(11)::before, +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy[aria-controls="discord-nitro-tab" i]::before { background-image: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Discord/Nitro.svg"); transform: scale(0.57); left: -3px; @@ -8527,8 +8846,8 @@ transition: 0ms; z-index: 2; } -.standardSidebarView-E9Pc3j .side-2ur1Qk .item-3XjbnG:hover[aria-controls="discord-nitro-tab" i]::before, -.standardSidebarView-E9Pc3j .side-2ur1Qk .selected-g-kMVV.item-3XjbnG[aria-controls="discord-nitro-tab" i]::before { +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy:hover[aria-controls="discord-nitro-tab" i]::before, +.standardSidebarView-E9Pc3j .side-1lrxIh .selected-1sf9UK.item-2GWPIy[aria-controls="discord-nitro-tab" i]::before { background-image: url("https://discord.com/assets/24d05f3b46a110e538674edbac0db4cd.svg"); transform: scale(1.1); left: 6px; @@ -8538,230 +8857,277 @@ transition: 0ms; } /* Server Boost */ -.standardSidebarView-E9Pc3j .side-2ur1Qk .item-3XjbnG[aria-controls="nitro-server-boost-tab" i]::before { +.standardSidebarView-E9Pc3j [aria-label="User Settings"].side-1lrxIh .item-2GWPIy:nth-child(12)::before, +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy[aria-controls="nitro-server-boost-tab" i]::before { background-image: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Discord/Boost.svg"); filter: grayscale(1) contrast(1) brightness(2); } -.standardSidebarView-E9Pc3j .side-2ur1Qk .item-3XjbnG:hover[aria-controls="nitro-server-boost-tab" i]::before, -.standardSidebarView-E9Pc3j .side-2ur1Qk .selected-g-kMVV.item-3XjbnG[aria-controls="nitro-server-boost-tab" i]::before { +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy:hover[aria-controls="nitro-server-boost-tab" i]::before, +.standardSidebarView-E9Pc3j .side-1lrxIh .selected-1sf9UK.item-2GWPIy[aria-controls="nitro-server-boost-tab" i]::before { background-image: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Discord/Boost.svg"); filter: grayscale(0) contrast(1) brightness(1); } /* Subscriptions */ -.standardSidebarView-E9Pc3j .side-2ur1Qk .item-3XjbnG[aria-controls="subscriptions-tab" i]::before { +.standardSidebarView-E9Pc3j [aria-label="User Settings"].side-1lrxIh .item-2GWPIy:nth-child(13)::before, +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy[aria-controls="subscriptions-tab" i]::before { background: url("https://fonts.gstatic.com/s/i/materialicons/fact_check/v14/24px.svg"); filter: invert(1); } /* Premium */ -.standardSidebarView-E9Pc3j .side-2ur1Qk .item-3XjbnG[aria-controls="guild-role-subscription-tab" i]::before { +.standardSidebarView-E9Pc3j [aria-label="User Settings"].side-1lrxIh .item-2GWPIy:nth-child(14)::before, +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy[aria-controls="guild-role-subscription-tab" i]::before { background: url("https://fonts.gstatic.com/s/i/materialicons/workspace_premium/v3/24px.svg"); filter: invert(1); } /* Gift Inventory */ -.standardSidebarView-E9Pc3j .side-2ur1Qk .item-3XjbnG[aria-controls="library-inventory-tab" i]::before { +.standardSidebarView-E9Pc3j [aria-label="User Settings"].side-1lrxIh .item-2GWPIy:nth-child(15)::before, +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy[aria-controls="library-inventory-tab" i]::before { background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Present.svg"); } /* Billing */ -.standardSidebarView-E9Pc3j .side-2ur1Qk .item-3XjbnG[aria-controls="billing-tab" i]::before { +.standardSidebarView-E9Pc3j [aria-label="User Settings"].side-1lrxIh .item-2GWPIy:nth-child(16)::before, +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy[aria-controls="billing-tab" i]::before { background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Credit.svg"); } /* Appearance */ -.standardSidebarView-E9Pc3j .side-2ur1Qk .item-3XjbnG[aria-controls="appearance-tab" i]::before { +.standardSidebarView-E9Pc3j [aria-label="User Settings"].side-1lrxIh .item-2GWPIy[aria-label="Appearance" i]::before, +.standardSidebarView-E9Pc3j [aria-label="User Settings"].side-1lrxIh .item-2GWPIy:nth-child(18)::before, +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy[aria-controls="appearance-tab" i]::before { background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Formatting.svg"); } /* Accessibility */ -.standardSidebarView-E9Pc3j .side-2ur1Qk .item-3XjbnG[aria-controls="accessibility-tab" i]::before { +.standardSidebarView-E9Pc3j [aria-label="User Settings"].side-1lrxIh .item-2GWPIy:nth-child(19)::before, +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy[aria-controls="accessibility-tab" i]::before { background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Accessibility.svg"); } /* Voice & Video */ -.standardSidebarView-E9Pc3j .side-2ur1Qk .item-3XjbnG[aria-controls="voice-&-video-tab" i]::before { +.standardSidebarView-E9Pc3j [aria-label="User Settings"].side-1lrxIh .item-2GWPIy:nth-child(20)::before, +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy[aria-controls="voice-&-video-tab" i]::before { background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Voice.svg"); } /* Text & Images */ -.standardSidebarView-E9Pc3j .side-2ur1Qk .item-3XjbnG[aria-controls="text-&-images-tab" i]::before { +.standardSidebarView-E9Pc3j [aria-label="User Settings"].side-1lrxIh .item-2GWPIy:nth-child(21)::before, +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy[aria-controls="text-&-images-tab" i]::before { background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Messages.svg"); } /* Notifications */ -.standardSidebarView-E9Pc3j .side-2ur1Qk .item-3XjbnG[aria-controls="notifications-tab" i]::before { +.standardSidebarView-E9Pc3j [aria-label="User Settings"].side-1lrxIh .item-2GWPIy:nth-child(22)::before, +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy[aria-controls="notifications-tab" i]::before { background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Notification.svg"); } /* Keybinds */ -.standardSidebarView-E9Pc3j .side-2ur1Qk .item-3XjbnG[aria-controls="keybinds-tab" i]::before { +.standardSidebarView-E9Pc3j [aria-label="User Settings"].side-1lrxIh .item-2GWPIy:nth-child(23)::before, +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy[aria-controls="keybinds-tab" i]::before { background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Keyboard.svg"); } /* Language */ -.standardSidebarView-E9Pc3j .side-2ur1Qk .item-3XjbnG[aria-controls="language-tab" i]::before { +.standardSidebarView-E9Pc3j [aria-label="User Settings"].side-1lrxIh .item-2GWPIy:nth-child(24)::before, +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy[aria-controls="language-tab" i]::before { background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Language.svg"); } /* Windows Settings */ -.standardSidebarView-E9Pc3j .side-2ur1Qk .item-3XjbnG[aria-controls="windows-tab" i]::before { +.standardSidebarView-E9Pc3j [aria-label="User Settings"].side-1lrxIh .item-2GWPIy:nth-child(25)::before, +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy[aria-controls="windows-tab" i]::before { background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Windows.svg"); transform: scale(0.81); } /* Linux Settings */ -.standardSidebarView-E9Pc3j .side-2ur1Qk .item-3XjbnG[aria-controls="linux-tab" i]::before { +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy[aria-controls="linux-tab" i]::before { background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Diamond.svg"); } /* Streamer Mode */ -.standardSidebarView-E9Pc3j .side-2ur1Qk .item-3XjbnG[aria-controls="streamer-mode-tab" i]::before { +.standardSidebarView-E9Pc3j [aria-label="User Settings"].side-1lrxIh .item-2GWPIy:nth-child(26)::before, +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy[aria-controls="streamer-mode-tab" i]::before { background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Camera.svg"); } /* Advanced */ -.standardSidebarView-E9Pc3j .side-2ur1Qk .item-3XjbnG[aria-controls="advanced-tab" i]::before { +.standardSidebarView-E9Pc3j [aria-label="User Settings"].side-1lrxIh .item-2GWPIy:nth-child(27)::before, +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy[aria-controls="advanced-tab" i]::before { background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Memory_Board.svg"); } -/* Activity Pricavy */ -.standardSidebarView-E9Pc3j .side-2ur1Qk .item-3XjbnG[aria-controls="activity-privacy-tab" i]::before { +/* Activity Privacy */ +.standardSidebarView-E9Pc3j [aria-label="User Settings"].side-1lrxIh .item-2GWPIy:nth-child(30)::before, +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy[aria-controls="activity-privacy-tab" i]::before { background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Security.svg"); } /* Game Activity (Registered Games) */ -.standardSidebarView-E9Pc3j .side-2ur1Qk .item-3XjbnG[aria-controls="game-activity-tab" i]::before { +.standardSidebarView-E9Pc3j [aria-label="User Settings"].side-1lrxIh .item-2GWPIy:nth-child(31)::before, +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy[aria-controls="game-activity-tab" i]::before { background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Games.svg"); } /* Game Overlay */ -.standardSidebarView-E9Pc3j .side-2ur1Qk .item-3XjbnG[aria-controls="overlay-tab" i]::before { +.standardSidebarView-E9Pc3j [aria-label="User Settings"].side-1lrxIh .item-2GWPIy:nth-child(32)::before, +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy[aria-controls="overlay-tab" i]::before { background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Overlay.svg"); } -/* ChangeLog Icon */ -.standardSidebarView-E9Pc3j .side-2ur1Qk .item-3XjbnG[aria-controls="changelog-tab" i]::before { +/* BetterDiscord Icons */ +.standardSidebarView-E9Pc3j .side-1lrxIh .bd-settings-tab.item-2GWPIy::before { + background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/BetterDiscord.svg"); +} +.standardSidebarView-E9Pc3j .side-1lrxIh .bd-updates-tab.item-2GWPIy::before { + background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Library.svg"); +} +.standardSidebarView-E9Pc3j .side-1lrxIh .bd-emotes-tab.item-2GWPIy::before { + background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Emoji.svg"); +} +.standardSidebarView-E9Pc3j .side-1lrxIh .bd-customcss-tab.item-2GWPIy::before { + background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Code.svg"); +} +.standardSidebarView-E9Pc3j .side-1lrxIh .bd-plugins-tab.item-2GWPIy::before { + background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Plugins.svg"); +} +.standardSidebarView-E9Pc3j .side-1lrxIh .bd-themes-tab.item-2GWPIy::before { + background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Theme.svg"); +} +/* Plugin Repo */ +.sidebarRegionScroller-FXiQOh .item-2GWPIy[aria-controls="pluginrepo-tab" i]::before { + background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Plugins.svg"); +} +/* Theme Repo */ +.sidebarRegionScroller-FXiQOh .item-2GWPIy[aria-controls="themerepo-tab" i]::before { + background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Theme.svg"); +} + +/* What's New (ChangeLog) */ +.standardSidebarView-E9Pc3j [aria-label="User Settings"].side-1lrxIh .item-2GWPIy:nth-child(41)::before, +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy[aria-controls="changelog-tab" i]::before { background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Logs.svg"); } /* HypeSquad */ -.standardSidebarView-E9Pc3j .side-2ur1Qk .item-3XjbnG[aria-controls="hypesquad-online-tab" i]::before { +.standardSidebarView-E9Pc3j [aria-label="User Settings"].side-1lrxIh .item-2GWPIy:nth-child(42)::before, +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy[aria-controls="hypesquad-online-tab" i]::before { background-image: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Discord/Hypesquad.svg"); - background-repeat: no-repeat; filter: grayscale(1) brightness(2); transform: scale(0.62); - left: 0px; + left: 2px; top: 2px; - width: 42px; - height: 32px; + width: 34px; + height: 34px; } -.standardSidebarView-E9Pc3j .side-2ur1Qk .item-3XjbnG:hover[aria-controls="hypesquad-online-tab" i]::before, -.standardSidebarView-E9Pc3j .side-2ur1Qk .selected-g-kMVV.item-3XjbnG[aria-controls="hypesquad-online-tab" i]::before { +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy:hover[aria-controls="hypesquad-online-tab" i]::before, +.standardSidebarView-E9Pc3j .side-1lrxIh .selected-1sf9UK.item-2GWPIy[aria-controls="hypesquad-online-tab" i]::before { background-image: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Discord/Hypesquad.svg"); filter: grayscale(0) brightness(1); } -/* Experiments/Developer Icon */ -.standardSidebarView-E9Pc3j .side-2ur1Qk .item-3XjbnG[aria-controls="experiments-tab" i]::before, -.standardSidebarView-E9Pc3j .side-2ur1Qk .item-3XjbnG[aria-controls="developer-options-tab" i]::before, -.standardSidebarView-E9Pc3j .side-2ur1Qk .item-3XjbnG[aria-controls="hotspot-options-tab" i]::before, -.standardSidebarView-E9Pc3j .side-2ur1Qk .item-3XjbnG[aria-controls="dismissible-content-options-tab" i]::before, -.standardSidebarView-E9Pc3j .side-2ur1Qk .item-3XjbnG[aria-controls="payment-flow-modals-tab" i]::before { +/* Experiments/Developer Icons */ +.standardSidebarView-E9Pc3j [aria-label="User Settings"].side-1lrxIh .item-2GWPIy:nth-child(43)::before, +.standardSidebarView-E9Pc3j [aria-label="User Settings"].side-1lrxIh .item-2GWPIy:nth-child(44)::before, +.standardSidebarView-E9Pc3j [aria-label="User Settings"].side-1lrxIh .item-2GWPIy:nth-child(45)::before, +.standardSidebarView-E9Pc3j [aria-label="User Settings"].side-1lrxIh .item-2GWPIy:nth-child(46)::before, +.standardSidebarView-E9Pc3j [aria-label="User Settings"].side-1lrxIh .item-2GWPIy:nth-child(47)::before, +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy[aria-controls="experiments-tab" i]::before, +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy[aria-controls="developer-options-tab" i]::before, +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy[aria-controls="hotspot-options-tab" i]::before, +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy[aria-controls="dismissible-content-options-tab" i]::before, +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy[aria-controls="payment-flow-modals-tab" i]::before, +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy[aria-controls="text-component-tab" i]::before { background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Memory.svg"); } /* Log Out */ -.standardSidebarView-E9Pc3j .side-2ur1Qk .item-3XjbnG[aria-controls="logout-tab" i]::before { +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy[aria-label="Log Out"]::before, +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy[aria-controls="logout-tab" i]::before { background-image: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Exit.svg"); filter: invert(70%) sepia(100%) saturate(1000%) hue-rotate(-30deg); opacity: .6; } -.standardSidebarView-E9Pc3j .side-2ur1Qk .item-3XjbnG[aria-controls="logout-tab" i] { +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy[aria-label="Log Out"], +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy[aria-controls="logout-tab" i] { color: var(--info-danger-foreground); } -.standardSidebarView-E9Pc3j .side-2ur1Qk .item-3XjbnG[aria-controls="logout-tab" i]:hover { +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy[aria-label="Log Out"]:hover, +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy[aria-controls="logout-tab" i]:hover { background-color: var(--info-danger-background); } -.standardSidebarView-E9Pc3j .side-2ur1Qk .item-3XjbnG[aria-controls="logout-tab" i] .tabBarItemContainer-2HdIlr svg { +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy[aria-label="Log Out"] .tabBarItemContainer-2HdIlr svg, +.standardSidebarView-E9Pc3j .side-1lrxIh .item-2GWPIy[aria-controls="logout-tab" i] .tabBarItemContainer-2HdIlr svg { display: none; } -/* BetterDiscord Icons */ -.standardSidebarView-E9Pc3j .side-2ur1Qk .bd-settings-tab[aria-controls="settings-tab" i]::before { - background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/BetterDiscord.svg"); -} -.standardSidebarView-E9Pc3j .side-2ur1Qk .bd-emotes-tab[aria-controls="emotes-tab" i]::before { - background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Emoji.svg"); -} -.standardSidebarView-E9Pc3j .side-2ur1Qk .bd-customcss-tab[aria-controls="customcss-tab" i]::before { - background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Code.svg"); -} -.standardSidebarView-E9Pc3j .side-2ur1Qk .bd-plugins-tab[aria-controls="plugins-tab" i]::before { - background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Plugins.svg"); -} -.standardSidebarView-E9Pc3j .side-2ur1Qk .bd-themes-tab[aria-controls="themes-tab" i]::before { - background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Theme.svg"); -} -/* Plugin Repo */ -.sidebarRegionScroller-FXiQOh .item-3XjbnG[aria-controls="pluginrepo-tab" i]::before { - background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Plugins.svg"); -} -/* Theme Repo */ -.sidebarRegionScroller-FXiQOh .item-3XjbnG[aria-controls="themerepo-tab" i]::before { - background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Theme.svg"); -} - /* Server: Overview Icon */ -.sidebarRegionScroller-FXiQOh .item-3XjbnG[aria-controls="overview-tab" i]::before { +.guilds-2JjMmN+.base-2jDfDU .sidebarRegionScroller-FXiQOh .item-2GWPIy:nth-child(1)::before, +.sidebarRegionScroller-FXiQOh .item-2GWPIy[aria-label="Overview" i]::before, +.sidebarRegionScroller-FXiQOh .item-2GWPIy[aria-controls="overview-tab" i]::before { background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Info.svg"); } /* Server: Roles Icon */ -.sidebarRegionScroller-FXiQOh .item-3XjbnG[aria-controls="roles-tab" i]::before { +.sidebarRegionScroller-FXiQOh .item-2GWPIy[aria-label="Manage Roles" i]::before, +.sidebarRegionScroller-FXiQOh .item-2GWPIy[aria-controls="roles-tab" i]::before { background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Roles.svg"); } /* Server: Emojis Icon */ -.sidebarRegionScroller-FXiQOh .item-3XjbnG[aria-controls="emoji-tab" i]::before { +.sidebarRegionScroller-FXiQOh .item-2GWPIy[aria-controls="emoji-tab" i]::before { background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Emoji.svg"); } /* Server: Stickers Icon */ -.sidebarRegionScroller-FXiQOh .item-3XjbnG[aria-controls="stickers-tab" i]::before { +.sidebarRegionScroller-FXiQOh .item-2GWPIy[aria-label="Stickers" i]::before, +.sidebarRegionScroller-FXiQOh .item-2GWPIy[aria-controls="stickers-tab" i]::before { background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Sticky_Note.svg"); } -/* Server: Integrations Icon */ -.sidebarRegionScroller-FXiQOh .item-3XjbnG[aria-controls="integrations-tab" i]::before { - background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Integrations.svg"); -} /* Server: Widget Icon */ -.sidebarRegionScroller-FXiQOh .item-3XjbnG[aria-controls="widget-tab" i]::before { +.sidebarRegionScroller-FXiQOh .item-2GWPIy[aria-controls="widget-tab" i]::before { background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Widgets.svg"); } /* Server: Template Icon */ -.sidebarRegionScroller-FXiQOh .item-3XjbnG[aria-controls="guild_templates-tab" i]::before { +.sidebarRegionScroller-FXiQOh .item-2GWPIy[aria-label="Server Template" i]::before, +.sidebarRegionScroller-FXiQOh .item-2GWPIy[aria-controls="guild_templates-tab" i]::before { background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Collection.svg"); } /* Server: Custom Invite Link Icon */ -.sidebarRegionScroller-FXiQOh .item-3XjbnG[aria-controls="vanity_url-tab" i]::before { +.sidebarRegionScroller-FXiQOh .item-2GWPIy[aria-controls="vanity_url-tab" i]::before { background: url("https://fonts.gstatic.com/s/i/materialicons/fact_check/v14/24px.svg"); filter: invert(1); } +/* Server: Integrations Icon */ +.sidebarRegionScroller-FXiQOh .item-2GWPIy[aria-label="Integrations" i]::before, +.sidebarRegionScroller-FXiQOh .item-2GWPIy[aria-controls="integrations-tab" i]::before { + background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Integrations.svg"); +} +/* Server: App Directory */ +.sidebarRegionScroller-FXiQOh .item-2GWPIy[aria-label="App Directory" i]::before { + background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Widgets.svg"); +} + /* Server Community: Rules Screening Icon */ -.sidebarRegionScroller-FXiQOh .item-3XjbnG[aria-controls="member_verification-tab" i]::before { +.sidebarRegionScroller-FXiQOh .item-2GWPIy[aria-controls="member_verification-tab" i]::before { background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/User_Search.svg"); } /* Server: Safety (Moderation) Icon */ -.sidebarRegionScroller-FXiQOh .item-3XjbnG[aria-controls="moderation-tab" i]::before { +.sidebarRegionScroller-FXiQOh .item-2GWPIy[aria-controls="moderation-tab" i]::before { background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Moderation.svg"); } /* Server: AutoMod Icon */ -.sidebarRegionScroller-FXiQOh .item-3XjbnG[aria-controls="guild_automod-tab" i]::before { +.sidebarRegionScroller-FXiQOh .item-2GWPIy[aria-label="AutoMod" i]::before, +.sidebarRegionScroller-FXiQOh .item-2GWPIy[aria-controls="guild_automod-tab" i]::before { background: url("https://fonts.gstatic.com/s/i/materialicons/fact_check/v14/24px.svg"); filter: invert(1); } /* Server: Audit Log Icon */ -.sidebarRegionScroller-FXiQOh .item-3XjbnG[aria-controls="audit_log-tab" i]::before { +.sidebarRegionScroller-FXiQOh .item-2GWPIy[aria-controls="audit_log-tab" i]::before { background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Calendar.svg"); } /* Server: Bans Icon */ -.sidebarRegionScroller-FXiQOh .item-3XjbnG[aria-controls="bans-tab" i]::before { +.sidebarRegionScroller-FXiQOh .item-2GWPIy[aria-controls="bans-tab" i]::before { background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Blocked.svg"); } /* Server Community: Overview Icon */ -.sidebarRegionScroller-FXiQOh .item-3XjbnG[aria-controls="community-tab" i]::before { +.sidebarRegionScroller-FXiQOh .item-2GWPIy[aria-controls="community-tab" i]::before { background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Groups.svg"); } /* Server Community: Server Insights Icon */ -.sidebarRegionScroller-FXiQOh .item-3XjbnG[aria-controls="analytics-tab" i]::before { +.sidebarRegionScroller-FXiQOh .item-2GWPIy[aria-label="Server Insights" i]::before, +.sidebarRegionScroller-FXiQOh .item-2GWPIy[aria-controls="analytics-tab" i]::before { background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Insights.svg"); } /* Server Community: Partner Program Icon */ -.sidebarRegionScroller-FXiQOh .item-3XjbnG[aria-controls="partner-tab" i]::before { +.sidebarRegionScroller-FXiQOh .item-2GWPIy[aria-label="Partner Program" i]::before, +.sidebarRegionScroller-FXiQOh .item-2GWPIy[aria-controls="partner-tab" i]::before { background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Discord/Partner.svg"); background-repeat: no-repeat; filter: grayscale(1) brightness(2); @@ -8772,70 +9138,79 @@ height: 32px; } /* Server Community: Discovery Icon */ -.sidebarRegionScroller-FXiQOh .item-3XjbnG[aria-controls="discovery-tab" i]::before { +.sidebarRegionScroller-FXiQOh .item-2GWPIy[aria-label="Enable Discovery" i]::before, +.sidebarRegionScroller-FXiQOh .item-2GWPIy[aria-controls="discovery-tab" i]::before { background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Explore.svg"); } /* Server Community: Welcome Screen Icon */ -.sidebarRegionScroller-FXiQOh .item-3XjbnG[aria-controls="community_welcome-tab" i]::before { +.sidebarRegionScroller-FXiQOh .item-2GWPIy[aria-label="Welcome Screen" i]::before, +.sidebarRegionScroller-FXiQOh .item-2GWPIy[aria-controls="community_welcome-tab" i]::before { background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/User_Registration.svg"); } /* Server: Boost Status Icon */ -.sidebarRegionScroller-FXiQOh .item-3XjbnG[aria-controls="guild_premium-tab" i]::before { +.sidebarRegionScroller-FXiQOh .item-2GWPIy[aria-label="Server Boost Status" i]::before, +.sidebarRegionScroller-FXiQOh .item-2GWPIy[aria-controls="guild_premium-tab" i]::before { background-image: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Discord/Boost.svg"); filter: grayscale(1) contrast(1) brightness(2); } -.standardSidebarView-E9Pc3j .item-3XjbnG:hover[aria-controls="guild_premium-tab" i]::before, -.standardSidebarView-E9Pc3j .selected-g-kMVV.item-3XjbnG[aria-controls="guild_premium-tab" i]::before { +.standardSidebarView-E9Pc3j .item-2GWPIy:hover[aria-controls="guild_premium-tab" i]::before, +.standardSidebarView-E9Pc3j .selected-1sf9UK.item-2GWPIy[aria-controls="guild_premium-tab" i]::before { background-image: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Discord/Boost.svg"); filter: grayscale(0) contrast(1) brightness(1); } /* Server: Members Icon */ -.sidebarRegionScroller-FXiQOh .item-3XjbnG[aria-controls="members-tab" i]::before { +.sidebarRegionScroller-FXiQOh .item-2GWPIy[aria-controls="members-tab" i]::before { background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Group.svg"); } /* Server: Invites Icon */ -.sidebarRegionScroller-FXiQOh .item-3XjbnG[aria-controls="instant_invites-tab" i]::before { +.sidebarRegionScroller-FXiQOh .item-2GWPIy[aria-controls="instant_invites-tab" i]::before { background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Mail.svg"); } /* Server Channel: Permissions Icon */ -.sidebarRegionScroller-FXiQOh .item-3XjbnG[aria-controls="permissions-tab" i]::before { +.sidebarRegionScroller-FXiQOh .item-2GWPIy[aria-controls="permissions-tab" i]::before { background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Permissions.svg"); } /* Server: Remove Server Icon */ -.sidebarRegionScroller-FXiQOh .item-3XjbnG[aria-controls="delete-tab" i]::before { +.sidebarRegionScroller-FXiQOh .item-2GWPIy[aria-label="Delete Server" i]::before, +.sidebarRegionScroller-FXiQOh .item-2GWPIy[aria-label="Delete Channel" i]::before, +.sidebarRegionScroller-FXiQOh .item-2GWPIy[aria-controls="delete-tab" i]::before { background: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Delete.svg"); filter: invert(70%) sepia(100%) saturate(1000%) hue-rotate(-30deg); } -.sidebarRegionScroller-FXiQOh .item-3XjbnG[aria-controls="delete-tab" i] { +.sidebarRegionScroller-FXiQOh .item-2GWPIy[aria-label="Delete Server" i], +.sidebarRegionScroller-FXiQOh .item-2GWPIy[aria-label="Delete Channel" i], +.sidebarRegionScroller-FXiQOh .item-2GWPIy[aria-controls="delete-tab" i] { color: var(--info-danger-foreground); } -.sidebarRegionScroller-FXiQOh .item-3XjbnG[aria-controls="delete-tab" i] .tabBarItemContainer-2HdIlr svg { +.sidebarRegionScroller-FXiQOh .item-2GWPIy[aria-label="Delete Server" i] .tabBarItemContainer-2HdIlr svg, +.sidebarRegionScroller-FXiQOh .item-2GWPIy[aria-label="Delete Channel" i] .tabBarItemContainer-2HdIlr svg, +.sidebarRegionScroller-FXiQOh .item-2GWPIy[aria-controls="delete-tab" i] .tabBarItemContainer-2HdIlr svg { display: none; } /************************************** Profile Connections Icons ************************************/ /* Connections Header */ -.accountList-Wii_T5 { +.connectContainer-1hylYM { background-color: #141414; - padding: 16px 14px 4px; + padding: 14px 0px 12px 14px; } -.accountList-Wii_T5 .connectedAccounts-Jb3L2_ { - justify-content: space-between; +.connectContainer-1hylYM .connectionsContainer-3wRUc6 .accountButton-234qAZ { + margin-right: 5px; } -.accountList-Wii_T5 .connectedAccounts-Jb3L2_ .inner-1lPVFp { - width: 52px; - height: 52px; - background-size: 44px 44px; +.connectContainer-1hylYM .connectionsContainer-3wRUc6 .inner-1lPVFp { + width: 50px; + height: 50px; + background-size: 42px 42px; } -.accountList-Wii_T5 .connectedAccounts-Jb3L2_ .accountBtnInner-3ttD-i { +.connectContainer-1hylYM .connectionsContainer-3wRUc6 .accountButtonInner-33vCDY { background-color: #191919; } -.accountList-Wii_T5 .connectedAccounts-Jb3L2_ .accountBtnInner-3ttD-i:hover { +.connectContainer-1hylYM .connectionsContainer-3wRUc6 .accountButtonInner-33vCDY:hover { background-color: #292929; } /* Connections List */ @@ -8845,6 +9220,13 @@ .connectionList-11Q_X- .connection-107AGH { background-color: #161616; } +.connectionList-11Q_X- .connectionOptionsWrapper-3aVWcp { + padding: 10px 10px 0; +} +.connectionList-11Q_X- .metadataContainer-35U-On { + background-color: #141414; + margin: 12px 16px 0; +} .connectionList-11Q_X- .connectionHeader-Ixbb1s { background-color: #141414; padding: 10px 16px; @@ -8852,58 +9234,107 @@ .connectionList-11Q_X- .connectionHeader-Ixbb1s .connectionAccountValue-YkFI6F { font-size: 16px; } -.connectionList-11Q_X- .connectionHeader-Ixbb1s .connectionDelete-3YgMVq:hover, -.connectionList-11Q_X- .connectionHeader-Ixbb1s .connectionIcon-1iZ6F_:hover { - transform: scale(1.2); +.connectionList-11Q_X- .connectionHeader-Ixbb1s .connectionIcon-1iZ6F_ { + transform: scale(1.1); +} +.connectionList-11Q_X- .connectionHeader-Ixbb1s .connectionIcon-1iZ6F_:hover, +.connectionList-11Q_X- .connectionHeader-Ixbb1s .connectionDelete-3YgMVq:hover { + transform: scale(1.25); transition: 100ms; } - /* Connections Icons */ -.connectedAccountIcon-1FXG0p { - transform: scale(1.45); +.connectedAccountIcon-2szOw- { + transform: scale(1.3); } + /* Reddit */ -.connectedAccountIcon-1FXG0p[src="/assets/f3224f560c8f5974355596a4f7e9ce19.svg"] { +.connectedAccountIcon-2szOw-[src="/assets/f3224f560c8f5974355596a4f7e9ce19.svg"] { filter: grayscale(1) invert(0.96) brightness(2); } /* Youtube */ -.connectedAccountIcon-1FXG0p[src="/assets/57ee9535485efae7eb923ed4893abb57.svg"] { +.connectedAccountIcon-2szOw-[src="/assets/57ee9535485efae7eb923ed4893abb57.svg"] { filter: grayscale(1) invert(0.96) brightness(2); } /* Twitter */ -.connectedAccountIcon-1FXG0p[src="/assets/85cf2b49d2a185c98ec8e383ad5a05d6.svg"] { +.connectedAccountIcon-2szOw-[src="/assets/85cf2b49d2a185c98ec8e383ad5a05d6.svg"] { filter: grayscale(1) brightness(2); } /* Battle.net */ -.connectedAccountIcon-1FXG0p[src="/assets/37f15a06d062bdd0fc252d2b35d0b0bb.svg"] { +.connectedAccountIcon-2szOw-[src="/assets/37f15a06d062bdd0fc252d2b35d0b0bb.svg"] { filter: grayscale(1) brightness(2); - transform: scale(1.35); + transform: scale(1.25); } /* Spotify */ -.connectedAccountIcon-1FXG0p[src="/assets/eaeac24163b35f7526704a3d9b3c7722.svg"] { +.connectedAccountIcon-2szOw-[src="/assets/eaeac24163b35f7526704a3d9b3c7722.svg"] { filter: grayscale(1) brightness(2); } -.connectedAccountIcon-1FXG0p[src="/assets/eaeac24163b35f7526704a3d9b3c7722.svg"]+.connectedAccountNameContainer-EXbBUQ { +.connectedAccountIcon-2szOw-[src="/assets/eaeac24163b35f7526704a3d9b3c7722.svg"]+.connectedAccountNameContainer-3e9mvO { text-transform: capitalize; } /* Twitch */ -.connectedAccountIcon-1FXG0p[src="/assets/ca71e0b8818221eea1deebbaf8dc6518.svg"] { +.connectedAccountIcon-2szOw-[src="/assets/ca71e0b8818221eea1deebbaf8dc6518.svg"] { filter: grayscale(1) invert(0.96) brightness(2); } -.connectedAccountIcon-1FXG0p[src="/assets/ca71e0b8818221eea1deebbaf8dc6518.svg"]+.connectedAccountNameContainer-EXbBUQ { +.connectedAccountIcon-2szOw-[src="/assets/ca71e0b8818221eea1deebbaf8dc6518.svg"]+.connectedAccountNameContainer-3e9mvO { text-transform: capitalize; } /* Facebook */ -.connectedAccountIcon-1FXG0p[src="/assets/32045743cb7670855ae726743c949e0c.svg"] { +.connectedAccountIcon-2szOw-[src="/assets/32045743cb7670855ae726743c949e0c.svg"] { filter: grayscale(1) invert(0.96) brightness(2); } /* League Of Legends */ -.connectedAccountIcon-1FXG0p[src="/assets/94dc6f30a819026fa295d85f1f72b4ab.svg"] { +.connectedAccountIcon-2szOw-[src="/assets/94dc6f30a819026fa295d85f1f72b4ab.svg"] { filter: grayscale(1) brightness(2); } +/* Riot Games */ +.connectedAccountIcon-2szOw-[src="/assets/b5f1b2f99801cae913e1181bcab0153c.svg"] { + filter: grayscale(1) brightness(4); +} /* Epic Games */ -.connectedAccountIcon-1FXG0p[src="/assets/db9e2406158133f91e1fe24bb56425c2.svg"] { - transform: scale(1.9); +.connectedAccountIcon-2szOw-[src="/assets/db9e2406158133f91e1fe24bb56425c2.svg"] { + transform: scale(1.6) translate(0.5px); +} +/* Epic Games: Inverted */ +.connectedAccountIcon-2szOw-[src="/assets/ffa3415a151587879c5537015fa59521.svg"] { + transform: scale(1.6) translate(0.5px); + filter: invert(1) brightness(2); +} +/* Paypal */ +.connectedAccountIcon-2szOw-[src="/assets/cd538a7ff4cdd66dc377863e809c33bb.svg"] { + filter: grayscale(1) contrast(1.46); + transform: scale(1.35); +} +/* Instagram */ +.connectedAccountIcon-2szOw-[src="/assets/e553678afd83afad58833e6af32a2c94.svg"] { + filter: grayscale(1) brightness(5); + transform: scale(1.25); +} +/* +.connectedAccountIcon-2szOw-[src="/assets/e553678afd83afad58833e6af32a2c94.svg"] { + filter: grayscale(1) contrast(0) brightness(0.16); + transform: scale(1.25); +} +*/ + +/* Xbox: Inverted */ +.connectedAccountIcon-2szOw-[src="/assets/cab5339904e625728f75e3b7bc32a347.svg"] { + filter: grayscale(1) invert(0.96) brightness(2); +} +/* Playstation: Inverted */ +.connectedAccountIcon-2szOw-[src="/assets/8b20979429c0e2d40e0d620f939989cf.svg"] { + filter: grayscale(1) invert(0.96) brightness(2); +} +/* Tik Tok: Inverted */ +.connectedAccountIcon-2szOw-[src="/assets/e8981477c97b2470ea4767031fec1085.svg"] { + filter: grayscale(1) invert(1); +} +/* Github: Inverted */ +.connectedAccountIcon-2szOw-[src="/assets/3ff98ad75ac94fa883af5ed62d17c459.svg"] { + filter: invert(1); +} +/* Steam: Inverted */ +.connectedAccountIcon-2szOw-[src="/assets/1f07067017f955a0cde4e994e945f417.svg"] { + filter: invert(1); } /**************************************** Profile Badges Icons ***************************************/ @@ -8912,9 +9343,6 @@ .container-1gYwHN .clickable-1knRMS { filter: drop-shadow(-1px 2px 1px rgba(0,0,0,0.5)); } -.container-1gYwHN .clickable-1knRMS:hover { - transform: scale(1.1); -} /* Smaller Variant */ .container-1gYwHN .profileBadge18-2GrGvU { width: 22px; @@ -8922,310 +9350,474 @@ } /* Bravery */ -.container-1gYwHN [src="/assets/efcc751513ec434ea4275ecda4f61136.svg"] { +:is(.container-1gYwHN, .clickable-28QF7i) [src="/assets/efcc751513ec434ea4275ecda4f61136.svg"] { content: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Discord/Hypesquad.svg") ; filter: hue-rotate(208deg); transform: scale(0.85); } /* Brilliance */ -.container-1gYwHN [src="/assets/ec8e92568a7c8f19a052ef42f862ff18.svg"] { +:is(.container-1gYwHN, .clickable-28QF7i) [src="/assets/ec8e92568a7c8f19a052ef42f862ff18.svg"] { content: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Discord/Hypesquad.svg"); filter: hue-rotate(-40deg); transform: scale(0.85); } /* Balance */ -.container-1gYwHN [src="/assets/9f00b18e292e10fc0ae84ff5332e8b0b.svg"] { +:is(.container-1gYwHN, .clickable-28QF7i) [src="/assets/9f00b18e292e10fc0ae84ff5332e8b0b.svg"] { content: url("https://raw.githubusercontent.com/KillYoy/DiscordNight/master/Icons/SVG/Discord/Hypesquad.svg"); filter: hue-rotate(120deg); transform: scale(0.85); } /* Staff, Partner & Moderator */ -.container-1gYwHN [src="/assets/48d5bdcffe9e7848067c2e187f1ef951.svg"], -.container-1gYwHN [src="/assets/34306011e46e87f8ef25f3415d3b99ca.svg"], -.container-1gYwHN [src="/assets/c981e58b5ea4b7fedd3a643cf0c60564.svg"] { +:is(.container-1gYwHN, .clickable-28QF7i) [src="/assets/48d5bdcffe9e7848067c2e187f1ef951.svg"], +:is(.container-1gYwHN, .clickable-28QF7i) [src="/assets/34306011e46e87f8ef25f3415d3b99ca.svg"], +:is(.container-1gYwHN, .clickable-28QF7i) [src="/assets/c981e58b5ea4b7fedd3a643cf0c60564.svg"] { filter: hue-rotate(-12deg) brightness(1.1); } +/* Active Developer */ +/* +:is(.container-1gYwHN, .clickable-28QF7i) [src="/assets/26c7a60fb1654315e0be26107bd47470.svg"] { + transform: scale(1.1); +} +*/ + +/* Hover Size */ +:is(.container-1gYwHN .clickable-1knRMS:hover, .clickable-28QF7i:hover) { + transform: scale(1.1); +} /******************************************* Profile Modal *******************************************/ +/* Profile Background Fix */ +.root-1CAIjD .userProfileModalInner-3fh3QA:before { + height: 100%; + width: 100%; +} +.root-1CAIjD .userProfileModalOuter-1FYL8T .userProfileModalOverlayBackground-8p3-eU { + margin: 0px; + padding: 0px; + border-radius: 0px; +} + +/* User Profile: Header Nitro Themed */ +/* +.root-1CAIjD .userProfileInnerThemedPremiumWithoutBanner-1yMS1H .container-1U-qVy, +.root-1CAIjD .userProfileInnerThemedWithBanner-2624Yx .container-1U-qVy { + margin: 12px 12px 10px 12px; + padding: 0px 0px 14px 0px; + border-bottom: 1px solid var(--profile-body-divider-color); +} +*/ +.root-1CAIjD .userProfileModalOuter-1FYL8T .userProfileModalInner-3fh3QA .overlayBackground-1KgwVi { + background-color: background: linear-gradient(var(--profile-gradient-primary-color),var(--profile-gradient-primary-color) 120px,var(--profile-gradient-secondary-color)); +} +.root-1CAIjD .userProfileModalOuter-1FYL8T .userProfileModalInner-3fh3QA .topSection-1Khgkv, +.root-1CAIjD .userProfileModalOuter-1FYL8T .userProfileModalInner-3fh3QA .container-1U-qVy, +.root-1CAIjD .userProfileModalOuter-1FYL8T .tabBarContainer-2UG0vy { + background-color: var(--profile-body-background-color); +} + +/* Profile: No Nitro */ +.root-1CAIjD .userProfileModalOuter-1FYL8T.userProfileOuterUnthemed-2b2rsv .container-1U-qVy, +.root-1CAIjD .userProfileModalOuter-1FYL8T.userProfileOuterUnthemed-2b2rsv .tabBarContainer-2UG0vy, +.root-1CAIjD .userProfileModalOuter-1FYL8T.userProfileOuterUnthemed-2b2rsv .topSection-1Khgkv { + background-color: #191919; +} +.root-1CAIjD .userProfileModalOuter-1FYL8T.userProfileOuterUnthemed-2b2rsv .userProfileModalOverlayBackground-8p3-eU { + background-color: #202020; +} + +/* Profile: Tab Buttons */ +.root-1CAIjD .userProfileModalOuter-1FYL8T .tabBarContainer-2UG0vy { + padding: 0px 12px 0; + margin: 0px; +} +.root-1CAIjD .userProfileModalOuter-1FYL8T .container-1U-qVy { + padding-bottom: 10px; +} +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv { + margin-bottom: 0px; + padding-bottom: 56px; +} + /* User Profile: Header & Banner */ -.root-8LYsGj .topSection-13QKHs .profileBanner-1owKI5 { +/* +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .profileBanner-2zIsK7 { height: 90px; - /* box-shadow: inset 0px -36px 30px -30px rgba(20,20,20,0.4); */ + box-shadow: inset 0px -36px 30px -30px rgba(20,20,20,0.4); } -.root-8LYsGj .topSection-13QKHs .profileBannerPremium-KD60EB { +*/ +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .profileBannerPremium-3xIFwS { box-shadow: inset 0px -52px 30px -30px rgba(20,20,20,0.5); - border-radius: 1px 1px 0px 0px; } -.root-8LYsGj .topSection-13QKHs .banner-1YaD3N .premiumIconWrapper-32h0Ri { +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .banner-2boKnS .premiumIconWrapper-yyGDql { display: none; } -.root-8LYsGj .topSection-13QKHs .header-S26rhB, -.root-8LYsGj .topSection-13QKHs { - background-color: #191919; /* background: linear-gradient(to bottom, #191919 330px, #1E1E1E 330px); */ -} -/* User Profile: Edit Button */ -.root-8LYsGj .topSection-13QKHs .banner-1YaD3N .pencilContainer-18TrEJ { +/* User Profile: Banner Edit Button */ +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .banner-2boKnS .pencilContainer-11Kuga { background-color: rgba(0,0,0,.2); display: none; } -.root-8LYsGj .topSection-13QKHs .banner-1YaD3N:hover .pencilContainer-18TrEJ { +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .banner-2boKnS:hover .pencilContainer-11Kuga { display: flex; } /* User Profile: Avatar */ -.root-8LYsGj .topSection-13QKHs .header-S26rhB .avatar-3QF_VA { +/* +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .wrapper-3Un6-K { width: 140px !important; height: 140px !important; border: 6px solid #191919; - margin-top: -6px; - cursor: default; -} - -/* User Profile: Body/Footer */ -.root-8LYsGj .body-1Ukv50 { - background-color: #202020; - height: auto; + margin-top: -10px; + margin-left: -6px; } -.root-8LYsGj .body-1Ukv50 .infoScroller-1QMpon { - min-height: 438px; - max-height: 620px; +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .wrapper-3Un6-K svg foreignObject { + width: 140px !important; + height: 140px !important; } -.root-8LYsGj .body-1Ukv50 .listScroller-entkMk, -.root-8LYsGj .body-1Ukv50 .empty-2zcusz { - min-height: 438px; - max-height: 438px; +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .wrapper-3Un6-K svg { + overflow: visible; } -.root-8LYsGj .body-1Ukv50 .userInfoSection-2u2hir+.userInfoSection-2u2hir { - border-top: 1px solid #363636; +*/ +/* Remove Discords Forced Status Mask Background */ +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .wrapper-3Un6-K svg circle { + display: none !important; } -.root-8LYsGj .body-1Ukv50 .userInfoSection-3her-v:nth-child(1) { - padding: 26px 0px 0px 0px; +/* Remove Discords Avatar Background */ +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .bannerSVGWrapper-qc0szY mask { + display: none; } -.root-8LYsGj .body-1Ukv50 .userInfoSection-3her-v:nth-child(2) { - padding: 16px 0px 38px 0px; +/* +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .avatarWrapper-3y0KZ1 { + background-color: var(--profile-avatar-border-color); } -/* User Profile: About Me */ -.root-8LYsGj .body-1Ukv50 .userBio-2-tr00 { - text-shadow: -1px 2px 2px rgba(0,0,0,0.2); - margin-bottom: 26px; +*/ +/* +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv rect { + width: 32px; + height: 32px; + x: 100px; + y: 100px; } -/* User Profile: User Note */ -.root-8LYsGj .body-1Ukv50 .userInfoSectionHeader-2mYYun { - color: #E5E5E5; - text-shadow: -1px 2px 2px rgba(0,0,0,0.2); - font-size: 13px; - margin: -4px 0px 8px 0px; +*/ +/* User Profile Modal: Phone Status Icon */ +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .header-1_vWwx rect[mask*="url(#svg-mask-status-online-mobile)"] { + width: 28px; + height: 40px; + x: 86; + y: 74; } -.root-8LYsGj .body-1Ukv50 .note-3M15gE textarea { - background-color: transparent; - text-shadow: -1px 2px 2px rgba(0,0,0,0.2); - line-height: 16px; +/* +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .header-1_vWwx rect[mask*="url(#svg-mask-status-online-mobile)"] { + width: 34px; + height: 52px; + x: 99; + y: 84; } -.root-8LYsGj .body-1Ukv50 .note-3M15gE textarea::placeholder { - color: #B5B5B5; +*/ + +/* Avatar Nitro Decoration */ +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .avatarDecorationBorder-1wfzvF { + height: calc(154px*var(--decoration-to-avatar-ratio) + 16px); + width: calc(154px*var(--decoration-to-avatar-ratio) + 16px); + top: calc(158px*var(--decoration-to-avatar-ratio)/-2 + -8px); + left: calc(60px - 120px*var(--decoration-to-avatar-ratio)/2); + /* filter: brightness(1.12) grayscale(1); */ } -/* User Profile: Info Connections Boxes */ -.root-8LYsGj .userInfoSection-2u2hir+.userInfoSection-2u2hir { - padding-top: 10px; +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv.avatarDecoration-2Wb1Au { + width: 210px; + height: 210px; + top: calc((.5 - var(--decoration-to-avatar-ratio)/2)*240%); + left: calc((.5 - var(--decoration-to-avatar-ratio)/2)*150%); } -.root-8LYsGj .connectedAccountsColumn-2LgTkZ+.connectedAccountsColumn-2LgTkZ { - margin-left: 20px; +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .avatarDecoration-2Wb1Au foreignObject { + mask: none !important; } -.root-8LYsGj .connectedAccountContainer-SlCC-S { - background-color: rgba(0,0,0,0.4); - border: none; - width: 246px; - margin: 5px 0px 5px 0px; - /* margin-top: 26px; */ - /* margin-bottom: -18px; */ +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .avatarDecoration-2Wb1Au { + z-index: 1; } -.root-8LYsGj .connectedAccountContainer-SlCC-S:hover { + +/* User Profile: User Badges & Options Buttons */ +.root-1CAIjD .userProfileModalOuter-1FYL8T .headerTop-212g15 { + top: 12px; + right: 4px; +} +.root-1CAIjD .userProfileModalOuter-1FYL8T .headerTop-212g15 .badgeList-2pMvZX { + background-color: transparent; + padding: 2px 4px; + margin-left: -10px; +} +.root-1CAIjD .userProfileModalOuter-1FYL8T .headerTop-212g15 .badgeList-2pMvZX .clickable-28QF7i { + margin-right: 4px; + filter: drop-shadow(-1px 1px 1px rgba(0,0,0,0.4)); +} + +/* User Profile: Body/Footer */ +.root-1CAIjD .userProfileModalOuter-1FYL8T .body-_QAKrE { + min-height: 534px; + max-height: 620px; + /* flex: 0 1 auto; */ + border-radius: 0px; +} +.root-1CAIjD .userProfileModalOuter-1FYL8T .userInfoSection-1gptv0 .userInfoSectionHeader-48g5Qj { + font-size: 13px; + margin: -4px 0px 4px 0px; +} +.root-1CAIjD .userProfileModalOuter-1FYL8T .userInfoSection-1gptv0:nth-child(1) { + padding: 14px 0px 0px 0px; +} +.root-1CAIjD .userProfileModalOuter-1FYL8T .userInfoSection-1gptv0:nth-child(2) { + padding: 16px 0px 10px 0px; +} +.root-1CAIjD .userProfileModalOuter-1FYL8T .infoScroller-3MqKC5::-webkit-scrollbar-thumb, +.root-1CAIjD .userProfileModalOuter-1FYL8T .listScroller-XCVa1H::-webkit-scrollbar-thumb { + background-color: #111111; +} +/* User Profile: User Note */ +.root-1CAIjD .userProfileModalOuter-1FYL8T .note-3TX9O7 textarea { + background-color: transparent; + line-height: 16px; +} +.root-1CAIjD .theme-dark.userProfileModalOuter-1FYL8T .note-3TX9O7 textarea::placeholder { + color: #B5B5B5; +} +/* User Profile: Info Connections Boxes */ +.root-1CAIjD .userProfileModalOuter-1FYL8T .connectedAccountsColumn-1zdyyx+.connectedAccountsColumn-1zdyyx { + margin-left: 22px; +} +.root-1CAIjD .userProfileModalOuter-1FYL8T .connectedAccountContainer-2TWiXT { + background-color: rgba(0,0,0,0.4); + border: none; + margin: 5px 0px 5px 0px; + padding: 8px 10px; +} +.root-1CAIjD .userProfileModalOuter-1FYL8T .connectedAccountContainer-2TWiXT:hover { background-color: rgba(0,0,0,0.3); } -.root-8LYsGj .connectedAccountContainer-SlCC-S .connectedAccountOpenIcon-QgWKH8 path, -.root-8LYsGj .connectedAccountContainer-SlCC-S .flowerStar-2tNFCR path { +.root-1CAIjD .userProfileModalOuter-1FYL8T .connectedAccountContainer-2TWiXT .text-xs-normal-3O7EaX, +.root-1CAIjD .userProfileModalOuter-1FYL8T .connectedAccountContainer-2TWiXT .connectedAccountChildren-29Qmfl { + color: var(--interactive-active) !important; + /* display: none; */ +} +.root-1CAIjD .userProfileModalOuter-1FYL8T .connectedAccountContainer-2TWiXT .connectedAccountVanityMetadata-38KAgN { + margin-top: 0px; +} +.root-1CAIjD .userProfileModalOuter-1FYL8T .connectedAccountContainer-2TWiXT .connectedAccountVanityMetadataTag-19Al5z { + background-color: var(--profile-body-background-color); + border-radius: 6px; + padding: 1px 6px; +} +.root-1CAIjD .userProfileModalOuter-1FYL8T .connectedAccountContainer-2TWiXT .connectedAccountOpenIcon-OngaxI polygon, +.root-1CAIjD .userProfileModalOuter-1FYL8T .connectedAccountContainer-2TWiXT .flowerStar-2tNFCR path { fill: #FFFFFF; } -.root-8LYsGj .connectedAccountContainer-SlCC-S .childContainer-U_a6Yh path { +.root-1CAIjD .theme-light.userProfileModalOuter-1FYL8T .connectedAccountContainer-2TWiXT .connectedAccountOpenIcon-OngaxI polygon, +.root-1CAIjD .userProfileModalOuter-1FYL8T .connectedAccountContainer-2TWiXT .childContainer-U_a6Yh path { fill: #000000; } +/* Mutual Servers/Friends List */ +.root-1CAIjD .userProfileModalOuter-1FYL8T .listScroller-XCVa1H { + padding: 0px; +} +.root-1CAIjD .userProfileModalOuter-1FYL8T .listScroller-XCVa1H .row-3YjhlG, +.root-1CAIjD .userProfileModalOuter-1FYL8T .listScroller-XCVa1H .listRow-Y5zoF8 { + padding: 5px 12px; + margin: 0px; +} +.root-1CAIjD .userProfileModalOuter-1FYL8T .listScroller-XCVa1H .listRow-Y5zoF8:hover { + background: linear-gradient(to right, rgba(0,0,0,0.15) 92%, transparent 100%); + border-radius: 0px; +} +.root-1CAIjD .userProfileModalOuter-1FYL8T .listScroller-XCVa1H .listRow-Y5zoF8 .listAvatar-2GhWlb { + filter: drop-shadow(-1px 1px 2px rgba(0,0,0,0.1)); + margin-right: 8px; +} +.root-1CAIjD .theme-dark.userProfileModalOuter-1FYL8T .listScroller-XCVa1H .listRow-Y5zoF8 .guildNick-HT7Pgu { + color: #A5A5A5; +} +.root-1CAIjD .userProfileModalOuter-1FYL8T .listScroller-XCVa1H .listRow-Y5zoF8 .icon-1zKOXL .guildIconBadge-15YDb5 { + right: -4px; + bottom: -4px; +} +.root-1CAIjD .userProfileModalOuter-1FYL8T .listScroller-XCVa1H .listRow-Y5zoF8 .icon-1zKOXL .guildIconBadge-15YDb5 .flowerStar-2tNFCR { + stroke: #202020; +} +/* Empty Server Icon */ +.root-1CAIjD .userProfileModalOuter-1FYL8T .listScroller-XCVa1H .listRow-Y5zoF8 .noIcon-3gSX9V.iconSizeMedium-2vzSua { + background-color: #2F3136; +} +/* Mutual Friends/Server Empty Image */ +.root-1CAIjD .emptyIconFriends-3MCBQa, +.root-1CAIjD .emptyIconGuilds-8ibZfz { + filter: grayscale(0.3); +} + +/* Data Access */ +.root-1CAIjD .userProfileModalOuter-1FYL8T .row-3NCCgF { + padding: 10px 12px; +} + /* Username */ -.root-8LYsGj .nameTag-2Nlmsy { - position: relative; - top: -63px; - left: 160px; - margin-right: 170px; - margin-bottom: -8px; +.root-1CAIjD .userProfileModalOuter-1FYL8T .nameTag-2ysfG3 { overflow: visible; } -.root-8LYsGj .nameTag-2Nlmsy .username-1g6Iq1 { +.root-1CAIjD .userProfileModalOuter-1FYL8T .nameTag-2ysfG3 .username-3JLfHz { font-size: 28px; line-height: 26px; - text-shadow: -1px 2px 2px rgba(0,0,0,0.5); + overflow: visible; } -/* User #ID Discriminator */ -.root-8LYsGj .nameTag-2Nlmsy .discriminator-1bqsd3 { - color: #CCCCCC; +.root-1CAIjD .userProfileModalOuter-1FYL8T .nameTag-2ysfG3 .discriminator-3_S3CG { font-size: 18px; - text-shadow: -1px 2px 2px rgba(0,0,0,0.5); line-height: 34px; - margin-bottom: -8px; -} -/* User Badges & Options Buttons */ -.root-8LYsGj .headerTop-1PNKck { - top: -32px; - left: 176px; - right: 10px; - height: 24px; - pointer-events: none; -} -.root-8LYsGj .headerTop-1PNKck .badgeList-2aoHPw .clickable-1knRMS { - margin-right: 6px; - pointer-events: auto; -} -/* Send Friend Request / Message Button */ -.root-8LYsGj .header-S26rhB .actionButton-iarQTd, -.root-8LYsGj .header-S26rhB .applicationInstallButton-1-58qm { - background-color: transparent; - border: 2px solid transparent; - color: #FFFFFF; - filter: drop-shadow(-1px 2px 0.75px rgba(0,0,0,0.5)); - transition: none; - padding: 0px; - height: 24px; - min-height: 24px; - pointer-events: auto; -} -.root-8LYsGj .header-S26rhB .actionButton-iarQTd:hover, -.root-8LYsGj .header-S26rhB .applicationInstallButton-1-58qm:hover { - background-color: transparent; - border: 2px solid transparent; - border-bottom: 2px solid #CCCCCC; - color: #FFFFFF; - transition: none; + margin-bottom: -10px; } /* Accept / Ignore Friend Request */ -.root-8LYsGj .header-S26rhB .pendingIncoming-3g05VP .lookFilled-yCfaCM.colorGreen-3y-Z79 { +.root-1CAIjD .header-1_vWwx .pendingIncoming-2bTL4E .lookFilled-1H2Jvj.colorGreen-jIPCAS { background-color: var(--status-positive-background); } -.root-8LYsGj .header-S26rhB .pendingIncoming-3g05VP .lookFilled-yCfaCM.colorPrimary-2AuQVo { +.root-1CAIjD .header-1_vWwx .pendingIncoming-2bTL4E .lookFilled-1H2Jvj.colorGreen-jIPCAS:hover { + background-color: #3A996B; +} +.root-1CAIjD .header-1_vWwx .pendingIncoming-2bTL4E .actionRightButton-1mSYVl.lookFilled-1H2Jvj.colorPrimary-2-Lusz { background-color: var(--status-danger-background); + border-color: var(--status-danger-background); } -/* Additional Options Button */ -.root-8LYsGj .header-S26rhB .additionalActionsIcon-3Cy8UU { - margin: 0px -8px 0px 6px; - filter: drop-shadow(-1px 2px 0.75px rgba(0,0,0,0.5)); - color: #FFFFFF; - opacity: 0.8; - pointer-events: auto; +.root-1CAIjD .header-1_vWwx .pendingIncoming-2bTL4E .actionRightButton-1mSYVl.lookFilled-1H2Jvj.colorPrimary-2-Lusz:hover { + background-color: #BC3439; + border-color: #BC3439; } -.root-8LYsGj .header-S26rhB .additionalActionsIcon-3Cy8UU:hover { - filter: brightness(2) drop-shadow(-1px 2px 0px rgba(0,0,0,0.3)); - opacity: 1; -} - /* Custom Status Text */ -.root-8LYsGj .customStatusActivity-WKWGD- { - margin: -16px 20px 26px 20px; +.root-1CAIjD .userProfileModalOuter-1FYL8T .customStatus-3QV7IG { + margin-top: 12px; +} +.root-1CAIjD .theme-dark.userProfileModalOuter-1FYL8T .customStatus-3QV7IG, +.root-1CAIjD .theme-light.userProfileModalOuter-1FYL8T .customStatus-3QV7IG { + color: var(--header-primary); +} +/* +.root-1CAIjD .userProfileModalOuter-1FYL8T .customStatusText-3ca2B1 { padding: 0px 0px 10px 0px; - border-bottom: 1px solid #2D2D2D; + border-bottom: 1px solid var(--profile-body-divider-color); +} +.root-1CAIjD .userProfileInnerThemedPremiumWithoutBanner-1yMS1H .customStatusText-3ca2B1, +.root-1CAIjD .userProfileInnerThemedWithBanner-2624Yx .customStatusText-3ca2B1 { + padding: 0px !important; + border-bottom: none !important; } -.root-8LYsGj .customStatus-kFfkj5 { +*/ +/* +.root-1CAIjD .userProfileModalOuter-1FYL8T .customStatus-3QV7IG { color: #FFFFFF; text-shadow: -1px 2px 1px rgba(0,0,0,0.5); } +*/ + /* Custom Status Text: Emoji */ -.root-8LYsGj .customStatus-kFfkj5 .customStatusEmoji-3Oq9Rm.customStatusSoloEmoji-3m_35_ { - width: 48px; - height: 48px; +.root-1CAIjD .customStatus-3QV7IG .customStatusEmoji-3wK_iB.customStatusSoloEmoji-2ZSk6X { + width: 42px; + height: 42px; } -.root-8LYsGj .customStatus-kFfkj5 .customStatusEmoji-3Oq9Rm { +.root-1CAIjD .customStatus-3QV7IG .customStatusEmoji-3wK_iB { width: 28px; height: 28px; } /* User Profile Header Tab Buttons */ -.root-8LYsGj .noTabBar-2Q-iE_ { - border-top: none; +.root-1CAIjD .userProfileModalOuter-1FYL8T .divider-1NpGam { + display: none; +} +.root-1CAIjD .userProfileModalOuter-1FYL8T .tabBarContainer-2UG0vy { + border-bottom: none; /* var(--profile-body-divider-color); */ + /* margin: 10px 12px 0; */ } -.root-8LYsGj .tabBarContainer-sCZC4w { +/* +.root-1CAIjD .userProfileModalOuter-1FYL8T .tabBarContainer-2UG0vy { margin: -16px 0px 0px 0px; border-bottom: none; } -.root-8LYsGj .tabBarContainer-sCZC4w .top-K_jibn { - height: 32px; +*/ +.root-1CAIjD .userProfileModalOuter-1FYL8T .top-Ktfr_T { + height: 26px; } -.root-8LYsGj .tabBarContainer-sCZC4w .top-K_jibn .item-3XjbnG { - margin: 0px 26px 0px 0px; - text-shadow: -1px 2px 2px rgba(0,0,0,0.5); - color: #E5E5E5; +.root-1CAIjD .userProfileModalOuter-1FYL8T .top-Ktfr_T .tabBarItem-3VvT2z { + height: 24px; } -.root-8LYsGj .tabBarContainer-sCZC4w .top-K_jibn .selected-g-kMVV.item-3XjbnG, -.root-8LYsGj .tabBarContainer-sCZC4w .top-K_jibn .selected-g-kMVV.item-3XjbnG:hover { - border-bottom: 2px solid #FFFFFF; - color: #FFFFFF; +.root-1CAIjD .userProfileModalOuter-1FYL8T .tabBar-2StdUa { + gap: 24px; } -.root-8LYsGj .tabBarContainer-sCZC4w .top-K_jibn .item-3XjbnG:hover { - border-bottom: 2px solid #B5B5B5; - color: #FFFFFF; +/* User Profile Header Tab Buttons: Light Profile */ +.root-1CAIjD .theme-light.userProfileModalOuter-1FYL8T .top-Ktfr_T .tabBarItem-3VvT2z { + font-weight: 600; + color: var(--text-normal); } - -/* Activity Text/Description Margins */ -.root-8LYsGj .userProfileActivity-sal5no { - padding: 12px 6px 12px 20px; +.root-1CAIjD .theme-light.userProfileModalOuter-1FYL8T .top-Ktfr_T .tabBarItem-3VvT2z.item-2GWPIy.selected-1sf9UK, +.root-1CAIjD .theme-light.userProfileModalOuter-1FYL8T .top-Ktfr_T .tabBarItem-3VvT2z:hover { + color: #000000; } -.root-8LYsGj .userProfileActivity-sal5no+.userProfileActivity-sal5no { - border-top: 1px solid #2D2D2D; - margin-left: 8px; - padding-left: 8px; +.root-1CAIjD .theme-light.userProfileModalOuter-1FYL8T .text-sm-medium-3Pz3rB, +.root-1CAIjD .theme-light.userProfileModalOuter-1FYL8T .text-sm-normal-AEQz4v { + font-weight: 500; } -.root-8LYsGj .userProfileActivity-sal5no .actionsProfile-31n1ca { +/* Activity Text/Description Margins */ +.root-1CAIjD .userProfileModalOuter-1FYL8T .userProfileActivity-1JPDhh { + padding: 10px 2px 12px 12px; +} +.root-1CAIjD .userProfileModalOuter-1FYL8T .userProfileActivity-1JPDhh+.userProfileActivity-1JPDhh { + border-top: 1px solid var(--profile-body-divider-color); margin-left: 8px; + padding-left: 4px; } -.root-8LYsGj .userProfileActivity-sal5no .headerText-3g1XK9 { - color: #E5E5E5 !important; - text-shadow: -1px 2px 2px rgba(0,0,0,0.5); +.root-1CAIjD .userProfileModalOuter-1FYL8T .userProfileActivity-1JPDhh .headerText-3g1XK9 { font-size: 13px; } -.root-8LYsGj .userProfileActivity-sal5no .nameWrap-3TyM52, -.root-8LYsGj .userProfileActivity-sal5no .nameNormal-2fPMD2, -.root-8LYsGj .userProfileActivity-sal5no .activityName-3YXl6e { - color: #FFFFFF; - text-shadow: -1px 2px 2px rgba(0,0,0,0.5); -} -.root-8LYsGj .userProfileActivity-sal5no .detailsWrap-omKn0b { - color: #CCCCCC; - text-shadow: -1px 2px 2px rgba(0,0,0,0.5); -} -.root-8LYsGj .userProfileActivity-sal5no .details-2-ciHo, -.root-8LYsGj .userProfileActivity-sal5no .state-2NT76I, -.root-8LYsGj .userProfileActivity-sal5no .timestamp-2f1NmH, -.root-8LYsGj .userProfileActivity-sal5no .playTime-3fSgOm { - color: #E5E5E5; +.root-1CAIjD .userProfileModalOuter-1FYL8T .userProfileActivity-1JPDhh .details-2-ciHo, +.root-1CAIjD .userProfileModalOuter-1FYL8T .userProfileActivity-1JPDhh .state-2NT76I, +.root-1CAIjD .userProfileModalOuter-1FYL8T .userProfileActivity-1JPDhh .timestamp-2f1NmH, +.root-1CAIjD .userProfileModalOuter-1FYL8T .userProfileActivity-1JPDhh .playTime-3fSgOm { font-size: 13px; line-height: 16px; - text-shadow: -1px 2px 2px rgba(0,0,0,0.5); margin-bottom: 0px; + font-weight: 500; } -.root-8LYsGj .userProfileActivity-sal5no .contentGameImageProfile-24ty00 { - margin-left: 12px; +/* Activity Text/Description Margins: Light Profile */ +.root-1CAIjD .theme-light.userProfileModalOuter-1FYL8T .userProfileActivity-1JPDhh .nameWrap-3TyM52, +.root-1CAIjD .theme-light.userProfileModalOuter-1FYL8T .userProfileActivity-1JPDhh .nameNormal-2fPMD2, +.root-1CAIjD .theme-light.userProfileModalOuter-1FYL8T .userProfileActivity-1JPDhh .activityName-3YXl6e { + color: #000000; +} +.root-1CAIjD .theme-light.userProfileModalOuter-1FYL8T .userProfileActivity-1JPDhh .detailsWrap-omKn0b { + font-weight: 500; +} +/* Activity Button */ +.root-1CAIjD .userProfileModalOuter-1FYL8T .userProfileActivity-1JPDhh .buttonsWrapper-2ARRp1 { + margin-left: 8px; +} +.root-1CAIjD .userProfileModalOuter-1FYL8T .userProfileActivity-1JPDhh .buttonsWrapper-2ARRp1 .actionColor-3JIzOn, +.root-1CAIjD .userProfileModalOuter-1FYL8T .userProfileActivity-1JPDhh .buttonsWrapper-2ARRp1 .actionColor-3JIzOn:disabled { + background-color: var(--profile-body-background-color); + max-height: 28px; + min-height: 28px; + opacity: .75; + font-weight: 600; +} +.root-1CAIjD .userProfileModalOuter-1FYL8T .userProfileActivity-1JPDhh .buttonsWrapper-2ARRp1 .actionColor-3JIzOn:hover { + opacity: 1; } /* Game Icon */ -.root-8LYsGj .userProfileActivity-sal5no .medium-1vKkpm { +.root-1CAIjD .userProfileModalOuter-1FYL8T .userProfileActivity-1JPDhh .medium-1vKkpm { background-color: transparent; height: 60px; width: 60px; } -.root-8LYsGj .userProfileActivity-sal5no .assetsLargeImageProfile-1TX9jP { +.root-1CAIjD .userProfileModalOuter-1FYL8T .userProfileActivity-1JPDhh .assetsLargeImage-8U5dlz { background-color: transparent; - height: 90px; /* 60px */ - width: 90px; /* 60px */ + height: 90px; + width: 90px; } -.root-8LYsGj .userProfileActivity-sal5no .contentImagesProfile-27BIzt { - margin-left: 12px; +/* Game Icon: Streaming Thumbnail */ +.root-1CAIjD .userProfileModalOuter-1FYL8T .userProfileActivity-1JPDhh .assetsLargeImage-8U5dlz.assetsLargeImageProfileV2Twitch-11sssv { + width: 162px; } /* Game Icon: No Rich Presence: Missing Icon */ .root-8LYsGj .userProfileActivity-sal5no svg.gameIcon-1siQqm { @@ -9233,492 +9825,619 @@ margin-left: -10px; } /* User Profile: Playing A Game On Xbox Live */ -.root-8LYsGj .userProfileActivity-sal5no .assetsLargeImageProfileXbox-2nm5p9[src="/assets/29b4af8bf13fa73258692008d25b4f0d.png"] { +.root-1CAIjD .userProfileModalOuter-1FYL8T .userProfileActivity-1JPDhh .assetsLargeImage-8U5dlz[src="/assets/29b4af8bf13fa73258692008d25b4f0d.png"] { content: url("https://discordapp.com/assets/1fa6585cbb8c0fe21188e26d19fc6609.svg"); filter: drop-shadow(-1px 2px 1px #161616); } /* Spotify Icon */ -.root-8LYsGj .userProfileActivity-sal5no .platformIcon-k3yytQ[src="/assets/eaeac24163b35f7526704a3d9b3c7722.svg"] { +.root-1CAIjD .userProfileModalOuter-1FYL8T .userProfileActivity-1JPDhh .platformIcon-k3yytQ[src="/assets/eaeac24163b35f7526704a3d9b3c7722.svg"] { display: none; } -.root-8LYsGj .userProfileActivity-sal5no .assetsLargeImageSpotify-17ME3M { +.root-1CAIjD .userProfileModalOuter-1FYL8T .userProfileActivity-1JPDhh .assetsLargeImageSpotify-17ME3M { border-radius: 8px; } /* Spotify Bar */ -.root-8LYsGj .userProfileActivity-sal5no .bar-1GpknY { +.root-1CAIjD .userProfileModalOuter-1FYL8T .userProfileActivity-1JPDhh .bar-1GpknY { background-color: #11111180; } -/* Activity Interaction Button */ -.root-8LYsGj .userProfileActivity-sal5no .lookFilled-yCfaCM.colorGrey-2iAG-B, -.root-8LYsGj .userProfileActivity-sal5no .lookOutlined-3yKVGo.colorWhite-rEQuAQ { - min-height: 26px; - height: 26px; - padding: 0px; - background-color: transparent; - border: none; - border-bottom: 2px solid transparent; - border-radius: 0px; - filter: drop-shadow(0px 2px 1px rgba(0,0,0,0.5)); -} -.root-8LYsGj .userProfileActivity-sal5no .lookFilled-yCfaCM .contents-18-Yxp { - overflow: visible; -} -.root-8LYsGj .userProfileActivity-sal5no .lookFilled-yCfaCM.colorGrey-2iAG-B:hover, -.root-8LYsGj .userProfileActivity-sal5no .lookOutlined-3yKVGo.colorWhite-rEQuAQ:hover { - border-bottom: 2px solid #CCCCCC; -} - -/* Mutual Servers/Friends List */ -.root-8LYsGj .listScroller-entkMk { - padding: 0px; -} -.root-8LYsGj .listRow-2nO1T6 { - padding: 7.4px 12px; - margin: 0px; -} -.root-8LYsGj .listRow-2nO1T6:hover { - background: linear-gradient(to right, rgba(0,0,0,0.15) 90%, transparent 100%); - border-radius: 0px; -} -.root-8LYsGj .listRow-2nO1T6 .listAvatar-1NlAhb { - filter: drop-shadow(-1px 1px 2px rgba(0,0,0,0.1)); - margin: 1px 8px 1px 4px; -} -.root-8LYsGj .listRow-2nO1T6 .listName-PwbeHL { - color: #FFFFFF; - text-shadow: 0px 1px 2px rgba(0,0,0,0.2); -} -.root-8LYsGj .listRow-2nO1T6 .guildNick-fe8oPN { - color: #A5A5A5; - text-shadow: 0px 1px 2px rgba(0,0,0,0.2); -} -.root-8LYsGj .listRow-2nO1T6 .icon-1zKOXL .guildIconBadge-15YDb5 { - right: -4px; - bottom: -4px; -} -.root-8LYsGj .listRow-2nO1T6 .icon-1zKOXL .guildIconBadge-15YDb5 .flowerStar-2tNFCR { - stroke: #202020; -} -.root-8LYsGj .infoScroller-1QMpon::-webkit-scrollbar-thumb, -.root-8LYsGj .listScroller-entkMk::-webkit-scrollbar-thumb { - background-color: #111111; -} -/* Empty Server Icon */ -.root-8LYsGj .listRow-2nO1T6 .guildAvatarWithoutIcon-6EjPQF { - background-color: #2F3136; -} -/* Mutual Friends/Server Empty Image */ -.root-8LYsGj .listRow-2nO1T6 .emptyIconFriends-BrjhY9, -.root-8LYsGj .listRow-2nO1T6 .emptyIconGuilds-3OViNh { - filter: grayscale(0.4); -} - /* BOT Tag */ -.root-8LYsGj .nameTag-2Nlmsy .botTag-2Mlq3u { +.root-1CAIjD .nameTag-2ysfG3 .botTag-7aX5WZ { filter: drop-shadow(-1px 2px 1px rgba(0,0,0,0.3)); top: 6px; } /* User CreationDate & JoinedAtDate Plugin */ -.root-8LYsGj .date-YN6TCS { +.root-1CAIjD .date-YN6TCS { color: #E5E5E5; text-shadow: -1px 2px 2px rgba(0,0,0,0.5); margin-left: 20px; } -.root-8LYsGj .nameTag-2Nlmsy + .date-YN6TCS, -.root-8LYsGj .UserDetails-dates-wrapper + .date-YN6TCS { - margin-top: -12px; +.root-1CAIjD .nameTag-2ysfG3 + .date-YN6TCS, +.root-1CAIjD .UserDetails-dates-wrapper + .date-YN6TCS { + margin-top: -22px; } -.root-8LYsGj .date-YN6TCS + .customStatusActivity-WKWGD- { +.root-1CAIjD .date-YN6TCS + .customStatusActivity-WKWGD- { margin-top: 12px; } -.root-8LYsGj .date-YN6TCS:last-child { +.root-1CAIjD .date-YN6TCS:last-child { margin-bottom: 20px; } /**************************************** Profile/User Popout ****************************************/ -/* Small Profile/User Popout Window */ -.loadingPopout-1feYe_ { - background-color: #111111; +/* Default Dark Color */ +.theme-dark.profileColors-3Y0XaR { + --profile-body-background-color: rgba(0,0,0,0.3) !important; /* rgba(0,0,0,0.45) */ + --profile-body-divider-color: hsl(0,calc(var(--saturation-factor, 1)*0%),20%); + --profile-body-divider-opacity: 0.10; /* 0.24 */ + --profile-gradient-primary-color: #191919; /* var(--background-secondary-alt); */ + --profile-gradient-secondary-color: var(--background-secondary-alt); + --profile-gradient-overlay-color: transparent; + --profile-gradient-button-color: var(--profile-body-background-color); /* var(--button-secondary-background); */ + --profile-avatar-border-color: var(--background-secondary-alt); + --profile-message-input-border-color: var(--background-modifier-accent); +} +.userPopoutOuter-3AVBmJ.theme-light { + color: #000000; + text-shadow: -1px 1px 2px rgba(0,0,0,0.15); } -.translate-PeW1wK.didRender-2SiRlm .userPopout-2j1gM4 { - margin-right: -5px; +.userPopoutOuter-3AVBmJ { + border-radius: 4px !important; } -.userPopout-2j1gM4 { - width: var(--User-Popout-Width) !important; - box-shadow: var(--elevation-stroke),var(--elevation-high); - background-color: #1C1C1C; - border-radius: 4px; - transform: translateZ(0); + +.userProfileOuterThemed-3EfHmv.userPopoutOuter-3AVBmJ, +.userProfileOuterThemed-3EfHmv.userProfileOuter-1K_BYU { + padding: 0px; +} + +/* Hide Nitro Banner AD */ +.userPopoutOuter-3AVBmJ .wrapper-400BN2, +.userPopoutOuter-3AVBmJ .premiumIconWrapper-yyGDql { + display: none; } -/* Profile Banner */ -.userPopout-2j1gM4 .popoutBanner-3cqRD9, -.userPopout-2j1gM4 .popoutBannerPremium-3i5EEI { +/* Banner Edit Profile Pencil */ +.userPopoutOuter-3AVBmJ .banner-2boKnS .pencilContainer-11Kuga { + background-color: rgba(0,0,0,.2); + display: none; +} +.userPopoutOuter-3AVBmJ .banner-2boKnS:hover .pencilContainer-11Kuga { + display: flex; + top: 6px; + right: 8px; +} + +/* Banner BIG Icon */ +.userPopoutOuter-3AVBmJ .banner-2boKnS .gifTag-1TvtGO { + top: 4px; + left: 2px; + filter: contrast(1.2) opacity(0.75); +} + +/* UserPopout Header To Body */ +.translate-2vghI-.animatorLeft-1I1Kvj { + margin-right: -5px; + border-radius: 4px 4px 6px 6px; +} +.userPopoutOuter-3AVBmJ { width: var(--User-Popout-Width); - transition: none; + padding: 0px; + background-color: #1C1C1C; + background-clip: padding-box; + box-shadow: var(--elevation-stroke),var(--elevation-high); + min-height: 120px; } -.userPopout-2j1gM4 .bannerPremium-kkSkPv { - border-radius: 2px 2px 0px 0px; +.userPopoutOuter-3AVBmJ .overlayBackground-1KgwVi { + border-radius: 0px; } -.userPopout-2j1gM4 .banner-1YaD3N:hover .premiumIconWrapper-32h0Ri { - display: none; +.userPopoutOuter-3AVBmJ .containerWithContent-2_V0PM { + padding: 0px; +} +.userPopoutOuter-3AVBmJ .userPopoutInnerWithBanner-1jusp9 { + background: transparent; + border-radius: 0px; +} +/* UserPopout Header To Body: Default */ +.userPopoutOuter-3AVBmJ .userProfileInnerThemedNonPremium-1gT-zY .overlayBackground-1KgwVi { + background-color: #202020; + margin: 0px; } -/* Profile Banner: Get Nitro AD */ -.userPopout-2j1gM4 .wrapper-1z1z-S { +.userPopoutOuter-3AVBmJ .userProfileInnerThemedNonPremium-1gT-zY .divider-1tWBgZ { display: none; } -/* Set Server Identity */ -.userPopout-2j1gM4 .banner-1YaD3N .pencilContainer-18TrEJ { +/* +.userPopoutOuter-3AVBmJ .userProfileInnerThemedNonPremium-1gT-zY .overlayBackground-1KgwVi .hidden-2NmxrR+.section-3FmfOT { + background-color: #191919; + border-radius: 0px; + margin: 0px 0px 2px 0px; + padding-bottom: 6px; +} +*/ +/* +.userPopoutOuter-3AVBmJ .overlayBackground-1KgwVi>.section-3FmfOT:first-child { + padding-top: 14px; +} +*/ +/* UserPopout Header To Body: Nitro Themed */ +.userPopoutOuter-3AVBmJ .userProfileInnerThemedPremiumWithoutBanner-1yMS1H .overlayBackground-1KgwVi, +.userPopoutOuter-3AVBmJ .userProfileInnerThemedWithBanner-2624Yx .overlayBackground-1KgwVi { + background-color: transparent; + margin: 0px; +} +.userPopoutOuter-3AVBmJ .userProfileInner-3F03PX:before { + width: 100%; + height: 100%; +} +/* UserPopout Header To Body: Nitro Themed: Colored Header */ +.userPopoutOuter-3AVBmJ .userProfileInnerThemedPremiumWithoutBanner-1yMS1H .section-3FmfOT.usernameSection-2d814A, +.userPopoutOuter-3AVBmJ .userProfileInnerThemedWithBanner-2624Yx .section-3FmfOT.usernameSection-2d814A { + background-color: var(--profile-body-background-color); + margin: -20px 0px 4px 0px; + padding-top: 74px; +} +.userPopoutOuter-3AVBmJ .userProfileInnerThemedPremiumWithoutBanner-1yMS1H .overlayBackground-1KgwVi, +.userPopoutOuter-3AVBmJ .userProfileInnerThemedWithBanner-2624Yx .overlayBackground-1KgwVi { + margin-top: -20px; +} +.userPopoutOuter-3AVBmJ .userProfileInnerThemedPremiumWithoutBanner-1yMS1H .divider-1tWBgZ, +.userPopoutOuter-3AVBmJ .userProfileInnerThemedWithBanner-2624Yx .divider-1tWBgZ { display: none; } -.userPopout-2j1gM4 .banner-1YaD3N:hover .pencilContainer-18TrEJ { - display: flex; +/* +.userPopoutOuter-3AVBmJ .userProfileInnerThemedNonPremium-1gT-zY .overlayBackground-1KgwVi>.section-3FmfOT:nth-child(1) { + margin: -20px 0px 2px 0px; + padding-top: 74px; + background-color: var(--profile-body-background-color); +} +.userPopoutOuter-3AVBmJ .userProfileInnerThemedNonPremium-1gT-zY .overlayBackground-1KgwVi { + background-color: linear-gradient(var(--profile-gradient-primary-color),var(--profile-gradient-primary-color) 120px,var(--profile-gradient-secondary-color)); + margin: -20px 0px 0px 0px; + padding-top: 0px; } -/* Profile Header */ -.userPopout-2j1gM4 .headerTop-3GPUSF { - background-color: #1C1C1C; - padding: 60px 10px 8px 10px; - /* text-align: center; */ +*/ +/* +.userPopoutOuter-3AVBmJ .userProfileInnerThemedPremiumWithoutBanner-1yMS1H .overlayBackground-1KgwVi .hidden-2NmxrR+.section-3FmfOT, +.userPopoutOuter-3AVBmJ .userProfileInnerThemedWithBanner-2624Yx .overlayBackground-1KgwVi .hidden-2NmxrR+.section-3FmfOT { + margin: 30px 0px -2px 0px; } -.userPopout-2j1gM4 .headerNormal-3Zn_yu { - background-color: #202020; +*/ +/* UserPopout Body Formatting */ +.userPopoutOuter-3AVBmJ .section-3FmfOT { + padding: 4px 4px 8px 10px; } -.userPopout-2j1gM4 .headerNormal-3Zn_yu .activity-1gTu-L { - border-bottom: none; - padding: 10px 0px 10px 0px; - margin: 0 10px; +.userPopoutOuter-3AVBmJ .section-3FmfOT.usernameSection-2d814A { + padding: 38px 4px 4px 10px; + margin-bottom: 4px; } -/* Avatar */ -.userPopout-2j1gM4 .avatar-2Vndt_ { - height: 100px !important; - width: 100px !important; - border: 2px solid #1C1C1C; +.userPopoutOuter-3AVBmJ .userProfileInnerThemedNonPremium-1gT-zY .section-3FmfOT.usernameSection-2d814A { + background-color: #191919; +} +.userPopoutOuter-3AVBmJ .scroller-1jBQYo { + overflow: hidden !important; + padding: 0px !important; +} +.userPopoutOuter-3AVBmJ .divider-1tWBgZ { + margin: 0px 8px 6px; + height: 0.5px; +} +/* +.userPopoutOuter-3AVBmJ .userProfileInnerUnthemed-1XxIZu .divider-1tWBgZ { + margin: 0px 8px 6px; + height: 0.5px; + display: none; +} +.userPopoutOuter-3AVBmJ .userProfileInnerUnthemed-1XxIZu .section-3FmfOT+.section-3FmfOT+.divider-1tWBgZ { + display: block; + z-index: 1; +} +*/ + +/* UserPopout Avatar */ +.userPopoutOuter-3AVBmJ .bannerSVGWrapper-qc0szY foreignObject { + width: var(--User-Popout-Width); +} +.userPopoutOuter-3AVBmJ .avatarWrapper-3y0KZ1 .wrapper-3Un6-K { + border: 2px solid var(--profile-avatar-border-color); } -.userPopout-2j1gM4 .avatarWrapper-eenWra { +.userPopoutOuter-3AVBmJ .avatarWrapper-3y0KZ1 { margin-top: -8px; left: 10px; - /* left: calc(var(--User-Popout-Width) - 71.5%); */ } -.userPopout-2j1gM4 .avatarWrapper-eenWra .avatarHoverTarget-1zzfRL foreignObject { - background-color: #1C1C1C; - border-radius: 50%; +.userPopoutOuter-3AVBmJ .avatarWrapper-3y0KZ1 .wrapper-3Un6-K, +.userPopoutOuter-3AVBmJ .avatarWrapper-3y0KZ1 .wrapper-3Un6-K svg foreignObject { + height: 100px !important; + width: 100px !important; +} +.userPopoutOuter-3AVBmJ .avatarWrapper-3y0KZ1 .wrapper-3Un6-K svg { + overflow: visible; + contain: none; } -.userPopout-2j1gM4 .avatarHint-k7pYop { +.userPopoutOuter-3AVBmJ .avatarWrapper-3y0KZ1 .avatarHint-2g3Mcd { height: 100px; width: 100px; + top: 4px; + left: 4px; } -.userPopout-2j1gM4 .avatarWrapper-eenWra .avatarHint-k7pYop .avatarHintInner-2HUAWj { +.userPopoutOuter-3AVBmJ .avatarWrapper-3y0KZ1 .avatarHint-2g3Mcd .avatarHintInner-3gk_Yx { text-shadow: -1px 1px 2px #161616; } +/* Remove Discords Forced Status Mask */ +.userPopoutOuter-3AVBmJ .avatarWrapper-3y0KZ1 .wrapper-3Un6-K svg circle { + display: none !important; +} +/* Remove Discords Avatar Background */ +.userPopoutOuter-3AVBmJ .bannerSVGWrapper-qc0szY mask { + display: none; +} +/* Phone Status */ +.userPopoutOuter-3AVBmJ .wrapper-3Un6-K rect { + width: 20px; + height: 20px; + x: 74; + y: 74; +} +.userPopoutOuter-3AVBmJ .wrapper-3Un6-K rect[mask*="url(#svg-mask-status-online-mobile)"] { + width: 24px; + height: 36px; + x: 72; + y: 62; +} + +/* Avatar Nitro Decoration */ +.userPopoutOuter-3AVBmJ .avatarDecoration-2Wb1Au { + width: 140px; + height: 140px; + top: calc((.5 - var(--decoration-to-avatar-ratio)/2)*240%); + left: calc((.5 - var(--decoration-to-avatar-ratio)/2)*150%); +} +.userPopoutOuter-3AVBmJ .avatarDecorationBorder-1EBepl, +.userPopoutOuter-3AVBmJ .avatarDecorationHint-GIo7Yh { + height: calc(100px*var(--decoration-to-avatar-ratio) + 12px); + width: calc(100px*var(--decoration-to-avatar-ratio) + 12px); + top: calc(32px - 77px*var(--decoration-to-avatar-ratio)/2); + left: calc(32px - 77px*var(--decoration-to-avatar-ratio)/2); + mask: none !important; + /* filter: brightness(1.12) grayscale(1); */ +} +.userPopoutOuter-3AVBmJ .avatarDecorationHint-GIo7Yh { + width: 100px; + height: 100px; + top: 2px; + left: 2px; + border-radius: 50% !important; +} +.userPopoutOuter-3AVBmJ .avatarDecorationBorder-1EBepl, +.userPopoutOuter-3AVBmJ .avatarDecoration-2Wb1Au, +.userPopoutOuter-3AVBmJ .avatarDecorationHint-GIo7Yh { + z-index: 4; +} +.userPopoutOuter-3AVBmJ .avatarWrapperNormal-1tQ3Je .avatarDecorationHint-GIo7Yh foreignObject, +.userPopoutOuter-3AVBmJ .avatarDecoration-2Wb1Au foreignObject, +.userPopoutOuter-3AVBmJ .avatarDecorationHint-GIo7Yh foreignObject { + mask: none !important; +} +.userPopoutOuter-3AVBmJ .avatarWrapper-3y0KZ1 .wrapper-3Un6-K .avatarDecoration-2Wb1Au .avatar-31d8He, +.userPopoutOuter-3AVBmJ .avatarWrapper-3y0KZ1 .wrapper-3Un6-K svg foreignObject[mask*="url(#svg-mask-avatar-decoration-status-round-80)"] { + background: transparent !important; + border-radius: 0% !important; +} /* Badges */ -.userPopout-2j1gM4 .profileBadges-2pItdR { - max-width: calc(var(--User-Popout-Width) - 110px); +.userPopoutOuter-3AVBmJ .profileBadges-31rDHI { + max-width: calc(var(--User-Popout-Width) - 116px); + background-color: transparent; top: 6px; - right: 6px; - /* height: 20px; - overflow: hidden; */ + right: 4px; + z-index: 1; + overflow: hidden; + height: 20px; } -.userPopout-2j1gM4 .profileBadges-2pItdR .clickable-1knRMS { +.userPopoutOuter-3AVBmJ .profileBadges-31rDHI .clickable-28QF7i { margin: 0px 0px 0px 2px; + filter: drop-shadow(-0.5px 1.5px 1px rgba(0,0,0,0.4)); +} +.userPopoutOuter-3AVBmJ .profileBadges-31rDHI.container-5SvbtF { + gap: 0px; } /* Username, Nickname & #ID */ -.userPopout-2j1gM4 .headerText-1-WmDq .nickname-t08Mck, -.userPopout-2j1gM4 .headerText-1-WmDq .headerName-3W-qH-, -.userPopout-2j1gM4 .headerText-1-WmDq .nameTag-H6kSJ0 span { - text-shadow: -1px 1px 1px #0F0F0F; -} -.userPopout-2j1gM4 .headerText-1-WmDq .nickname-t08Mck, -.userPopout-2j1gM4 .headerText-1-WmDq .headerTagUsernameNoNickname-1TjuLc { +.userPopoutOuter-3AVBmJ .userText-148fun .nickname-2rimyL, +.userPopoutOuter-3AVBmJ .userText-148fun .userTagUsernameNoNickname-2e_xaO { font-size: 21px !important; } -.userPopout-2j1gM4 .headerText-1-WmDq .headerTagUsernameBase-XYisdh { - color: #E5E5E5; - font-size: 16px; - font-weight: 500; +.userPopoutOuter-3AVBmJ.theme-dark .userText-148fun .nickname-2rimyL, +.userPopoutOuter-3AVBmJ.theme-dark .userText-148fun .userTagUsernameNoNickname-2e_xaO, +.userPopoutOuter-3AVBmJ.theme-dark .userText-148fun .userTagUsernameBase-3Nfr5j, +.userPopoutOuter-3AVBmJ.theme-dark .userText-148fun .discrimBase-KriZSj { + text-shadow: -1px 1px 2px rgba(0,0,0,0.6); } -.userPopout-2j1gM4 .headerText-1-WmDq .headerTagNoNickname-3tGHj6 { - line-height: 18px; - padding: 4px 0px 4px 0px; -} -.userPopout-2j1gM4 .headerText-1-WmDq .headerTagWithNickname-1U8zZH { - margin-left: 0.5px; - margin-bottom: 2px; +.userPopoutOuter-3AVBmJ.theme-dark .userText-148fun .userTagUsernameBase-3Nfr5j { + color: #FFFFFF; } -.userPopout-2j1gM4 .headerText-1-WmDq .discrimBase-1VOoau { +.userPopoutOuter-3AVBmJ.theme-dark .userText-148fun .discrimBase-KriZSj { color: #A5A5A5; - vertical-align: baseline; font-size: 14px; + vertical-align: baseline; } -/* Original Profile Picture Minitature */ -.userPopout-2j1gM4 .headerText-1-WmDq .largeAvatar-ItACsd { - margin-top: -4px; - margin-right: 6px; +.userPopoutOuter-3AVBmJ.theme-light .userText-148fun .discrimBase-KriZSj { + color: #444444; + font-size: 14px; + vertical-align: baseline; } -/* Add Bot To Server Button */ -.userPopout-2j1gM4 .applicationInstallButton-taCWKH { - width: calc(var(--User-Popout-Width) - 20px) !important; - margin: 6px 0px 10px 0px; +/* Custom Status */ +.userPopoutOuter-3AVBmJ.theme-dark .customStatus-3Bvsdb .customStatusText-2bcbbm { + color: #FFFFFF; + text-shadow: -1px 1px 2px rgba(0,0,0,0.6); } - -/* User CreationDate & JoinedAtDate Plugin */ -.userPopout-2j1gM4 .date-YN6TCS { - color: #CCCCCC; - text-shadow: -1px 1px 2px #131313; - overflow: visible !important; - margin-top: 4px; +.userPopoutOuter-3AVBmJ.theme-light .customStatus-3Bvsdb .customStatusText-2bcbbm { + font-weight: 500; } -.userPopout-2j1gM4 .date-YN6TCS+.date-YN6TCS { - margin-top: 0px; +.userPopoutOuter-3AVBmJ .customStatus-3Bvsdb { + line-height: 22px; } -.userPopout-2j1gM4 .date-YN6TCS+.setIdentityLink-hOFsMl+.UserDetails-dates-container { - margin-top: 4px; +/* Custom Status: Emoji & Text */ +.userPopoutOuter-3AVBmJ .customStatus-3Bvsdb .customStatusEmoji-1hUpwD { + width: 24px; + height: 24px; +} +/* Custom Status: Only Emoji */ +.userPopoutOuter-3AVBmJ .customStatus-3Bvsdb .customStatusEmoji-1hUpwD.customStatusSoloEmoji-3jUFFX { + width: 38px; + height: 38px; +} + +/* Member Since Section */ +.userPopoutOuter-3AVBmJ .section-3FmfOT .memberSinceContainer-3biwiY { + column-gap: 4px; +} +.userPopoutOuter-3AVBmJ .section-3FmfOT .memberSinceContainer-3biwiY .divider-D-Vspq { + background-color: var(--text-muted); + margin: 4px; } /* Activity: Name/Description Margin */ -.userPopout-2j1gM4 .activityUserPopout-2MzGCj .textRow-1sENuL { - text-shadow: -1px 1px 2px #131313; +.userPopoutOuter-3AVBmJ .activity-E0U09Y .activityName-3YXl6e { + font-weight: 600; +} +.userPopoutOuter-3AVBmJ .activity-E0U09Y .textRow-1sENuL { + /* text-shadow: -1px 1px 2px rgba(0,0,0,0.6); */ font-size: 13px; line-height: 14px; white-space: normal; + font-weight: 500; +} +.userPopoutOuter-3AVBmJ .activity-E0U09Y .contentImagesUserPopoutV2-2Mcg9w { + margin-left: 8px; +} +.userPopoutOuter-3AVBmJ .activity-E0U09Y .marginBottom8-emkd0_ { + margin-bottom: 4px; +} +/* Text Colors */ +.userPopoutOuter-3AVBmJ .title-1r9MQ6 { + margin-bottom: 4px; +} +/* Text Colors */ +.userPopoutOuter-3AVBmJ .textRow-1sENuL, +.userPopoutOuter-3AVBmJ .anchor-1MIwyf, +.userPopoutOuter-3AVBmJ .userText-148fun .userTagNoNickname-2MJ9HD, +.userPopoutOuter-3AVBmJ .userText-148fun .userTagUsernameBase-3Nfr5j { + overflow: visible; +} +.userPopoutOuter-3AVBmJ.theme-dark .section-3FmfOT .title-1r9MQ6, +.userPopoutOuter-3AVBmJ.theme-dark .section-3FmfOT .activity-E0U09Y .headerText-3g1XK9, +.userPopoutOuter-3AVBmJ.theme-dark .section-3FmfOT .activity-E0U09Y .body-u1Y8uL .nameWrap-3TyM52, +.userPopoutOuter-3AVBmJ.theme-dark .section-3FmfOT .activity-E0U09Y .body-u1Y8uL .nameNormal-2fPMD2, +.userPopoutOuter-3AVBmJ.theme-dark .section-3FmfOT .activity-E0U09Y .body-u1Y8uL .activityName-3YXl6e { + text-shadow: -1px 1px 2px rgba(0,0,0,0.5); + color: #FFFFFF; +} +.userPopoutOuter-3AVBmJ.theme-dark .section-3FmfOT .markup-eYLPri .defaultColor-24IHKz { + text-shadow: -1px 1px 2px rgba(0,0,0,0.5); + color: #E5E5E5; +} +.userPopoutOuter-3AVBmJ.theme-dark .section-3FmfOT .activity-E0U09Y .body-u1Y8uL .details-2-ciHo, +.userPopoutOuter-3AVBmJ.theme-dark .section-3FmfOT .activity-E0U09Y .body-u1Y8uL .detailsWrap-omKn0b, +.userPopoutOuter-3AVBmJ.theme-dark .section-3FmfOT .activity-E0U09Y .body-u1Y8uL .state-2NT76I, +.userPopoutOuter-3AVBmJ.theme-dark .section-3FmfOT .activity-E0U09Y .body-u1Y8uL .playTime-3fSgOm, +.userPopoutOuter-3AVBmJ.theme-dark .section-3FmfOT .activity-E0U09Y .body-u1Y8uL .timestamp-2f1NmH { + color: #CCCCCC; + overflow: visible; +} +/* Text Colors: Bright Background */ +.userPopoutOuter-3AVBmJ.theme-light .section-3FmfOT .activity-E0U09Y .body-u1Y8uL .nameNormal-2fPMD2 { + font-weight: 700; +} +.userPopoutOuter-3AVBmJ.theme-light .text-sm-normal-AEQz4v, +.userPopoutOuter-3AVBmJ.theme-light .userTagWithNickname-3-znkC { + font-weight: 500; +} +.userPopoutOuter-3AVBmJ.theme-light .userText-148fun .userTagUsernameBase-3Nfr5j { + color: #000000; } -.userPopout-2j1gM4 .activityUserPopout-2MzGCj .contentImagesUserPopout-Kqai8z { - margin-left: 8px; - margin-right: 2px; + +/* Activity: Spotify Icon */ +.userPopoutOuter-3AVBmJ .activity-E0U09Y .platformIcon-k3yytQ[src="/assets/eaeac24163b35f7526704a3d9b3c7722.svg"] { + display: none; } -.userPopout-2j1gM4 .activityUserPopout-2MzGCj .marginBottom8-emkd0_ { - margin-bottom: 6px; +.userPopoutOuter-3AVBmJ .activity-E0U09Y .assetsLargeImageSpotify-17ME3M { + border-radius: 8px; } -/* Activity: Description Text */ -.userPopout-2j1gM4 .activityUserPopout-2MzGCj .nameWrap-3TyM52, -.userPopout-2j1gM4 .activityUserPopout-2MzGCj .nameNormal-2fPMD2, -.userPopout-2j1gM4 .activityUserPopout-2MzGCj .activityName-3YXl6e { +.userPopoutOuter-3AVBmJ.theme-dark .activity-E0U09Y .text-31kWmP { + text-shadow: -1px 1px 2px rgba(0,0,0,0.6); color: #FFFFFF; } -.userPopout-2j1gM4 .activityUserPopout-2MzGCj .details-2-ciHo, -.userPopout-2j1gM4 .activityUserPopout-2MzGCj .state-2NT76I, -.userPopout-2j1gM4 .activityUserPopout-2MzGCj .detailsWrap-omKn0b, -.userPopout-2j1gM4 .activityUserPopout-2MzGCj .playTime-3fSgOm, -.userPopout-2j1gM4 .activityUserPopout-2MzGCj .timestamp-2f1NmH { - color: #CCCCCC; +/* Activity: Spotify Bar */ +.userPopoutOuter-3AVBmJ .activity-E0U09Y .timeBarUserPopoutV2-32DL06 { + width: calc(var(--User-Popout-Width) - 21px); } -/* Activity Game Icon */ -.userPopout-2j1gM4 .gameIcon-1siQqm { - filter: drop-shadow(-1px 1px 2px #131313); +.userPopoutOuter-3AVBmJ .activity-E0U09Y .bar-1GpknY { + background-color: var(--profile-body-background-color); } -/* Activity Game Icon: No Rich Presence: Missing Icon */ -.userPopout-2j1gM4 .activity-1gTu-L .body-u1Y8uL svg.gameIcon-1siQqm { - height: 0px; - width: 0px; - margin-left: -10px; - margin-top: 40px; +.userPopoutOuter-3AVBmJ.theme-dark .activity-E0U09Y .barInner-3dHef4 { + background-color: #FFFFFF; +} + +/* Activity: Playstation Icon */ +.userPopoutOuter-3AVBmJ .activity-E0U09Y .platformIcon-k3yytQ[src="/assets/7bab4490382024b0c8c29b5378eeaf8f.svg"] { + margin-right: 8px; + margin-top: -6px; + display: none; } /* Activity: Xbox Live */ -.userPopout-2j1gM4 .assetsLargeImageUserPopoutXbox-tkbJgJ[src="/assets/29b4af8bf13fa73258692008d25b4f0d.png"] { - content: url("https://discordapp.com/assets/1fa6585cbb8c0fe21188e26d19fc6609.svg"); +.userPopoutOuter-3AVBmJ .assets-3PQvAh [src="/assets/29b4af8bf13fa73258692008d25b4f0d.png"] { + content: url("/assets/1fa6585cbb8c0fe21188e26d19fc6609.svg"); height: 46px; width: 46px; margin-top: -4px; } -.userPopout-2j1gM4 .assets-3PQvAh+.contentGameImageUserPopout-34d8To { - margin-left: 2px; +.userPopoutOuter-3AVBmJ .assets-3PQvAh+.contentGameImageUserPopoutV2-2ZQfvW { + margin-left: 4px; } -/* Game Icon Size */ -.assetsSmallImageActivityFeedWithoutLargeImage-2WY65u, -.assetsSmallImageVoiceChannelWithoutLargeImage-1idSIb, -.assetsSmallImageProfileWithoutLargeImage-35nix-, -.assetsSmallImageUserPopoutWithoutLargeImage-2l1D0Y, -.assetsLargeImageUserPopout-pY2WJv, -.assetsLargeImageUserPopoutXbox-tkbJgJ { - width: 60px; +/* Activity: Console Game Icon */ +.userPopoutOuter-3AVBmJ .activity-E0U09Y .assetsSmallImageUserPopoutV2WithoutLargeImage-2Zvlcu { height: 60px; - border-radius: 4px; -} - -/* Playstation Header Icon */ -.userPopout-2j1gM4 .newPopoutActivityStyles .platformIcon-k3yytQ { - display: none; -} - -/* Spotify Status Icon */ -.userPopout-2j1gM4 .activity-1gTu-L .assetsLargeImageSpotify-17ME3M { - border-radius: 8px; -} -/* Spotify Duration bar */ -.userPopout-2j1gM4 .activity-1gTu-L .timeBarUserPopout-qLXZaR { - margin-right: 10px; -} -.userPopout-2j1gM4 .timeBarUserPopout-qLXZaR .bar-1GpknY { - background-color: #11111180; -} -.userPopout-2j1gM4 .timeBarUserPopout-qLXZaR .text-31kWmP { - text-shadow: -1px 1px 2px #131313; + width: 60px; } /* Ask to Join, Spectate/Watch Game & Stream Button */ -.userPopout-2j1gM4 .activity-1gTu-L .buttonsWrapper-2ARRp1 { - margin: 2px 0px -6px 0px; - width: calc(var(--User-Popout-Width) - 20px); -} -.userPopout-2j1gM4 .activity-1gTu-L .buttonsWrapper-2ARRp1:empty { - margin: 0px; +.userPopoutOuter-3AVBmJ .activity-E0U09Y .buttonsWrapper-2ARRp1 { + margin: 6px 0px 2px 0px; + width: calc(var(--User-Popout-Width) - 21px); } -.userPopout-2j1gM4 .activity-1gTu-L .button-TGAkj4, -.userPopout-2j1gM4 .activity-1gTu-L .lookFilled-yCfaCM.colorGrey-2iAG-B:disabled { - /* background-color: transparent !important; - border: 1px solid transparent !important; - border-bottom: 1px solid #777777 !important; - border-radius: 0px; */ - padding: 0px; +.userPopoutOuter-3AVBmJ .activity-E0U09Y .vertical-qPeOMD>:not(:first-child) { margin-top: 4px; - max-height: 24px; - min-height: 24px; -} -.userPopout-2j1gM4 .activity-1gTu-L .button-TGAkj4:hover { - /* background-color: #FFFFFF25 !important; */ - border: 1px solid transparent !important; - border-bottom: 1px solid #FFFFFF !important; - border-radius: 3px 3px 0px 0px; -} - -/* ShowAllActivities Plugin Support */ -.userPopout-2j1gM4 .ShowAllActivities-wrapper-wrapper .ShowAllActivities-wrapper-controls { - background-color: transparent !important; - margin-top: -10px !important; - margin-left: -12px; } - -/* Bottom Body */ -.userPopout-2j1gM4 .body-2wLx-E { - background-color: #202020; - padding: 4px 0px 0px 10px; - overflow: hidden !important; +.userPopoutOuter-3AVBmJ .activity-E0U09Y .buttonColor-XIRMbp, +.userPopoutOuter-3AVBmJ .activity-E0U09Y .buttonColor-XIRMbp:disabled { + background-color: var(--profile-body-background-color); + max-height: 28px; + min-height: 28px; + padding: 2px; + opacity: .75; } -.userPopout-2j1gM4 .body-2wLx-E .bodyInnerWrapper-2bQs1k { - background-color: transparent; - padding-top: 4px; +.userPopoutOuter-3AVBmJ .activity-E0U09Y .buttonColor-XIRMbp:hover { + opacity: 1; } -.userPopout-2j1gM4 .body-2wLx-E .userInfoTitle-39qq0Y, -.userPopout-2j1gM4 .body-2wLx-E .headerTextNormal-Z8we9g, -.userPopout-2j1gM4 .body-2wLx-E .bodyTitle-2Az3VQ { - color: #E5E5E5 !important; - text-shadow: -1px 1px 2px #131313; +.userPopoutOuter-3AVBmJ.theme-light .activity-E0U09Y .buttonColor-XIRMbp { + color: #000000; } -/* About Me */ -.userPopout-2j1gM4 .body-2wLx-E .userInfoSection-3her-v { - padding: 4px 4px 0px 0px; - margin-bottom: 12px; + +/* Bot: Add To Server Button */ +.userPopoutOuter-3AVBmJ .buttonsContainer-2_Qu-e { + max-width: calc(var(--User-Popout-Width) - 21px); } -.userPopout-2j1gM4 .body-2wLx-E .userInfoSection-3her-v .userInfoBody-1zgAd0 { - margin-top: -4px; - text-shadow: -1px 1px 2px #131313; +/* Bot: Try My Commands */ +.userPopoutOuter-3AVBmJ .popularApplicationCommandsList-33V8Ui { + gap: 3px; } -/* Custom Status */ -.userPopout-2j1gM4 .body-2wLx-E .customStatus-3XAoF9 { - padding: 4px 4px 12px 0px; - margin-bottom: 0px; +.userPopoutOuter-3AVBmJ .popularApplicationCommandsList-33V8Ui .lookFilled-1H2Jvj.colorPrimary-2-Lusz { + background-color: var(--bd-blue); + border: none; + padding: 2px 4px; + text-shadow: -1px 1px 2px rgba(0,0,0,0.2); } -.userPopout-2j1gM4 .body-2wLx-E .customStatus-3XAoF9 .customStatusText-3wj79x { - text-shadow: -1px 1px 2px #131313; +/* Unable To Load Profile Banner, Badges and About Me */ +.userPopoutOuter-3AVBmJ .warningCircleIcon-2osUEe { + top: 16px; + right: 10px; } -.userPopout-2j1gM4 .body-2wLx-E .customStatus-3XAoF9+.divider-1wtgZ3 { - width: calc(var(--User-Popout-Width) - 20px); - margin: 0px 0px 5px 0px; - display: block; + +/* Connections Section */ +.userPopoutOuter-3AVBmJ .section-3FmfOT .connectionsContainer-3cWtT- { + max-width: calc(var(--User-Popout-Width) - 21px); + border: none; } -.userPopout-2j1gM4 .body-2wLx-E .divider-1wtgZ3 { - display: none; +.userPopoutOuter-3AVBmJ .section-3FmfOT .connectionsContainer-3cWtT- .connectedAccountContainer-2TWiXT, +.userPopoutOuter-3AVBmJ .section-3FmfOT .connectionsContainer-3cWtT- .connections-y47q20 { + padding: 8px 4px; } -/* Custom Status: Emoji & Text */ -.userPopout-2j1gM4 .customStatus-3XAoF9 .customStatusEmoji-1bFQdD { - width: 24px; - height: 24px; - margin-top: -4px; +.connectedAccountVerifiedIcon-2IthzC .flowerStar-2tNFCR path { + fill: #FFFFFF; } -/* Custom Status: Only Emoji */ -.userPopout-2j1gM4 .customStatus-3XAoF9 .customStatusEmoji-1bFQdD.customStatusSoloEmoji-2bSRlG { - width: 38px; - height: 38px; +.connectedAccountVerifiedIcon-2IthzC .childContainer-U_a6Yh path { + fill: #000000; } -/* User Note */ -.userPopout-2j1gM4 .note-Go5ZP2 .textarea-_59yqs { + +/* Note Section */ +.userPopoutOuter-3AVBmJ .section-3FmfOT .textarea-_59yqs { + width: calc(var(--User-Popout-Width) - 21px); background-color: transparent; - width: calc(var(--User-Popout-Width) - 8px); - padding: 4px 4px 0px 4px; - margin-top: -6px; -} -.userPopout-2j1gM4 .note-Go5ZP2 .textarea-_59yqs::placeholder { - color: #8C8C8C; - font-weight: 500; + text-shadow: -1px 1px 1px rgba(0,0,0,0.2); + margin-bottom: -10px; + padding-left: 0px; } -.userPopout-2j1gM4 .note-Go5ZP2 .textarea-_59yqs::-webkit-scrollbar-thumb { - background-color: #191919; +.userPopoutOuter-3AVBmJ.theme-dark .section-3FmfOT textarea::placeholder { + color: #B5B5B5; } -/* Footer */ -.userPopout-2j1gM4 .footer-3naVBw { - background-color: #202020; +/* Message Section Footer */ +.userPopoutOuter-3AVBmJ .section--1D3ev { padding: 0px; } -.userPopout-2j1gM4 .footer-3naVBw .quickMessage-3jDbBs { - margin-top: 0px; +.userPopoutOuter-3AVBmJ .section--1D3ev .messageInputContainer-2rGDH8 { + border: none; } -.userPopout-2j1gM4 .footer-3naVBw .input-2g-os5, -.userPopout-2j1gM4 .footer-3naVBw .input-2g-os5:hover { - background-color: #161616; +.userPopoutOuter-3AVBmJ .section--1D3ev .messageInputContainer-2rGDH8 .messageInput-1KI8l8 { + background-color: var(--profile-body-background-color); border-radius: 0px; - border: none; } -.userPopout-2j1gM4 .footer-3naVBw .protip-2urNh2 { - display: none; +/* Quoted Text */ +.userPopoutOuter-3AVBmJ .blockquoteContainer-3VtvI1 blockquote { + background-color: var(--profile-body-background-color); } /* Footer "I'm new to Discord" */ -.userPopout-2j1gM4 .footer-3naVBw .wumpusWrapper-3ReSr0 { - margin-top: -10px; +.userPopoutOuter-3AVBmJ .section--1D3ev.lastSection-3_1yKt .wumpusWrapper-3jyMw- { position: relative; + margin-top: -10px; } -/* User Roles */ -.userPopout-2j1gM4 .rolesList-3uZoaa { - width: calc(var(--User-Popout-Width) - 12px); - margin-top: -2px; - margin-bottom: 12px; +/* User CreationDate & JoinedAtDate Plugin */ +.date-YN6TCS { + text-shadow: -1px 1px 1px rgba(0,0,0,0.2); + overflow: visible !important; + margin-top: 2px; +} +.date-YN6TCS+.date-YN6TCS { + margin-top: 0px; +} +.date-YN6TCS+.setIdentityLink-hOFsMl+.UserDetails-dates-container { + margin-top: 4px; } + +/******************************************* User Roles **********************************************/ + +/* User Roles */ .role-2TIOKu { position: relative; overflow: hidden; - background: transparent; + /* background: transparent; */ + border: none; + border-color: transparent; border-radius: 0px 2px 2px 0px; - margin: 0px 3px 3px 0px; + margin: 0px 4px 3px 0px; padding: 0px 2px 0px 2px; } -.role-2TIOKu:before { +.theme-light .role-2TIOKu { + background-color: var(--profile-role-pill-background-color); +} +.role-2TIOKu .roleCircle-3TFUOr:before { content: ''; position: absolute; + background: inherit; width: 100%; + height: 100%; left: 0px; - border-width: 12px; - border-style: solid; - border-color: inherit; - box-sizing: border-box; - pointer-events: none; opacity: 0.6; } -.role-2TIOKu:hover:before { - opacity: 0.7; - filter: saturate(1.4); +.role-2TIOKu .roleRemoveIcon-387wKV { + margin: 0px; + left: unset; + transform: translate(0%,-50%); } -.role-2TIOKu .roleName-2ZJJYR { - color: #FFFFFF; - text-shadow: -1px 2px 2px #0F0F0F; - margin: 0px 2px 0px -2px; - overflow: visible; - z-index: 1; +.role-2TIOKu .roleRemoveButton-17oXnT { + position: static; } /* Custom Role Icon */ .role-2TIOKu .roleIcon-29epUq { @@ -9727,7 +10446,7 @@ z-index: 1; } /* Role Remove Button */ -.role-2TIOKu .roleCircle-3K9O3d { +.role-2TIOKu .roleCircle-3TFUOr { border-radius: 0px; margin-left: -2px; margin-right: 6px; @@ -9735,79 +10454,107 @@ height: 22px; opacity: 0.6; } -.userPopout-2j1gM4 .rolesList-3uZoaa:hover .role-2TIOKu:hover .roleCircle-3K9O3d, -.customScroller-m1-jZn .card-2ART2V:hover .role-2TIOKu:hover .roleCircle-3K9O3d { +.role-2TIOKu:hover { + padding: 0px 0px 0px 0px; +} +.role-2TIOKu.actionButton-1YKTU0 { + padding: 0px 2px 0px 2px !important; +} +.userPopoutOuter-3AVBmJ .role-2TIOKu:hover .roleCircle-3TFUOr, +.customScroller-m1-jZn .role-2TIOKu:hover .roleCircle-3TFUOr { width: 12px; height: 12px; - margin: 0px 4px 0px 0px; + margin: 0px 3px 0px 2px; border-radius: 50%; opacity: 1; } -.userPopout-2j1gM4 .rolesList-3uZoaa:hover .role-2TIOKu:hover .roleRemoveIcon-387wKV, -.customScroller-m1-jZn .card-2ART2V:hover .role-2TIOKu:hover .roleRemoveIcon-387wKV { +.userPopoutOuter-3AVBmJ .role-2TIOKu:hover .roleRemoveIcon-387wKV, +.customScroller-m1-jZn .role-2TIOKu:hover .roleRemoveIcon-387wKV { width: 12px; height: 12px; - margin: -6px 0 0 -8px; - filter: opacity(1); + margin-left: 2px; } /* Role Add Button */ -.role-2TIOKu .addButtonIcon-3HZ_2f { - color: #FFFFFF; - filter: drop-shadow(-1px 1px 0px #191919); - width: 16px; +.role-2TIOKu.actionButton-1YKTU0:before { + content: ''; + position: absolute; + border-width: 12px; + border-style: solid; + border-color: inherit; +} +.theme-light .role-2TIOKu.actionButton-1YKTU0:before { + border-color: transparent; } .role-2TIOKu.actionButton-1YKTU0 { border-color: #333333; - color: #FFFFFF; - min-width: 20px; } .role-2TIOKu.actionButton-1YKTU0:hover { border-color: #444444; } -.userPopout-2j1gM4 .rolesList-3uZoaa .role-2TIOKu.actionButton-1YKTU0 { +.role-2TIOKu.actionButton-1YKTU0 .addButtonIcon-3HZ_2f { + filter: drop-shadow(-1px 1px 0px #191919); + width: 16px; +} +/* Role Add Button: Hover */ +.userPopoutOuter-3AVBmJ .roles-3zC7MX .role-2TIOKu.actionButton-1YKTU0 { border-radius: 2px; display: none; } -.userPopout-2j1gM4 .rolesList-3uZoaa:hover .role-2TIOKu.actionButton-1YKTU0 { +.userPopoutOuter-3AVBmJ .roles-3zC7MX:hover .role-2TIOKu.actionButton-1YKTU0 { display: flex; } +/* Text */ +.role-2TIOKu .roleName-2ZJJYR { + margin: 0px 2px 0px -2px; + overflow: visible; + z-index: 1; +} +.userPopoutOuter-3AVBmJ.theme-light .roleName-2ZJJYR .defaultColor-24IHKz { + color: #000000; + text-shadow: -1px 1px 2px rgba(0,0,0,0.2); +} +.userPopoutOuter-3AVBmJ.theme-dark .roleName-2ZJJYR, +.customScroller-m1-jZn .role-2TIOKu .roleName-2ZJJYR { + color: #FFFFFF; + text-shadow: -1px 1px 2px rgba(0,0,0,0.6); +} /* Server Management Popout (User Roles, Audit log Filter) */ -.container-2O1UgZ { +.container-2kTWmC { background-color: #191919; box-shadow: var(--elevation-stroke),var(--elevation-high); border: none; padding-bottom: 0px; } -.container-2O1UgZ .inner-2pOSmK { +.container-2kTWmC .inner-2pOSmK { background-color: #141414; } -.container-2O1UgZ .list-3cyRKU { +.container-2kTWmC .list-1B0XtU { padding: 0px 0px 4px 0px; } -.container-2O1UgZ .list-3cyRKU .item-1BCeuB:hover { +.container-2kTWmC .list-1B0XtU .item-1Mjtru:hover { background-color: #161616; } -.container-2O1UgZ .list-3cyRKU .selected-22ukbQ { +.container-2kTWmC .list-1B0XtU .selected-22ukbQ { background-color: #141414; } -.container-2O1UgZ .list-3cyRKU .selectedBrand-1AtwYE, -.container-2O1UgZ .list-3cyRKU .selectedBrand-1AtwYE:hover { +.container-2kTWmC .list-1B0XtU .selectedBrand-1AtwYE, +.container-2kTWmC .list-1B0XtU .selectedBrand-1AtwYE:hover { background:var(--bd-blue); } -.container-2O1UgZ .list-3cyRKU .popoutRoleDot-2_Nt5g { +.container-2kTWmC .list-1B0XtU .popoutRoleDot-2_Nt5g { border: none; } /* View User Permissions Plugin: User Popout */ -.userPopout-2j1gM4 #permissions-popout { +.userPopoutOuter-3AVBmJ #permissions-popout { width: calc(var(--User-Popout-Width) - 14px); margin-bottom: 12px; } -.userPopout-2j1gM4 #permissions-popout .endBodySection-ypd-38 { +.userPopoutOuter-3AVBmJ #permissions-popout .endBodySection-ypd-38 { width: calc(var(--User-Popout-Width) - 8px); } -.userPopout-2j1gM4 #permissions-popout .member-perms-title { +.userPopoutOuter-3AVBmJ #permissions-popout .member-perms-title { text-transform: uppercase; font-weight: 700; font-size: 12px; @@ -9815,13 +10562,13 @@ margin-bottom: 4px; z-index: 3; } -.userPopout-2j1gM4 #permissions-popout .member-perms { +.userPopoutOuter-3AVBmJ #permissions-popout .member-perms { max-height: 168px; } -.userPopout-2j1gM4 #permissions-popout .member-perms .member-perm { +.userPopoutOuter-3AVBmJ #permissions-popout .member-perms .member-perm { height: 18px; } -.userPopout-2j1gM4 #permissions-popout .member-perms .member-perm .perm-circle { +.userPopoutOuter-3AVBmJ #permissions-popout .member-perms .member-perm .perm-circle { border-radius: 0px; margin-left: -2px; margin-right: 6px; @@ -9829,184 +10576,116 @@ height: 100%; } -/* UserDetails Plugin: User Profile */ -.UserDetails-dates-wrapper { - position: relative; - top: -63px; - left: 174px; - margin-right: 170px; - margin-bottom: -42px; -} -.UserDetails-dates-wrapper .nameTag-2Nlmsy { - top: -0px; - left: -14px; - margin-right: 0px; - margin-bottom: 4px; -} -.UserDetails-dates-wrapper .UserDetails-dates-userProfile { - padding-left: 0px !important; -} -/* UserDetails Plugin: User Popout */ -.UserDetails-dates-container svg { - margin: 1px 8px 0px 0px !important; - filter: drop-shadow(-1px 1px 1px #131313); -} -.UserDetails-dates-container, -.UserDetails-connections-connectionsBody, -.UserDetails-mutualServers-header, -.UserDetails-mutualServers-body, -.UserDetails-mutualFriends-header { - position: relative; - z-index: 3; -} -.UserDetails-connections-header, -.UserDetails-mutualServers-header, -.UserDetails-mutualFriends-header { - color: #E5E5E5 !important; - text-shadow: -1px 1px 2px #131313; - margin-bottom: 4px !important; -} -.UserDetails-mutualServers-mutualGuild, -.UserDetails-mutualServers-mutualGuild img { - width: 32px !important; - height: 32px !important; -} -.UserDetails-mutualServers-guildAcronym { - background-color: #2F3136 !important; -} -.UserDetails-mutualServers-mutualGuild, -.UserDetails-mutualFriends-mutualFriend { - margin: 0 4px 4px 0 !important; -} -.UserDetails-mutualServers-mutualGuild:hover, -.UserDetails-mutualFriends-mutualFriend:hover, -.UserDetails-badge-connection:hover { - transform: scale(1.1); -} -.UserDetails-mutualFriends-mutualFriend .wrapper-1VLyxH foreignObject { - border-radius: 50%; - mask: none; -} -.UserDetails-connections-connectionsBody .UserDetails-badge-connection, -.UserDetails-connections-connectionsBody .UserDetails-connections-connections img { - width: 32px !important; - height: 32px !important; - margin: 0 4px 0 0px !important; -} -.UserDetails-flowerstar-wrapper .UserDetails-flowerstar-container path { - fill: var(--info-positive-foreground); -} -.UserDetails-badge-connection.UserDetails-badge-verified .UserDetails-badge-verifiedBadge { - background-color: #202020 !important; -} -.UserDetails-connections-connectionsBody .UserDetails-connections-loading { - fill: #1C1C1C !important; - display: none; -} -.UserDetails-dates-container.UserDetails-dates-icons .UserDetails-dates-loading { - fill: transparent !important; -} - -/* ShowConnections Plugin */ -.userPopout-2j1gM4 .connections-pPr4as .connection-9Gh4sa { - margin: 0 9px 8px 0; - z-index: 3; -} -.userPopout-2j1gM4 .connections-pPr4as .connection-9Gh4sa:hover { - transform: scale(1.1); -} -.userPopout-2j1gM4 .connections-pPr4as .connection-9Gh4sa .flowerStar-2tNFCR path { - fill: #43B581; -} -.userPopout-2j1gM4 .connections-pPr4as .connection-9Gh4sa polyline { - stroke: #FFFFFF; -} - /************************************** Custom Profile UserBGs ***************************************/ @import url("https://discord-custom-covers.github.io/usrbg/dist/usrbg.css"); /* https://github.com/Discord-Custom-Covers/usrbg */ -/* User Mobile Status Avatar Border Fix */ -.root-8LYsGj .topSection-13QKHs .header-S26rhB [aria-label*="Online via Mobile"], -.userPopout-2j1gM4 .avatar-2Vndt_[aria-label*="Online via Mobile"] { - border-right: 0px solid transparent !important; - border-bottom: 0px solid transparent !important; -} - /* User Profile Modal: Hide Status Circle */ -.root-8LYsGj .topSection-13QKHs .header-S26rhB .wrapper-1VLyxH svg rect, -.root-8LYsGj .topSection-13QKHs .header-S26rhB .wrapper-1VLyxH:hover rect[mask*="url(#svg-mask-status-online-mobile)"] { +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .header-1_vWwx .wrapper-3Un6-K svg rect { display: none; } -.root-8LYsGj .topSection-13QKHs .header-S26rhB .wrapper-1VLyxH rect[mask*="url(#svg-mask-status-online-mobile)"] { +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .header-1_vWwx .wrapper-3Un6-K rect[mask*="url(#svg-mask-status-online-mobile)"] { display: block; } -/* User Profile Modal: Square Avatar On Hover */ -.root-8LYsGj .topSection-13QKHs .header-S26rhB .wrapper-1VLyxH:hover { - border-radius: 4px; - transition: 80ms; -} -.root-8LYsGj .topSection-13QKHs .header-S26rhB foreignObject[mask="url(#svg-mask-avatar-default)"], -.root-8LYsGj .topSection-13QKHs .header-S26rhB foreignObject[mask="url(#svg-mask-avatar-status-round-120)"] { +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .header-1_vWwx foreignObject[mask="url(#svg-mask-avatar-default)"], +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .header-1_vWwx foreignObject[mask="url(#svg-mask-avatar-status-round-120)"] { + background-color: var(--background-floating); mask: none; border-radius: 50%; transition: 80ms; } -.root-8LYsGj .topSection-13QKHs .header-S26rhB .avatar-3QF_VA:hover foreignObject[mask="url(#svg-mask-avatar-default)"], -.root-8LYsGj .topSection-13QKHs .header-S26rhB .avatar-3QF_VA:hover foreignObject[mask="url(#svg-mask-avatar-status-round-120)"] { +/* User Profile Modal: Square Avatar On Hover */ +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .header-1_vWwx .wrapper-3Un6-K:hover { + border-radius: 4px; + transition: 80ms; +} +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .header-1_vWwx .avatar-1YsFQ1:hover foreignObject[mask="url(#svg-mask-avatar-default)"], +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .header-1_vWwx .avatar-1YsFQ1:hover foreignObject[mask="url(#svg-mask-avatar-status-round-120)"] { border-radius: 0%; } -.root-8LYsGj .topSection-13QKHs .header-S26rhB .avatar-3QF_VA:hover foreignObject[mask*="url(#"], -.root-8LYsGj .topSection-13QKHs .header-S26rhB .avatar-3QF_VA:hover foreignObject[mask="url(#svg-mask-avatar-status-mobile-120)"] { +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .header-1_vWwx .avatar-1YsFQ1:hover foreignObject[mask*="url(#"], +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .header-1_vWwx .avatar-1YsFQ1:hover foreignObject[mask="url(#svg-mask-avatar-status-mobile-120)"] { mask: none; } -/* User Profile Modal: Online Status Border/Header Color */ -.root-8LYsGj .topSection-13QKHs .header-S26rhB [aria-label*="Online"].avatar-3QF_VA, -.root-8LYsGj .topSection-13QKHs .header-S26rhB [aria-label*="mobile"].avatar-3QF_VA:hover { - --user-status-background: linear-gradient(#43B581 2px, #43B58150 2px, #43B58110 50%, transparent 88%); - border: 2px solid #43B581; -} -.root-8LYsGj .topSection-13QKHs .header-S26rhB [aria-label*="Idle"].avatar-3QF_VA { - --user-status-background: linear-gradient(#FAA61A 2px, #FAA61A50 2px, #FAA61A10 50%, transparent 88%); - border: 2px solid #FAA61A; +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .header-1_vWwx .wrapper-3Un6-K:hover rect[mask*="url(#svg-mask-status-online-mobile)"], +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .header-1_vWwx .wrapper-3Un6-K:hover .avatarDecoration-2Wb1Au { + display: none; } -.root-8LYsGj .topSection-13QKHs .header-S26rhB [aria-label*="Do Not Disturb" i].avatar-3QF_VA { - --user-status-background: linear-gradient(#F04747 2px, #F0474750 2px, #F0474710 50%, transparent 88%); - border: 2px solid #F04747; + +/* User Profile Modal: Status Change/First Load Fix */ +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .header-1_vWwx [aria-label*="Online"] .avatar-31d8He, +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .header-1_vWwx [aria-label*="Idle"] .avatar-31d8He, +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .header-1_vWwx [aria-label*="Do Not Disturb" i] .avatar-31d8He, +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .header-1_vWwx [aria-label*="Streaming"] .avatar-31d8He, +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .header-1_vWwx [aria-label*="Offline"] .avatar-31d8He { + z-index: 1; } -.root-8LYsGj .topSection-13QKHs .header-S26rhB [aria-label*="Streaming"].avatar-3QF_VA { - --user-status-background: linear-gradient(#593695 2px, #59369550 2px, #59369510 50%, transparent 88%); - border: 2px solid #593695; +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .header-1_vWwx [aria-label*="Online via Mobile" i] .avatar-31d8He { + z-index: -1; } -.root-8LYsGj .topSection-13QKHs .header-S26rhB [aria-label*="Offline"].avatar-3QF_VA, -.root-8LYsGj .topSection-13QKHs .header-S26rhB [aria-label*="Invisible"].avatar-3QF_VA { - --user-status-background: linear-gradient(#747F8D 2px, #747F8D50 2px, #747F8D10 50%, transparent 88%); - border: 2px solid #747F8D; +/* User Profile Modal: Online Status Border/Header Color */ +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .header-1_vWwx [aria-label*="Online"].avatar-1YsFQ1, +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .header-1_vWwx [aria-label*="mobile" i].avatar-1YsFQ1m, +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .header-1_vWwx [aria-label*="Idle"].avatar-1YsFQ1m, +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .header-1_vWwx [aria-label*="Do Not Disturb" i].avatar-1YsFQ1m, +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .header-1_vWwx [aria-label*="Streaming"].avatar-1YsFQ1m, +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .header-1_vWwx [aria-label*="Offline"].avatar-1YsFQ1, +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .header-1_vWwx [aria-label*="Invisible"].avatar-1YsFQ1m { + margin-left: -3px; } -.root-8LYsGj .topSection-13QKHs .header-S26rhB [aria-label*="mobile"].avatar-3QF_VA { - border-top: 2px solid #43B581; - border-left: 2px solid #43B581; +/* .root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .header-1_vWwx [aria-label*="mobile" i].avatar-1YsFQ1:hover */ +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .header-1_vWwx [aria-label*="Online"].avatar-1YsFQ1 { + /* --user-status-background: linear-gradient(#43B581 2px, #43B58150 2px, #43B58110 0%, transparent 88%); */ + --user-status-background: linear-gradient(#43B581 1px, rgba(67,181,121,0.15) 2px, rgba(67,181,121,0) 60%, transparent 88%); + border: 3px solid #43B581; +} +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .header-1_vWwx [aria-label*="Idle"].avatar-1YsFQ1 { + /* --user-status-background: linear-gradient(#FAA61A 2px, #FAA61A50 2px, #FAA61A10 0%, transparent 88%); */ + --user-status-background: linear-gradient(#FAA61A 1px, rgba(250,166,26,0.15) 2px, rgba(250,166,26,0) 60%, transparent 88%); + border: 3px solid #FAA61A; +} +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .header-1_vWwx [aria-label*="Do Not Disturb" i].avatar-1YsFQ1 { + /* --user-status-background: linear-gradient(#F04747 2px, #F0474750 2px, #F0474710 0%, transparent 88%); */ + --user-status-background: linear-gradient(#F04747 1px, rgba(240,71,71,0.15) 2px, rgba(240,71,71,0) 60%, transparent 88%); + border: 3px solid #F04747; +} +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .header-1_vWwx [aria-label*="Streaming"].avatar-1YsFQ1 { + /* --user-status-background: linear-gradient(#593695 2px, #59369550 2px, #59369510 0%, transparent 88%); */ + --user-status-background: linear-gradient(#593695 1px, rgba(89,54,149,0.15) 2px, rgba(89,54,149,0) 60%, transparent 88%); + border: 3px solid #593695; +} +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .header-1_vWwx [aria-label*="Offline"].avatar-1YsFQ1, +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .header-1_vWwx [aria-label*="Invisible"].avatar-1YsFQ1 { + /* --user-status-background: linear-gradient(#747F8D 2px, #747F8D50 2px, #747F8D10 0%, transparent 88%); */ + --user-status-background: linear-gradient(#747F8D 1px, rgba(116,127,141,0.1) 2px, rgba(116,127,141,0) 60%, transparent 88%); + border: 3px solid #747F8D; +} +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .header-1_vWwx [aria-label*="mobile" i].avatar-1YsFQ1 { + border-top: 3px solid #43B581; + border-left: 3px solid #43B581; border-right: 0px solid transparent; border-bottom: 0px solid transparent; } + /* User Profile Modal: Online Status Colored Header */ -.root-8LYsGj .topSection-13QKHs .banner-1YaD3N+.header-S26rhB .wrapper-1VLyxH::before { +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .header-1_vWwx .wrapper-3Un6-K::before, +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .header-1_vWwx .wrapper-3Un6-K::before { content: ''; background: var(--user-status-background); position: fixed; - margin-top: 72px; + margin-top: 62.5px; left: 0px; width: 100%; height: 110px; pointer-events: none; } /* User Profile Modal: Custom User Background */ -.root-8LYsGj .topSection-13QKHs .header-S26rhB .wrapper-1VLyxH::after { +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .header-1_vWwx .wrapper-3Un6-K::after { content: ''; background: var(--user-background) top/cover no-repeat; -webkit-mask-image: linear-gradient(#212121 184px, transparent); position: fixed; - margin-top: 74px; + margin-top: 64px; left: 0px; width: 100%; height: 100%; @@ -10015,149 +10694,136 @@ pointer-events: none; } /* User Profile Modal: Element Visibility Fix */ -.root-8LYsGj .header-S26rhB .nameTag-2Nlmsy, -.root-8LYsGj .header-S26rhB .profileBadges-9OJ14v, -.root-8LYsGj .header-S26rhB .relationshipButtons-3ByBpj, -.root-8LYsGj .topSection-13QKHs .customStatus-kFfkj5, -.root-8LYsGj .body-1Ukv50 .userInfoSection-3her-v, -.root-8LYsGj .body-1Ukv50 .listRow-2nO1T6 { +.root-1CAIjD .userProfileModalOuter-1FYL8T .topSection-1Khgkv .header-1_vWwx .mask-1y0tyc { + z-index: 1; +} +.root-1CAIjD .userProfileModalOuter-1FYL8T .container-1U-qVy .nameTag-2ysfG3, +.root-1CAIjD .userProfileModalOuter-1FYL8T .customStatus-3QV7IG, +.root-1CAIjD .userProfileModalOuter-1FYL8T .tabBarItem-3VvT2z, +.root-1CAIjD .userProfileModalOuter-1FYL8T .userInfoSection-1gptv0, +.root-1CAIjD .userProfileModalOuter-1FYL8T .listRow-Y5zoF8 { position: relative; z-index: 1; } +/*****************************************************************************************************/ + /* User Popout Profile: Hide Status Circle */ -.userPopout-2j1gM4 .wrapper-1VLyxH rect { +.userPopoutOuter-3AVBmJ .wrapper-3Un6-K rect { display: none; } -.userPopout-2j1gM4 .wrapper-1VLyxH rect[mask*="url(#svg-mask-status-online-mobile)"] { +.userPopoutOuter-3AVBmJ .wrapper-3Un6-K rect[mask*="url(#svg-mask-status-online-mobile)"] { display: block; } -.userPopout-2j1gM4 foreignObject[mask="url(#svg-mask-avatar-status-round-80)"] { +.userPopoutOuter-3AVBmJ foreignObject[mask="url(#svg-mask-avatar-status-round-80)"] { mask: none; border-radius: 50%; } -.userPopout-2j1gM4 .avatarWrapper-eenWra .avatarHint-k7pYop { +.userPopoutOuter-3AVBmJ .avatarWrapper-3y0KZ1 .avatarHint-2g3Mcd { border-radius: 50%; } /* User Popout Profile: Online Status Border/Header Color */ -.userPopout-2j1gM4 [aria-label*="Online"].avatar-2Vndt_ { - --user-status-background: linear-gradient(#43B581 1px, #43B58150 2px, #43B58110 50%, transparent 75%); +.userPopoutOuter-3AVBmJ .avatarWrapper-3y0KZ1 .avatarHint-2g3Mcd { + top: 2px; + left: 2px; +} +.userPopoutOuter-3AVBmJ .avatarWrapper-3y0KZ1 .wrapper-3Un6-K[aria-label*="Online"] { + /* --user-status-background: linear-gradient(#43B581 1px, #43B58150 2px, #43B58110 0%, transparent 75%); */ + --user-status-background: linear-gradient(#43B581 1px, rgba(67,181,121,0.15) 2px, rgba(67,181,121,0) 80%, transparent 75%); border: 2px solid #43B581; } -.userPopout-2j1gM4 [aria-label*="Idle"].avatar-2Vndt_ { - --user-status-background: linear-gradient(#FAA61A 1px, #FAA61A50 2px, #FAA61A10 50%, transparent 75%); +.userPopoutOuter-3AVBmJ .avatarWrapper-3y0KZ1 .wrapper-3Un6-K[aria-label*="Idle"] { + /* --user-status-background: linear-gradient(#FAA61A 1px, #FAA61A50 2px, #FAA61A10 0%, transparent 75%); */ + --user-status-background: linear-gradient(#FAA61A 1px, rgba(250,166,26,0.15) 2px, rgba(250,166,26,0) 80%, transparent 75%); border: 2px solid #FAA61A; } -.userPopout-2j1gM4 [aria-label*="Do Not Disturb" i].avatar-2Vndt_ { - --user-status-background: linear-gradient(#F04747 1px, #F0474750 2px, #F0474710 50%, transparent 75%); +.userPopoutOuter-3AVBmJ .avatarWrapper-3y0KZ1 .wrapper-3Un6-K[aria-label*="Do Not Disturb" i] { + /* --user-status-background: linear-gradient(#F04747 1px, #F0474750 2px, #F0474710 0%, transparent 75%); */ + --user-status-background: linear-gradient(#F04747 1px, rgba(240,71,71,0.15) 2px, rgba(240,71,71,0) 80%, transparent 75%); border: 2px solid #F04747; } -.userPopout-2j1gM4 [aria-label*="Streaming"].avatar-2Vndt_ { - --user-status-background: linear-gradient(#593695 1px, #59369550 2px, #59369510 50%, transparent 75%); +.userPopoutOuter-3AVBmJ .avatarWrapper-3y0KZ1 .wrapper-3Un6-K[aria-label*="Streaming"] { + /* --user-status-background: linear-gradient(#593695 1px, #59369550 2px, #59369510 0%, transparent 75%); */ + --user-status-background: linear-gradient(#593695 1px, rgba(89,54,149,0.15) 2px, rgba(89,54,149,0) 80%, transparent 75%); border: 2px solid #593695; } -.userPopout-2j1gM4 [aria-label*="Offline"].avatar-2Vndt_, -.userPopout-2j1gM4 [aria-label*="Invisible"].avatar-2Vndt_ { - --user-status-background: linear-gradient(#747F8D 1px, #747F8D50 2px, #747F8D10 50%, transparent 75%); +.userPopoutOuter-3AVBmJ .avatarWrapper-3y0KZ1 .wrapper-3Un6-K[aria-label*="Offline"], +.userPopoutOuter-3AVBmJ .avatarWrapper-3y0KZ1 .wrapper-3Un6-K[aria-label*="Invisible"] { + /* --user-status-background: linear-gradient(#747F8D 1px, #747F8D50 2px, #747F8D10 0%, transparent 75%); */ + --user-status-background: linear-gradient(#747F8D 1px, rgba(116,127,141,0.1) 2px, rgba(116,127,141,0) 80%, transparent 75%); border: 2px solid #747F8D; } -.userPopout-2j1gM4 [aria-label*="mobile"].avatar-2Vndt_ { +.userPopoutOuter-3AVBmJ .avatarWrapper-3y0KZ1 .wrapper-3Un6-K[aria-label*="mobile" i] { border-top: 2px solid #43B581; border-left: 2px solid #43B581; border-right: 0px solid transparent; border-bottom: 0px solid transparent; } -.userPopout-2j1gM4 .avatarHoverTarget-1zzfRL+.avatarHint-k7pYop { - top: 2px; - left: 2px; +/* User Popout Profile: Status Change/First Load Fix */ +.userPopoutOuter-3AVBmJ .avatarWrapper-3y0KZ1 .wrapper-3Un6-K[aria-label*="Online"] .avatar-31d8He, +.userPopoutOuter-3AVBmJ .avatarWrapper-3y0KZ1 .wrapper-3Un6-K[aria-label*="Idle"] .avatar-31d8He, +.userPopoutOuter-3AVBmJ .avatarWrapper-3y0KZ1 .wrapper-3Un6-K[aria-label*="Do Not Disturb" i] .avatar-31d8He, +.userPopoutOuter-3AVBmJ .avatarWrapper-3y0KZ1 .wrapper-3Un6-K[aria-label*="Streaming"] .avatar-31d8He, +.userPopoutOuter-3AVBmJ .avatarWrapper-3y0KZ1 .wrapper-3Un6-K[aria-label*="Offline"] .avatar-31d8He { + z-index: 1; + border-radius: 50%; +} +.userPopoutOuter-3AVBmJ .avatarWrapper-3y0KZ1 .wrapper-3Un6-K[aria-label*="Online via Mobile" i] .avatar-31d8He { + z-index: -1; +} +/* User Popout Profile: Avatar Background Fill */ +.userPopoutOuter-3AVBmJ .avatarWrapper-3y0KZ1 .wrapper-3Un6-K[aria-label*="Online"] svg foreignObject, +.userPopoutOuter-3AVBmJ .avatarWrapper-3y0KZ1 .wrapper-3Un6-K[aria-label*="Idle"] svg foreignObject, +.userPopoutOuter-3AVBmJ .avatarWrapper-3y0KZ1 .wrapper-3Un6-K[aria-label*="Do Not Disturb" i] svg foreignObject, +.userPopoutOuter-3AVBmJ .avatarWrapper-3y0KZ1 .wrapper-3Un6-K[aria-label*="Streaming"] svg foreignObject, +.userPopoutOuter-3AVBmJ .avatarWrapper-3y0KZ1 .wrapper-3Un6-K[aria-label*="Offline"] svg foreignObject, +.userPopoutOuter-3AVBmJ .avatarWrapper-3y0KZ1 .wrapper-3Un6-K[aria-label*="Invisible"] svg foreignObject, +.userPopoutOuter-3AVBmJ .avatarWrapper-3y0KZ1 .wrapper-3Un6-K[aria-label*="mobile" i] svg foreignObject { + background: var(--profile-avatar-border-color); + border-radius: 50%; } /* User Popout Profile: Custom Background */ -.userPopout-2j1gM4 .avatarPositionNormal-2jWoC2 .wrapper-1VLyxH::before, -.userPopout-2j1gM4 .avatarPositionPremium-1zPBq9 .wrapper-1VLyxH::before { +.userPopoutOuter-3AVBmJ .userProfileInner-3F03PX .wrapper-3Un6-K::before { content: ''; background: var(--user-status-background) center/cover no-repeat; - position: fixed; + position: absolute; height: 76px; - width: 100%; - left: 0px; - top: 60px; + width: var(--User-Popout-Width); + left: -12px; + top: 50px; pointer-events: none; z-index: 2; } -.userPopout-2j1gM4 .avatarPositionNormal-2jWoC2 .wrapper-1VLyxH::after, -.userPopout-2j1gM4 .avatarPositionPremium-1zPBq9 .wrapper-1VLyxH::after { +.userPopoutOuter-3AVBmJ .userProfileInner-3F03PX .wrapper-3Un6-K::after { content: ''; background: var(--user-background) center/cover no-repeat; -webkit-mask-image: linear-gradient(#161616 0%, transparent 100%); - position: fixed; - height: 80%; - width: 100%; + position: absolute; + height: 310%; + width: var(--User-Popout-Width); filter: brightness(0.55) contrast(0.9) grayscale(0.35); - left: 0px; - top: 60px; + left: -12px; + top: 51px; pointer-events: none; z-index: 1; } -.userPopout-2j1gM4 .avatarPositionPremium-1zPBq9 .wrapper-1VLyxH::before, -.userPopout-2j1gM4 .avatarPositionPremium-1zPBq9 .wrapper-1VLyxH::after { - top: 120px; -} -.userPopout-2j1gM4 .mask-1FEkla, -.userPopout-2j1gM4 .avatarHint-k7pYop, -.userPopout-2j1gM4 .profileBadges-2pItdR, -.userPopout-2j1gM4 .date-YN6TCS { +.userPopoutOuter-3AVBmJ .avatarWrapper-3y0KZ1, +.userPopoutOuter-3AVBmJ .mask-1y0tyc, +.userPopoutOuter-3AVBmJ .avatarHint-2g3Mcd, +.userPopoutOuter-3AVBmJ .date-YN6TCS, +.userPopoutOuter-3AVBmJ .menu-2TXYjN { z-index: 4; } -.userPopout-2j1gM4 .headerText-1-WmDq, -.userPopout-2j1gM4 .bodyInnerWrapper-2bQs1k, -.userPopout-2j1gM4 .customStatus-3XAoF9, -.userPopout-2j1gM4 .userInfoSection-3her-v, -.userPopout-2j1gM4 .footer-3naVBw { +.userPopoutOuter-3AVBmJ .userText-148fun, +.userPopoutOuter-3AVBmJ .copyIcon-3HI-E4, +.userPopoutOuter-3AVBmJ .title-1r9MQ6, +.userPopoutOuter-3AVBmJ .memberSinceContainer-3biwiY, +.userPopoutOuter-3AVBmJ .customStatus-3Bvsdb, +.userPopoutOuter-3AVBmJ .activity-E0U09Y, +.userPopoutOuter-3AVBmJ .markup-eYLPri, +.userPopoutOuter-3AVBmJ .roles-3zC7MX { position: relative; - z-index: 3; -} - -/***********************************************************************************************/ - -/* StatusEverywhere Status Color Fix */ -.container-2o3qEW .avatar-6qzftW [fill="#3BA55D"], -.StatusEverywhere-avatar-chatAvatar [fill="#3BA55D"], -.userPopout-2j1gM4 [mask="url(#svg-mask-status-online-mobile)"], -.root-8LYsGj [mask="url(#svg-mask-status-online-mobile)"] { - fill: #43B581; -} - -/* StatusEverywhere User Profile Modal: Mobile Status Avatar Border Fix */ -.root-8LYsGj .topSection-13QKHs .header-S26rhB [data-status="online"][data-mobile="true"] .avatar-3QF_VA { - --user-status-background: linear-gradient(#43B581 2px, #43B58150 2px, #43B58110 50%, transparent 88%); - border: 2px solid #43B581; - border-right: 0px solid transparent; - border-bottom: 0px solid transparent; -} -.root-8LYsGj .topSection-13QKHs .header-S26rhB [data-status="online"][data-mobile="true"] .avatar-3QF_VA:hover { - border: 2px solid #43B581; -} -/* StatusEverywhere User Profile Modal Fix */ -.root-8LYsGj .topSection-13QKHs .header-S26rhB [data-status="online"][data-mobile="false"] .avatar-3QF_VA { - --user-status-background: linear-gradient(#43B581 2px, #43B58150 2px, #43B58110 50%, transparent 88%); - border: 2px solid #43B581; -} -.root-8LYsGj .topSection-13QKHs .header-S26rhB [data-status="idle"] .avatar-3QF_VA { - --user-status-background: linear-gradient(#FAA61A 2px, #FAA61A50 2px, #FAA61A10 50%, transparent 88%); - border: 2px solid #FAA61A; -} -.root-8LYsGj .topSection-13QKHs .header-S26rhB [data-status="dnd"] .avatar-3QF_VA { - --user-status-background: linear-gradient(#F04747 2px, #F0474750 2px, #F0474710 50%, transparent 88%); - border: 2px solid #F04747; -} -.root-8LYsGj .topSection-13QKHs .header-S26rhB [data-status="streaming"] .avatar-3QF_VA { - --user-status-background: linear-gradient(#593695 2px, #59369550 2px, #59369510 50%, transparent 88%); - border: 2px solid #593695; -} -.root-8LYsGj .topSection-13QKHs .header-S26rhB [data-status="offline"] .avatar-3QF_VA, -.root-8LYsGj .topSection-13QKHs .header-S26rhB [data-status="invisible"] .avatar-3QF_VA { - --user-status-background: linear-gradient(#747F8D 2px, #747F8D50 2px, #747F8D10 50%, transparent 88%); - border: 2px solid #747F8D; + z-index: 4; } /***********************************************************************************************/ @@ -10186,7 +10852,8 @@ body { /* Loading Spinner */ .inner-26JK4f, -.spinner-inner { +.spinner-inner, +.wanderingCubes-2A046F .item-2VgEex { filter: grayscale(1); } @@ -10199,14 +10866,17 @@ body { } /* Discord Login Box */ -.root-g14mjS .authBox-1HR6Ha { +.root-1CAIjD .authBox-1HR6Ha { background-color: #262626 !important; } -.root-g14mjS .navRow-dG-XX8 { +.root-1CAIjD .navRow-dG-XX8 { background-color: #191919 !important; } /* Windows Titlebar */ +.theme-dark.custom-theme-background .withBackgroundOverride-gzmZco { + background: var(--bg-overlay-1,#121212); +} .appMount-2yBXZl .bg-1QIAus { background-color: #121212; } @@ -10326,7 +10996,7 @@ body { } /* BetterDiscord Plugin/Theme Issue Modal */ -.bd-error-modal.root-g14mjS.medium-1ywRMv { +.bd-error-modal.root-1CAIjD.medium-1ywRMv { max-height: 100%; } .bd-addon-error { diff --git a/DiscordNight.theme.css b/DiscordNight.theme.css index f954081..d44fe5b 100644 --- a/DiscordNight.theme.css +++ b/DiscordNight.theme.css @@ -1,6 +1,6 @@ /** * @name DiscordNight - * @version 0.9.5.4 + * @version 0.9.5.5 * @description Dark and compact theme for BetterDiscord * @source https://github.com/KillYoy/DiscordNight/ * @donate https://www.paypal.me/KillYoy diff --git a/README.md b/README.md index 5bf18f9..2c2a2fe 100644 --- a/README.md +++ b/README.md @@ -32,49 +32,47 @@ DiscordNight has certain unique variables that can easily be modified to change ```css :root { - --User-List-Width: 200px; /* 200px, Discord default = 240px */ - - --User-Popout-Width: 236px; /* 236px, Discord default = 250px */ - - --Channel-List-Width: 196px; /* 196px, Discord default = 240px */ - --Channel-Invite-Edit-Buttons: none; /* flex = ON, none = OFF */ - --Channel-Category-Invite-Button: flex; /* flex = ON, none = OFF */ - --Channel-List-Active-Threads: flex; /* flex = ON, none = OFF */ - --Channel-List-Upcoming-Events: flex; /* flex = ON, none = OFF */ - --Channel-List-Boost-Goal: block; /* block = ON, none = OFF */ - - --Search-List-Width: 488px; /* 488px, Discord default = 418px */ - - --Inbox-List-Width: 522px; /* 522px, Discord default = 480px */ - - --Titlebar-Help-Icon: none; /* flex = ON, none = OFF */ - - --Emoji-Menu-Height: 618px; /* 618px or 498px, Discord default = 444px */ - - --Chatbox-Gift-Button: none; /* flex = ON, none = OFF */ - --Chatbox-GIF-Button: none; /* flex = ON, none = OFF */ - --Chatbox-Stickers-Button: none; /* flex = ON, none = OFF */ - - --Chat-Emoji-Size: 1.75rem; /* 1.75rem, Discord default = 1.375rem */ - --Chat-Emoji-Large-Size: 2rem; /* 2rem, Discord default = 3rem */ - --Chat-Sticker-Size: 5rem; /* 5rem, Discord default = 10rem */ - - --Chat-Wave-To-New-User-Button: flex; /* flex = ON, none = OFF */ - --Chat-Wave-To-New-DM-Button: flex; /* flex = ON, none = OFF */ - - --Voice-Noise-Suppression: none; /* flex = ON, none = OFF */ - - --Embed-Remove-Button: flex; /* flex = ON, none = OFF */ - - --Context-Menu-Emoji-Toolbar: none; /* flex = ON, none = OFF */ - - --Home-Store-Button: none; /* block = ON, none = OFF */ - --Home-Direct-Messages-Header: flex; /* flex = ON none = OFF */ - --Home-Close-DM-Button: block; /* block = ON, none = OFF */ + --Channel-Invite-Edit-Buttons: none; /* flex = ON, none = OFF */ + --Channel-Category-Invite-Button: flex; /* flex = ON, none = OFF */ + --Channel-List-Active-Threads: flex; /* flex = ON, none = OFF */ + --Channel-List-Upcoming-Events: flex; /* flex = ON, none = OFF */ + --Channel-List-Boost-Goal: block; /* block = ON, none = OFF */ + --Channel-List-Width: 200px; /* 200px, Discord default = 240px */ - --Friends-List-Searchbar: flex; /* flex = ON, none = OFF */ - - --Text-Channels-Capital-Letter: capitalize; /* capitalize, none */ + --User-List-Width: 200px; /* 200px, Discord default = 240px */ + --User-Popout-Width: 240px; /* 240px, Discord default = 300px */ + --User-Status-Popout-Width: var(--User-Popout-Width);/* 240px, Discord default = 300px */ + + --Search-List-Width: 488px; /* 488px, Discord default = 418px */ + --Inbox-List-Width: 522px; /* 522px, Discord default = 480px */ + + --Emoji-Menu-Height: 618px; /* 618px or 498px, Discord default = 444px */ + + --Chatbox-Gift-Button: none; /* flex = ON, none = OFF */ + --Chatbox-GIF-Button: none; /* flex = ON, none = OFF */ + --Chatbox-Stickers-Button: none; /* flex = ON, none = OFF */ + + --Chat-Emoji-Size: 1.75rem; /* 1.75rem, Discord default = 1.375rem */ + --Chat-Emoji-Large-Size: 2rem; /* 2rem, Discord default = 3rem */ + --Chat-Sticker-Size: 5rem; /* 5rem, Discord default = 10rem */ + --Chat-Wave-To-New-User-Button: flex; /* flex = ON, none = OFF */ + --Chat-Wave-To-New-DM-Button: flex; /* flex = ON, none = OFF */ + + --Text-Channels-Capital-Letter: capitalize; /* capitalize, none */ + + --Voice-Noise-Suppression: none; /* flex = ON, none = OFF */ + --Start-Activities-Button: flex; /* flex = ON, none = OFF */ + + --Embed-Remove-Button: flex; /* flex = ON, none = OFF */ + + --Context-Menu-Emoji-Toolbar: none; /* flex = ON, none = OFF */ + + --Home-Store-Button: none; /* block = ON, none = OFF */ + --Home-Direct-Messages-Header: flex; /* flex = ON, none = OFF */ + --Home-Close-DM-Button: block; /* block = ON, none = OFF */ + --Friends-List-Searchbar: none; /* flex = ON, none = OFF */ + + --Titlebar-Help-Icon: none; /* flex = ON, none = OFF */ } ```