From 1a1a222d1892a9e92984398cc285ec2a086c2da4 Mon Sep 17 00:00:00 2001 From: orblazer Date: Wed, 19 Jun 2024 19:25:48 +0200 Subject: [PATCH] fix: update to last discord version --- src/styles/discover.scss | 15 +- src/styles/global.scss | 196 +++++++++--------- .../plugins/better-discord/settings.scss | 8 +- .../plugins/better-discord/staff-tag.scss | 4 +- src/styles/server/_general.scss | 108 ++++++---- src/styles/server/app-directory.scss | 15 +- src/styles/server/boost.scss | 33 +-- src/styles/server/channel/announcement.scss | 4 +- src/styles/server/channel/channels-roles.scss | 56 ++++- src/styles/server/channel/forum.scss | 83 ++++---- src/styles/server/channel/members.scss | 10 +- src/styles/server/channel/stage.scss | 10 +- src/styles/server/channel/text.scss | 29 +-- src/styles/server/channel/voice.scss | 20 +- src/styles/server/notification-settings.scss | 6 +- src/styles/server/settings/_menu.scss | 6 +- src/styles/server/settings/community.scss | 24 +-- src/styles/server/settings/general.scss | 20 +- src/styles/server/settings/moderation.scss | 27 ++- src/styles/server/settings/monetization.scss | 6 +- src/styles/sidebar-left.scss | 93 ++++----- src/styles/user/_general.scss | 16 ++ src/styles/user/_imports.scss | 2 +- src/styles/user/dm-channel.scss | 15 +- src/styles/user/profile.scss | 22 +- src/styles/user/settings/_imports.scss | 1 + src/styles/user/settings/_menu.scss | 7 +- src/styles/user/settings/activity.scss | 21 +- src/styles/user/settings/app_settings.scss | 20 ++ src/styles/user/settings/general.scss | 24 +-- src/styles/user/settings/payment.scss | 33 +-- src/styles/user/shop.scss | 3 - src/styles/web.scss | 63 +----- 33 files changed, 529 insertions(+), 471 deletions(-) create mode 100644 src/styles/user/_general.scss create mode 100644 src/styles/user/settings/app_settings.scss delete mode 100644 src/styles/user/shop.scss diff --git a/src/styles/discover.scss b/src/styles/discover.scss index 9baee3b..d01200c 100644 --- a/src/styles/discover.scss +++ b/src/styles/discover.scss @@ -1,8 +1,8 @@ -.pageWrapper_c182d3 { +/* .pageWrapper_c182d3 { background-color: var(--background-primary) !important; -} -.card__86773, -.iconMask__4092e { +} */ +.card_eb1ca6, +.iconMask_eb1ca6 { background-color: var(--background-secondary) !important; &:hover { @@ -10,10 +10,15 @@ } } -.footerImage__2c3fd[src='/assets/679d8a1ef4bba5d92f03.svg'] { +.footerImage_a3a4ce[src='/assets/826b6a84605f7eb8a469.svg'] { content: url(svg('discover/discover.svg')); } +/* Server badge (partner, house and verified) */ +.guildBadge_eb1ca6 .icon_db1980 { + color: var(--black-500); +} + /* * > student hub */ diff --git a/src/styles/global.scss b/src/styles/global.scss index 135fa94..c310129 100644 --- a/src/styles/global.scss +++ b/src/styles/global.scss @@ -2,50 +2,66 @@ background-color: hsl(var(--blue-345-hsl) / 0.25); } -@if is_uniform() { - .members__573eb, /* DM group/Server > members sidebar */ - .profilePanel_e2cafe /* DM > member sidebar */ { - border-left: 1px solid var(--background-secondary-alt); - } +/* fix weird border radius on preview and streamer bar */ +.notice_dd5a33, +.colorStreamerMode_be03aa { + border-radius: 0; } /* * Preview mode bar (join server via discover) * + View server as role */ -.notice__99c03 { - & > .lookOutlined__014b5.colorWhite__0033e, - & > .header__8f369 { +.notice_dd5a33 { + & > .lookOutlined_dd4f85.colorWhite_dd4f85, + & > .header_dd5a33 { color: var(--black-500); } - & > .lookOutlined__014b5.colorWhite__0033e { + & > .lookOutlined_dd4f85.colorWhite_dd4f85 { border-color: currentColor; } } +/* + * Streamer mode enabled bar + */ +.colorStreamerMode_be03aa { + color: var(--black-500); + + .button_be03aa { + border-color: currentColor !important; + } + .button_be03aa:not(:hover) { + color: currentColor !important; + } + .button_be03aa:hover { + background-color: currentColor !important; + } +} + /* * Settings switch */ -.slider__41d94 rect[fill='white'] { +.slider_cebd1c rect[fill='white'] { fill: var(--white-500); } -.container__2ed72[style*='background-color: rgb(#{$green-360-rgb})'] { +.container_cebd1c[style*='background-color: rgb(#{$green-360-rgb})'] { background-color: var(--green-560) !important; } -.slider__41d94 path[fill^='rgba(#{$green-360-rgb}'] { +.slider_cebd1c path[fill^='rgba(#{$green-360-rgb}'] { fill: var(--green-760); } -.container__2ed72[style*='background-color: rgb(#{$primary-400-rgb})'] { +.container_cebd1c[style*='background-color: rgb(#{$primary-400-rgb})'] { @if is_uniform() { background-color: var(--primary-460) !important; } @else { background-color: var(--primary-500) !important; } } -.slider__41d94 path[fill^='rgba(#{$primary-400-rgb}'] { +.slider_cebd1c path[fill^='rgba(#{$primary-400-rgb}'] { @if is_uniform() { fill: var(--primary-460); } @else { @@ -54,56 +70,65 @@ } /* - * Settings square checkbox + * Settings square checkbox + some circle checked icon */ -.checkbox_fcf2ad[style*='background-color: var(--brand-500)'] +.checkbox_f6cde8[style*='background-color: var(--brand-500)'], +.checkboxSelected_b97e9a /* (poll checkbox) */ { path[fill='var(--white-500)'] { - fill: var(--black-500); + fill: var(--black-500); + } } /* * Button with brand background */ -.lookFilled__950dd.colorBrand__27d57:not(.button_b82d53), /** User settings (button_b82d53 = voice buttons) + actions button */ -.lookOutlined__014b5.colorBrand__27d57:hover, /** User settings > privacy & safety */ -.lookFilled__950dd.colorBrandNew__8872c, /** user settings > Accessibility (preview btn) */ -.categoryItem__0608f.selectedCategoryItem__3e361, /** Discover */ -.focused_a7ad64 .userMenuUsername_d2fe10 .userMenuText_b1842d, /* Profile Popup > status > switch account (hover) */ -.colorBrand__27d57 .defaultColor__30336 /* server settings > onboarding > check it out ("Set up Welcome Sign" btn) + server > voice channel ("choose an activity" btn) */ { +.lookFilled_dd4f85.colorBrand_dd4f85:not(.button_adcaac), /** User settings (button_adcaac = voice buttons) + actions button */ +.lookOutlined_dd4f85.colorBrand_dd4f85:hover, /** User settings > privacy & safety */ +.categoryItem_c72b37.selectedCategoryItem_c72b37, /** Discover */ +.focused_e1268c .userMenuUsername_e1268c .userMenuText_e1268c, +.focused_e1268c .userMenuUsername_e1268c .userMenuDiscriminator_e1268c, /* Profile Popup > status > switch account (hover) */ +.colorBrand_dd4f85 .defaultColor__30336 /* server settings > onboarding > check it out ("Set up Welcome Sign" btn) + server > voice channel ("choose an activity" btn) */ { color: var(--black-500); } -.activeButton__70b70, /* text channel > search result (pagination) */ -.colorBrand__27d57 .button__3e450[style*='color: rgb(#{$white-500-rgb})'] /* server settings > onboarding > check it out (next btn) */ { +.activeButton_b48941, /* text channel > search result (pagination) */ +.colorBrand_dd4f85 .button__3e450[style*='color: rgb(#{$white-500-rgb})'] /* server settings > onboarding > check it out (next btn) */ { + // TODO color: var(--black-500) !important; } /* * Button with green background */ -.lookFilled__950dd.colorGreen__75c93, /** user settings > profiles + actions button */ -.button_b82d53.buttonColor__7bad9.buttonActive_ae686f, /** sidebar (connected to voice channel) > share your screen (active) */ -.allow_bbc621.selected__5faae /** server > channel/category settings > permissions (allow) */ { +.lookFilled_dd4f85.colorGreen_dd4f85, /** user settings > profiles + actions button */ +.button_adcaac .buttonColor_adcaac.buttonActive_adcaac, +.button_adcaac.buttonColor_adcaac.buttonActive_adcaac, /** sidebar (connected to voice channel) > share your screen (active) */ +.allow_e3c4bb.selected_e3c4bb /** server > channel/category settings > permissions (allow) */ { color: var(--black-500); } +.tooltipGreen_b6c360, /* ping (when over badge) */ +.tooltipBrand_b6c360 /* voice emoji (when over bottom emoji) */ { + color: var(--black-500) !important; +} + /* * Dropdown menus */ -.colorDefault_e361cf .check__8d1bd /** checkbox */ { +.colorDefault_d90b3d .check_d90b3d /** checkbox */ { color: var(--black-500); } /** hover state */ -.colorDefault_e361cf.focused_dcafb9:not(.colorDanger__08c25):not( - .menuItemFocused__7beab +.colorDefault_d90b3d.focused_d90b3d:not(.colorDanger_d90b3d):not( + .focused_e1268c ) { - /** + user popup (sidebar left) > switch accounts (menuItem = user popup btns) */ + /** + user popup (sidebar left) > switch accounts (focused_e1268c = user popup btns) */ &, - .subtext__694e2, - .checkbox__378d3, - .radioSelection__41d1e, - .caret_ce50ce /* Right click (arrow icon) */ { + .subtext_d90b3d, + .checkbox_d90b3d, + .radioSelection_d90b3d, + .caret_d90b3d /* Right click (arrow icon) */ { color: var(--black-500); } @@ -115,59 +140,44 @@ /* * Circle checked icon */ -.activeIcon_b2fa28 circle[fill='var(--white-500)'], /** user popup (sidebar left) > switch accounts */ -.activeIcon_b2fa28 path[fill='var(--white-500)'], /** user popup (sidebar left) > switch accounts (hover) */ -.checkmarkCircle_b1b1cc circle[fill='var(--white-500)'], /** user settings > app settings > Appearance */ -.checkbox_fcf2ad[style*='background-color: rgb(#{$green-360-rgb})'] path[fill='var(--white-500)'], /** server > notification settings */ -.descriptionIcon__59591 circle[cx='12'][fill='var(--white-500)'], /** server settings > server template */ -.checklistIcon__50333 circle[fill='var(--white-500)'], /** server settings > enable community > get started (step 3) */ -.checkCircleCompleted__90309 circle[fill="#fff"], /* server settings > onboarding (green check mark) */ -.icon__7b48f circle[fill="var(--white-100)"], /* server settings > onboarding > channels (right check mark) */ -.checkIcon__3c055 path[fill="var(--white-500)"] /* server > Channel & Roles (selected role) */ { +.activeIcon_e1268c circle[fill='var(--white-500)'], /** user popup (sidebar left) > switch accounts */ +.activeIcon_e1268c path[fill='var(--white-500)'], /** user popup (sidebar left) > switch accounts (hover) */ +.checkmarkCircle_cb7c27 circle[fill='var(--white-500)'], /** user settings > app settings > Appearance */ +.checkbox_f6cde8[style*='background-color: rgb(#{$green-360-rgb})'] path[fill='var(--white-500)'], /** server > notification settings */ +.descriptionSection_c38f8d:first-child .descriptionIcon_c38f8d circle[fill='var(--white-500)'], /** server settings > server template */ +.checklistIcon_ccd405 circle[fill='var(--white-500)'], /** server settings > enable community > get started (step 3) */ +// .checkCircleCompleted__90309 circle[fill="#fff"], /* server settings > onboarding (green check mark) */ // TODO: useless ? +.icon_eff583 circle[fill="var(--white-100)"], /* server settings > onboarding > defaults channels (right check mark) */ +.checkIcon_bd5e1f path[fill="var(--white-500)"], /* server > Channel & Roles (selected role) */ +.answerSelectionIcon_cf2c85 circle[fill="var(--white-500)"] /* Text channel poll answers */ { fill: var(--black-500); } -.checkmark__0c21a, /** Server > text channel (empty and complete some tasks) */ -.checkmark__368b4, /** server settings > onboarding (also square checkbox) */ -.activeCircle__563e0 /** server settings > welcome screen */ { +.checkmark_f9902b, /** Server > text channel (empty and complete some tasks) */ +// .checkmark__368b4, /** server settings > onboarding (also square checkbox) */ // TODO: useless ? +.activeCircle_a1879c /** server settings > welcome screen */ { color: var(--black-500); } /* * What's new (popup) */ -.content__71cd4 a { +.content_ed23b8 a { color: var(--text-link); } -.fixed__61d41 { - color: var(--status-danger); - - &::after { - background-color: var(--status-danger); - } -} - -.theme-dark .improved_e02592 { - color: var(--brand-500); - - &::after { - background-color: var(--brand-500); - } -} - /* * Streamer mode enabled button */ -.streamerModeEnabledBtn_b696dd:hover { +.streamerModeEnabledBtn_c50c8b:hover { background-color: #a3759b; } /* * Search > filter (typed, eg. from, before) */ -.searchAnswer__2ccaf, -.searchFilter_dbda51 { +.searchAnswer_b0fa94, +.searchFilter_b0fa94 { @if is_uniform() { background-color: var(--background-secondary) !important; } @else { @@ -179,71 +189,71 @@ /* * Search > date picker */ -.calendarPicker__47c85 +.calendarPicker_be05cd { .react-datepicker__day.react-datepicker__day--keyboard-selected, -.calendarPicker__47c85 .react-datepicker__day.react-datepicker__day--selected:hover, -.calendarPicker__47c85 .react-datepicker__day:hover { - color: var(--black-500); + .react-datepicker__day:hover { + color: var(--black-500); + } } /* * Text/DM channel > drop file */ -.uploadDropModal_cfadae .inner__7afe9 { - .title__76592, - .title__76592 strong, - .instructions_e266ce { +.uploadDropModal_f82cc7 .inner_f82cc7 { + .title_f82cc7, + .title_f82cc7 strong, + .instructions_f82cc7 { color: var(--black-500); } } -.icon__4bc4d { - &.two_df01fc { +.icon_f82cc7 { + &.two_f82cc7 { filter: drop-shadow(0 0 48px hsla(var(--brand-500-hsl) / 0.5)); } - &.video_edf1b6 { + &.video_f82cc7 { background-image: url(svg('global/upload/video.svg')); } - &.acrobat__81c91 { + &.acrobat_f82cc7 { background-image: url(svg('global/upload/acrobat.svg')); } - &.ae__1760d { + &.ae_f82cc7 { background-image: url(svg('global/upload/ae.svg')); } - &.sketch_ad9b56 { + &.sketch_f82cc7 { background-image: url(svg('global/upload/sketch.svg')); } - &.ai_e6b437 { + &.ai_f82cc7 { background-image: url(svg('global/upload/ai.svg')); } - &.archive__37ca1 { + &.archive_f82cc7 { background-image: url(svg('global/upload/archive.svg')); } - &.code_e8fdeb { + &.code_f82cc7 { background-image: url(svg('global/upload/code.svg')); } - &.document__7e851 { + &.document_f82cc7 { background-image: url(svg('global/upload/document.svg')); } - &.ps__5148e, - &.photoshop__9a3e3 { + &.ps_f82cc7, + &.photoshop_f82cc7 { background-image: url(svg('global/upload/ps.svg')); } - &.spreadsheet__8517d { + &.spreadsheet_f82cc7 { background-image: url(svg('global/upload/spreadsheet.svg')); } - &.image_c29be6 { + &.image_f82cc7 { background-image: url(svg('global/upload/image.svg')); } - &.webcode_a69010 { + &.webcode_f82cc7 { background-image: url(svg('global/upload/webcode.svg')); } - &.audio__586e3 { + &.audio_f82cc7 { background-image: url(svg('global/upload/audio.svg')); } - &.unknown_d8ffbd { + &.unknown_f82cc7 { background-image: url(svg('global/upload/unknown.svg')); } } diff --git a/src/styles/plugins/better-discord/settings.scss b/src/styles/plugins/better-discord/settings.scss index 87b6561..8821a87 100644 --- a/src/styles/plugins/better-discord/settings.scss +++ b/src/styles/plugins/better-discord/settings.scss @@ -91,22 +91,22 @@ } // Switch -.container__2ed72[style*='background-color: #{$primary-400}'] { +.container_cebd1c[style*='background-color: #{$primary-400}'] { @if is_uniform() { background-color: var(--primary-460) !important; } @else { background-color: var(--primary-500) !important; } } -.container__2ed72[style*='background-color: #{$brand-500}'] { +.container_cebd1c[style*='background-color: #{$brand-500}'] { background-color: var(--green-560) !important; } -.slider__41d94 path[fill='#{$brand-500}'] { +.slider_cebd1c path[fill='#{$brand-500}'] { fill: var(--green-760); } // Checkbox -.checkbox_fcf2ad[style*='background-color: var(--brand-500)'] +.checkbox_f6cde8[style*='background-color: var(--brand-500)'] path[fill='#{$white-500}'] { fill: var(--black-500); } diff --git a/src/styles/plugins/better-discord/staff-tag.scss b/src/styles/plugins/better-discord/staff-tag.scss index 9494961..f7f05b3 100644 --- a/src/styles/plugins/better-discord/staff-tag.scss +++ b/src/styles/plugins/better-discord/staff-tag.scss @@ -1,7 +1,7 @@ -.ownerIcon_bd8e7d[class*='owner_'] { +.ownerIcon_a31c43[class*='owner_'] { color: var(--text-muted); } -.ownerIcon_bd8e7d[class*='management_'] { +.ownerIcon_a31c43[class*='management_'] { color: var(--orange-500); } diff --git a/src/styles/server/_general.scss b/src/styles/server/_general.scss index 97dfaad..a899cf7 100644 --- a/src/styles/server/_general.scss +++ b/src/styles/server/_general.scss @@ -1,24 +1,38 @@ +/** Members wrapper (this is for force full height on members list) **/ +.container_cbd271 .membersWrap_cbd271 { + flex-grow: 1; +} + /* - * "new" badge + * Voice channels limits */ -.newChannel__1bbcf, /* Sidebar left > new channel tag */ -.newBadge_e55d5e, /* Event (popup) */ -.title__97e53 .textBadge_f05120[style="background-color: var(--bg-brand);"], /* Event (popup) > Create new (step 2) */ -.titleBadge__9f72c, /* Browse Channels */ -.newBadge__27392 /* Channels & Roles > Customise*/ { - color: var(--brand-900); +@if is_uniform() { + .users_a5bc92 { + background-color: var(--background-secondary); + } +} @else { + .theme-light .users_a5bc92 { + background-color: var(--primary-100); + } } -/** Members wrapper (this is for force full height on members list) **/ -.container_f79ab4 .membersWrap__5ca6b { - flex-grow: 1; +/* + * "new" badge + */ +.newChannel_ecb303, /* Sidebar left > new channel tag */ +.newBadgeText_d6a475, /* Event (popup) */ +.title_a33974 .textBadge_df8943[style="background-color: var(--bg-brand);"], /* Event (popup) > Create new (step 2) */ +.newBadge_f1fd9c, /* Browse Channels (navbar) */ +.titleBadge_f04d06, /* Browse Channels */ +.newBadge_c6b11b /* Channels & Roles > Customise*/ { + color: var(--brand-900); } /* * Members list > items */ @if is_uniform() { - .member_aa4760 { + .member_a31c43 { background-color: transparent; } } @@ -26,14 +40,16 @@ /* * Server badge (partner, house and verified) */ -.flowerStarContainer__00f61 .childContainer__3a40c .icon__87f1f { - color: var(--black-500); +.flowerStarContainer_ff7d90 + .childContainer_ff7d90 + path[fill='var(--white-400)'] { + fill: var(--black-500); } /* * Events */ -.eventStatusContainer__591e7 path[fill='#{$brand-360-hex}'] /** (popup) > Create new (step 3) */ { +.eventStatusContainer_d6a475 path[fill='#{$brand-360-hex}'] /** (popup) > Create new (step 3) */ { fill: var(--brand-360); } @@ -42,52 +58,66 @@ * Server settings * Channel settings */ -.container__353bc[style*='background-color: rgb(#{$primary-800-rgb})'] { +.container_b6cd66[style*='background-color: rgb(#{$primary-800-rgb})'] { background-color: var(--background-floating) !important; } /* - * Popup "Invite People" + * New server settings popup */ -@if is_uniform() { - .theme-dark .inviteBannerUpsell_d4a58d { - background-color: var(--c-background-secondary-alt2); +.upsellTooltipWrapper_dafa63 { + .upsellTooltipHeader_dafa63, + .upsellTooltipText_dafa63 { + color: var(--black-500) !important; } } /* - * New server settings popup // TODO: find new classes + * "Emoji Picker" */ -.upsellTooltipWrapper__11dad { - .upsellTooltipHeader__85849, - .upsellTooltipText_e9359d { - color: var(--black-500) !important; +.badgeLabel_c3120f /* (label when over "popular" or "new") */ { + & > .newlyAddedBadgeIcon_c3120f, + & > .text-sm\/semibold_dc00ef[style*='color: white'] { + color: currentColor !important; } } -/* - * "Emoji Picker" > new emoji - */ -.newlyAddedHighlight__42344 { - border-color: var(--green-500); +@if is_uniform() { + .wrapper_ba23fe /* (sidebar) */ { + background-color: var(--background-secondary); + border-right: 1px solid hsl(var(--primary-900-hsl) / 0.2); + } } -.newlyAddedBadge__25dcf { - background-color: var(--green-500); + +.topGuildEmojiBadge_c3120f /* "popular" label (hover) */ { + background: linear-gradient( + 268.26deg, + var(--red-500) 0%, + var(--orange-500) 102.45% + ); + color: var(--black-900); } -.newlyAddedBadgeStar__02934, -.newlyAddedBadge__25dcf .text-xs-semibold__767f1[style*='color: white'], -/* (hover emoji) */ -.newlyAddedBadgeIcon__0fee2, -.newlyAddedBadge__8c824 .text-xs-semibold__767f1[style*='color: white'] { - color: var(--black-500) !important; +/* "new" emoji */ +.newlyAddedHighlight_fbfedd { + border-color: var(--green-500); } +.newlyAddedBadge_fbfedd { + background-color: var(--green-500); -/* (hover emoji) */ -.newlyAddedBadge__8c824 { + .newlyAddedBadgeStar_fbfedd, + .text-xs\/semibold_dc00ef[style*='color: white'] { + color: var(--black-500) !important; + } +} +.newlyAddedBadge_c3120f /* (hover) */ { background: linear-gradient( 268.26deg, var(--blue-330) 0%, var(--green-500) 102.45% ); } + +.upsellButton_a3bc57 /* "Get Nitro" btn */ { + color: var(--primary-660) !important; +} diff --git a/src/styles/server/app-directory.scss b/src/styles/server/app-directory.scss index d7e1f32..6ac1b44 100644 --- a/src/styles/server/app-directory.scss +++ b/src/styles/server/app-directory.scss @@ -1,24 +1,17 @@ /* * > [app] */ -.premiumIcon__2b16f[src='/assets/0a7531c7a7a37dc8ac1b.svg'] { +.premiumIcon_a1eac2[src='/assets/45485d7fb82075646f32.svg'] { content: url(svg('server/app-directory/dollar.svg')); } /* - * >> "premium" tab (subscribe btn) + * > [app] > "Add App" popup */ -.button_f9cb38 { - color: var(--primary-700) !important; -} - -/* - * > [app] > add to server - */ -.scopeIcon__68826 .icon_d5f2cc { +.scopeIcon_cf14a8 .icon_cf14a8 { color: var(--black-500); } -.headerSuccess__45334 { +.headerSuccess_e1a4cf { background-image: url(svg('server/app-directory/success.svg')); } diff --git a/src/styles/server/boost.scss b/src/styles/server/boost.scss index c584304..3bf2320 100644 --- a/src/styles/server/boost.scss +++ b/src/styles/server/boost.scss @@ -1,4 +1,4 @@ -.header_b9d0dd { +.header_a50853 { background: center 15%/90% auto url(svg('server/boost/sparks.svg')) no-repeat, linear-gradient( 359.37deg, @@ -14,46 +14,47 @@ var(--premium-tier-0-header-gradient-5) 91.4% ); - .heading__388a7, - .guildName__488eb { + .heading_a50853, + .guildName_cbe7a3 { color: var(--white-500) !important; } } -.guildBoostCountWrapper__98177 { +.guildBoostCountWrapper_cbe7a3 { color: var(--white-100); } -.guildBoostCtaBoostContent__2b1fb { +.guildBoostCtaBoostContent_cbe7a3 { color: var(--brand-800); } +.progressBarMarkerUnlocked_c29408 .boostedTierIcon_c29408 { + color: var(--black-500); +} + /* * >* Cards */ -.tierCardCurrentTier__633bb, /* ("curent" badge) + >* level up server */ -.recommendedTierHighlightTag_bac630 /* >* level up server ("recommended" badge) */ { +.tierCardCurrentTier_e3ebb9, /* ("curent" badge) + >* level up server */ +.recommendedTierHighlightTag_ebd3d3 /* >* level up server ("recommended" badge) */ { background: var(--guild-boosting-purple); color: var(--black-500) !important; } -.tierCardNewFeatureBadge__7b154 { +.tierCardNewFeatureBadge_e3ebb9 { background: var(--white-500); color: var(--black-500); } // Text -.tierCardBoostRequirement_b8c8fd { +.tierCardBoostRequirement_e3ebb9 { color: var(--primary-800) !important; } -.tierCardHeading__27545, -.tierCardListItem_cdf44a { +.tierCardHeading_e3ebb9, +.tierCardListItem_e3ebb9 { color: var(--primary-700) !important; } -.tierCardListIcon_f1ff24 { - circle[fill='white'], - rect[fill='white'] { - fill: currentColor; - } +.tierCardListIcon_e3ebb9 path[fill='var(--interactive-normal)'] { + fill: currentColor; } diff --git a/src/styles/server/channel/announcement.scss b/src/styles/server/channel/announcement.scss index 9d99da3..619bdaf 100644 --- a/src/styles/server/channel/announcement.scss +++ b/src/styles/server/channel/announcement.scss @@ -1,9 +1,9 @@ /* * > follow (popup when "follow" button clicked) */ -.theme-dark .header_ee0efd { +.theme-dark .header_a3e381 { background-image: url(svg('server/channel/announcement/follow-bg.svg')); } -.theme-light .header_ee0efd { +.theme-light .header_a3e381 { background-image: url(svg('server/channel/announcement/follow-bg-light.svg')); } diff --git a/src/styles/server/channel/channels-roles.scss b/src/styles/server/channel/channels-roles.scss index 57fead9..249c6d8 100644 --- a/src/styles/server/channel/channels-roles.scss +++ b/src/styles/server/channel/channels-roles.scss @@ -1,15 +1,15 @@ -.container__6b2e5, /* Browse channels */ -.header__71942, /* Channels & Roles (header bar) */ -.container__03ec9, /* Channels & Roles (tabs navigation) */ -.scrollerContainer_dda72c, /* Channels & Roles (content) */ -.emptyPage_feb902 /*! Discover > preview mode > Channels & Roles */ { +.container_c2efea, /* Browse channels */ +.header_f1fd9c, /* Channels & Roles (header bar) */ +.container_f1fd9c, /* Channels & Roles (tabs navigation) */ +.scrollerContainer_c6b11b, /* Channels & Roles (content) */ +.emptyPage_c6b11b /*! Discover > preview mode > Channels & Roles */ { @if is_uniform() { background-color: var(--background-primary) !important; } @else { background-color: var(--background-secondary-alt) !important; } } -.innerHeader_ccbd77:after /* Channels & Roles */ { +.innerHeader_f1fd9c:after /* Channels & Roles */ { background: linear-gradient( 180deg, rgba(var(--background-primary-rgb), 0) 0, @@ -22,20 +22,56 @@ ) !important; } +@if is_uniform() { + .tabBar_f1fd9c { + border-bottom-color: var(--background-secondary-alt); + } +} + +/* + * > Customise + */ +@if is_uniform() { + .prompt_c6b11b, + .profileCard_c6b11b { + background-color: var(--background-secondary); + } + + .theme-dark .optionButtonWrapper_bd5e1f:not(.selected_bd5e1f) { + border-color: var(--interactive-muted); + + &:hover { + border-color: var(--interactive-normal); + } + } + + .role_c6b11b { + background-color: var(--background-secondary-alt); + } +} @else { + .theme-dark .optionButtonWrapper_bd5e1f:not(.selected_bd5e1f) { + border-color: var(--primary-460); + + &:hover { + border-color: var(--interactive-normal); + } + } +} + /* * > Browse Channels */ @if is_uniform() { - .channelRow__538ef { + .channelRow_f04d06 { background-color: var(--background-secondary); - .lookOutlined__014b5.colorPrimary_ebe632 { + .lookOutlined_dd4f85.colorPrimary_dd4f85 { border-color: var(--c-background-secondary-alt2); } } } -.channelRow__538ef:hover:not(.disabled__556e5) { +.channelRow_f04d06:hover:not(.disabled__556e5) { @if is_uniform() { background-color: var(--background-secondary-alt); } @else { @@ -46,7 +82,7 @@ /* * > Empty page */ -.emptyIcon__99e5c { +.emptyIcon_c6b11b { path[fill='#58F287'] { fill: var(--green-500); } diff --git a/src/styles/server/channel/forum.scss b/src/styles/server/channel/forum.scss index 72dfeb9..0472be4 100644 --- a/src/styles/server/channel/forum.scss +++ b/src/styles/server/channel/forum.scss @@ -1,44 +1,39 @@ -.botTagOP_fd6360, -.newBadge_b7f5a5[style*='background-color: var(--brand-260)'], /* (list view) */ -.newBadge__40645[style*='background-color: var(--brand-260)'] /* (gallery view) */ { +.botTagOP_a02df3, +.newBadge_d331f1[style*='background-color: var(--brand-260)'], /* (list view) */ +.newBadge_a57509[style*='background-color: var(--brand-260)'] /* (gallery view) */ { color: var(--brand-900); } @if is_uniform() { - .mainCard__0ec2c { - background-color: var(--background-secondary); + .mainCard_a6d69a { + background-color: var(--background-secondary) !important; } - - .increasedActivityDotIcon_feef86 { - color: var(--background-primary); +} @else { + .mainCard_a6d69a { + background-color: var(--background-primary) !important; } } -/* - * Moderator guide - */ -.theme-dark .separator_ff8dd4 { - background-color: var(--primary-500); -} - /* * Get started */ @if is_uniform() { - .container__50cdd { + .container_a039eb, + .container_a03b48 /* + first conversation */ { background-color: var(--background-secondary); } - .stepContainer_f61e92 { + .stepContainer_a039eb { background-color: var(--background-primary); } } -.stepStatus__6954b[style*='background-color: var(--status-positive-background)'], -.discordIcon__0c525 { +.stepStatus_a039eb[style*='background-color: var(--status-positive-background)'], +.discordIcon_ad4d4c { color: var(--black-500); } -.stars_c83456 { +.stars_a03b48, +.emptyStateStars_b767ed /* + empty forum */ { path[fill='#ADF3FF'] { fill: var(--nord-cyan); } @@ -47,14 +42,14 @@ } } -.inline__56a7e img[src='/assets/da4a237cced3fc35e9fb.svg'] { +.inline_ad4d4c img[src='/assets/db8dd898bbfa31caea78.svg'] { content: url(svg('server/channel/forum/guide.svg')); } /* * Matching post ("Search or create a post") */ -.theme-dark .matchingPostsRow__6cdb0 { +.theme-dark .matchingPostsRow_a6d69a { @if is_uniform() { background-color: var(--background-secondary-alt); } @else { @@ -65,34 +60,42 @@ /* * > filter */ -.countText__90ea0, -.countText_d1ee8c /** Dropdown menu */ { +.countText_a6d69a, +.countText_ae4f46 /** Dropdown menu */ { color: var(--black-500); } /* * Post */ -.pinIcon_a93f74 path[fill='white'], /* (list view) */ -.pinIcon__39b6e path[fill='white'] /* (gallery view) */ { +@if is_uniform() == false { + .contentPreview_a57509 { + background-color: var(--background-secondary); + } + .theme-dark .textContentFooter_a57509 { + background: linear-gradient( + to top, + hsl(var(--primary-630-hsl) / 1), + hsl(var(--primary-630-hsl) / 0.97) 36px, + hsl(var(--primary-630-hsl) / 0.4) + ); + } + .theme-dark .textContentFooter_a57509.noTags_a57509 { + background: linear-gradient( + to top, + hsl(var(--primary-630-hsl) / 1), + hsl(var(--primary-630-hsl) / 0) + ); + } +} + +.pinIcon_f451cd path[fill='white'], /* (list view) */ +.pinIcon_f451cd path[fill='white'] /* (gallery view) */ { fill: var(--black-500); } @if is_uniform() { - .increasedActivityMainCard_e53744, /* (list view) */ - .replies__1b03e:hover /* conversation line */ { + .mainCard_a6d69a .reaction_f61c73 { background-color: var(--background-secondary); } - - .replies__1b03e, - .container__5130c .addReactButton_c67c5a, /* (list view) */ - .reaction_ef7e09, /* (grid view) */ - .defaultReaction_cda082, .reaction_a0e18f /* (list view) */ { - background-color: var(--background-primary); - } -} @else { - .theme-dark .contentPreview__122fc, - .theme-dark .optionButtonWrapper_c86844:not(:hover):not(.selected__31118) /*! Channels & Roles > Customise */ { - background-color: var(--primary-500); - } } diff --git a/src/styles/server/channel/members.scss b/src/styles/server/channel/members.scss index 3c780da..b932d09 100644 --- a/src/styles/server/channel/members.scss +++ b/src/styles/server/channel/members.scss @@ -1,18 +1,18 @@ @if is_uniform() { - .mainTableContainer__37b54 { + .mainTableContainer_e23072 { background-color: var(--background-secondary); } - .table_c0e94f, - .paginationContainer_b8c933 { + .table_aabef9, + .paginationContainer_cb152b { border-top-color: var(--background-secondary-alt); } - .memberRowContainer__8a95f td:after { + .memberRowContainer_a39fe9 td:after { background: var(--background-primary); } - .memberRowContainer__8a95f:hover td { + .memberRowContainer_a39fe9:hover td { background-color: var(--background-secondary-alt); } } diff --git a/src/styles/server/channel/stage.scss b/src/styles/server/channel/stage.scss index 1f84578..17ae65d 100644 --- a/src/styles/server/channel/stage.scss +++ b/src/styles/server/channel/stage.scss @@ -1,21 +1,21 @@ /* * (Waiting for the stage start) */ -.icon_cad888[style*='background-color: var(--green-360)'], -.icon_cad888[style*='background-color: var(--brand-500)'] { +.icon_dc3fc4[style*='background-color: var(--green-360)'], +.icon_dc3fc4[style*='background-color: var(--brand-500)'] { color: var(--black-500); } -.sparkleIcon_f97bad[src='/assets/f92a8b5812e2da52a179.svg'] { +.sparkleIcon_c5e69b[src='/assets/9d5696b9d1f0b77fd074.svg'] /* ! "Events" popup */ { content: url(svg('server/channel/stage/star.svg')); } -.sparkleIcon_f97bad[src='/assets/51063f34b3960c1d5da8.svg'] { +.sparkleIcon_c5e69b[src='/assets/8447e4e321cc04bd6a4c.svg'] /* ! "Events" popup */ { content: url(svg('server/channel/stage/cross.svg')); } /* * > stage > moderator badge */ -.container__81b28 rect[fill='var(--white-500)'] + path { +.container_f80572 rect[fill='var(--white-500)'] + path { fill: var(--black-500); } diff --git a/src/styles/server/channel/text.scss b/src/styles/server/channel/text.scss index 1d85fee..3ef8e36 100644 --- a/src/styles/server/channel/text.scss +++ b/src/styles/server/channel/text.scss @@ -1,10 +1,3 @@ -@if is_uniform() { - .wrapper__45980 /* emoji picker (sidebar) */ { - background-color: var(--background-secondary); - border-right: 1px solid hsl(var(--primary-900-hsl) / 0.2); - } -} - /* * > interaction */ @@ -15,41 +8,41 @@ /* * > new messages bar */ -.newMessagesBar__8b272 .barButtonBase__5e4cf { +.newMessagesBar_cf58b5 .barButtonBase_cf58b5 { color: var(--black-500); } /* * Text channel (empty) */ -.icon__19b48[style*='background-image: url("/assets/2ae6db8c391d7038bf4a.svg")'] { +.icon_f9902b[style*='background-image: url("/assets/fea1d92557530364cefd.svg")'] { background-image: url(svg('server/channel/text/invite.svg')) !important; } -.icon__19b48[style*='background-image: url("/assets/73ba7cc1c59ea6e8a0a5.svg")'] { +.icon_f9902b[style*='background-image: url("/assets/b8566c6e8b65576532c0.svg")'] { background-image: url(svg('server/channel/text/customize.svg')) !important; } -.icon__19b48[style*='background-image: url("/assets/8c3a6c9f5fca465294f8.svg")'] { +.icon_f9902b[style*='background-image: url("/assets/cf6b9f0ee7c5cee7fb45.svg")'] { background-image: url(svg('server/channel/text/chat.svg')) !important; } -.icon__19b48[style*='background-image: url("/assets/c6d38f860f7845d2cce1.svg")'] { +.icon_f9902b[style*='background-image: url("/assets/9db0c99df4cb2d4dfa87.svg")'] { background-image: url(svg('server/channel/text/first-app.svg')) !important; } /* * Text channel (user join) */ -.icon__467d5[style*='background-image: url("/assets/b754caa743f8c49fbbf0.svg")'] { +.icon_e62b38[style*='background-image: url("/assets/db0473de8224a02f3a88.svg")'] { background-image: url(svg('server/channel/text/join.svg')) !important; } /* Reply message */ -.userJoinSystemMessageIcon_ccc769 path[fill='#{$status-green-600-hex}'] { +.userJoinSystemMessageIcon_ec86aa path[fill='#{$status-green-600-hex}'] { fill: hsl(var(--user-status-online-hsl)); } /* * > mentioned message */ -.mentioned_fa6fd2:before { +.mentioned_d5deea:before { background-color: var(--brand-500); } @@ -57,12 +50,12 @@ * > Reaction */ @if is_uniform() { - .message_ccca67 .reaction__4a43f { + .message_ccca67 .reaction_ec6b19 { border-color: var(--background-secondary-alt); } } -.theme-light .reaction__4a43f { +.theme-light .reaction_ec6b19 { background-color: var(--primary-160); } @@ -70,7 +63,7 @@ * > Embed */ @if is_uniform() == false { - .theme-light .embedFull__14919 { + .theme-light .embedFull_ad0b71 { background-color: var(--primary-160); } } diff --git a/src/styles/server/channel/voice.scss b/src/styles/server/channel/voice.scss index 1112513..02d5dc0 100644 --- a/src/styles/server/channel/voice.scss +++ b/src/styles/server/channel/voice.scss @@ -3,7 +3,7 @@ * hover (joined) ! + stage bottom */ -.gradientContainer_cdada6 { +.gradientContainer_dd069c { --color-rgb: var(--primary-700-hsl); background-image: linear-gradient( hsl(var(--color-rgb)), @@ -25,22 +25,10 @@ /* * > screen share (step 2) */ -@if is_uniform() { - .theme-dark .card__7756d /* (fields) */ { - border-color: var(--primary-430); - background-color: hsl(var(--black-500-hsl) / 0.5); - } - - .theme-dark .qualitySettingsContainer__8f353, - .theme-dark .item__126a6 { - border-color: var(--primary-430); - } -} - -.enhancedSelectorNitroText__4daeb { +.enhancedSelectorNitroText_a78967 { color: hsl(var(--premium-perk-pink-hsl)) !important; } -.selectorButton_ea0609:hover .selectorText__8286b, -.selectorButton_ea0609.selectorButtonSelected__707fb .selectorText__8286b { +.selectorButton_a78967:hover .selectorText_a78967, +.selectorButton_a78967.selectorButtonSelected_a78967 .selectorText_a78967 { color: var(--black-500); } diff --git a/src/styles/server/notification-settings.scss b/src/styles/server/notification-settings.scss index fd8ab79..75c0d28 100644 --- a/src/styles/server/notification-settings.scss +++ b/src/styles/server/notification-settings.scss @@ -1,15 +1,15 @@ /* * Channel or category */ -.checkbox_fcf2ad[style*='background-color: rgba(#{$green-360-rgb}, 0.15)'] { +.checkbox_f6cde8[style*='background-color: rgba(#{$green-360-rgb}, 0.15)'] { border-color: hsl(var(--green-360-hsl) / 0.15) !important; background-color: hsl(var(--green-360-hsl) / 0.15) !important; } -.checkbox_fcf2ad path[fill='#{$green-360-hex}'] { +.checkbox_f6cde8 path[fill='#{$green-360-hex}'] { fill: var(--green-360); } -.checkbox_fcf2ad[style*='background-color: rgb(#{$green-360-rgb})'] { +.checkbox_f6cde8[style*='background-color: rgb(#{$green-360-rgb})'] { border-color: var(--green-360) !important; background-color: var(--green-360) !important; } diff --git a/src/styles/server/settings/_menu.scss b/src/styles/server/settings/_menu.scss index 474c763..2baf174 100644 --- a/src/styles/server/settings/_menu.scss +++ b/src/styles/server/settings/_menu.scss @@ -1,15 +1,15 @@ /* * server boost status (btn) */ -.serverBoostTabItem__0267d[aria-selected='true'] { +.serverBoostTabItem_f7189e[aria-selected='true'] { color: var(--black-500) !important; - .icon_c69952 { + .icon_f7189e { fill: var(--black-500) !important; } } /* badge */ -.icon_c69952[fill='#{$guild-boosting-pink-hex}' i] { +.icon_f7189e[fill='#{$guild-boosting-pink-hex}' i] { fill: var(--guild-boosting-pink); } diff --git a/src/styles/server/settings/community.scss b/src/styles/server/settings/community.scss index 58f54ec..60bb62d 100644 --- a/src/styles/server/settings/community.scss +++ b/src/styles/server/settings/community.scss @@ -1,14 +1,14 @@ /* * > enable community */ -.sparkles__3fc33[src='/assets/80e1b10b95478f7f4c6c.svg'] { +.sparkles_b1a8d5[src='/assets/bdefc176ff9ab24ba5bc.svg'] { content: url(svg('server/settings/community/stars.svg')); } /* * > enable community > get started */ -.overviewSidebar__3f481 { +.overviewSidebar_d65fcf { background: linear-gradient( 180deg, var(--brand-500) 6.65%, @@ -17,37 +17,37 @@ ); } -.header_baff9b, -.stepIndex_d150fc, -.stepTitle__59e8e, -.selected__98621 .stepTitle__59e8e { +.header_d65fcf, +.stepIndex_d65fcf, +.stepTitle_d65fcf, +.selected_d65fcf .stepTitle_d65fcf { color: var(--black-500); } -.selected__98621 .stepIndex_d150fc { +.selected_d65fcf .stepIndex_d65fcf { color: var(--brand-900); } -.content__5b1c5 img[src='/assets/ecfe36ef271f7e911ca5.svg'] { +.content_ccd405 img[src='/assets/311b25874ac56fabe7df.svg'] { content: url(svg('server/settings/community/shield.svg')); } -.content__5b1c5 img[src='/assets/96b942a639c79017725c.svg'] /** (step 2) */ { +.content_ccd405 img[src='/assets/f3b668d24838c7031ba4.svg'] /** (step 2) */ { content: url(svg('server/settings/community/wrench.svg')); } -.content__5b1c5 img[src='/assets/92540035a45cc24f78a3.svg'] /** (step 3) */ { +.content_ccd405 img[src='/assets/e7681bff22fc3aa4a4bd.svg'] /** (step 3) */ { content: url(svg('server/settings/community/check.svg')); } /* * > Onboarding > check it out (skip button) */ -.colorPrimary_ebe632 .button__3e450[style*='color: rgb(#{$white-500-rgb})'] { +.colorPrimary_dd4f85 .button_b5926e[style*='color: rgb(#{$white-500-rgb})'] { color: var(--white-500) !important; } /* * > discovery */ -.sparkles_b90792[src='/assets/a95275382740de62488b.svg'] { +.sparkles_d6d7a8[src='/assets/70184499038113a82481.svg'] { content: url(svg('server/settings/community/discovery-stars.svg')); } diff --git a/src/styles/server/settings/general.scss b/src/styles/server/settings/general.scss index e7c2bfa..28c5313 100644 --- a/src/styles/server/settings/general.scss +++ b/src/styles/server/settings/general.scss @@ -1,6 +1,6 @@ @if is_uniform() { - .theme-dark .avatarUploaderInnerEmpty_e01396, /* > Overview (server without avatar) */ - .tierBody_fd5f94 /* > Sticker */ { + .theme-dark .avatarUploaderInnerEmpty_f0a9ff, /* > Overview (server without avatar) */ + .tierBody_da77bd /* > Sticker */ { background-color: var(--background-secondary) !important; } } @@ -9,7 +9,7 @@ * > Overview */ @if is_uniform() { - .theme-light .avatarUploaderInnerEmpty_e01396 .imageUploaderAcronym__656db { + .theme-light .avatarUploaderInnerEmpty_f0a9ff .imageUploaderAcronym_de76e4 { color: var(--black-500); } } @@ -17,20 +17,20 @@ /* * > Stickers */ -.upsellHeader__8c71c, -.upsellDescription__0bdd8 { +.upsellHeader_bb33d5, +.upsellDescription_bb33d5 { color: var(--white-100); } -.currentTierIcon__6df20 { +.currentTierIcon_a4fd01 { color: var(--black-500) !important; } @if is_uniform() { - .theme-dark .tierHeaderLocked__0ca2e, - .theme-dark .tierHeaderUnlocked__960f7 { - background-color: var(--c-background-secondary-alt2); + .theme-dark .tierHeaderLocked_da77bd, + .theme-dark .tierHeaderUnlocked_da77bd { + background-color: var(--background-secondary-alt); } - .theme-dark .tierIconLocked__99052 { + .theme-dark .tierIconLocked_da77bd { color: var(--text-muted); } } diff --git a/src/styles/server/settings/moderation.scss b/src/styles/server/settings/moderation.scss index 9cdd69c..2a08b97 100644 --- a/src/styles/server/settings/moderation.scss +++ b/src/styles/server/settings/moderation.scss @@ -1,24 +1,35 @@ /* - * > Safety Setup > AutoMod + * > Safety Setup */ -.textBadge__9b873[style*='background-color: var(--brand-500)'], /* "AUTOMOD" badge */ -.alphaBetaTag__8e1a5[style*='background-color: var(--brand-500)'] /* "beta" tag */ { - color: var(--black-500); +.divider_abe1fa { + background-color: var(--background-secondary-alt); } -.automodText__3bcbc /* "AUTOMOD" badge */ { +.safetyStepRow_abe1fa .button_dd4f85 { + border-color: var(--background-secondary-alt); + + &:hover { + background-color: var(--background-secondary-alt); + border-color: var(--c-background-secondary-alt2); + } +} + +/* + * >> AutoMod + */ +.automodText_a7a160 /* "AUTOMOD" badge */ { color: currentColor; } /* * > audit log */ -.typeCreate__01e59:after { +.typeCreate_eebd33:after { background: url(svg('server/settings/moderation/type-create.svg')); } -.typeUpdate__4b21b:after { +.typeUpdate_eebd33:after { background: url(svg('server/settings/moderation/type-update.svg')); } -.typeDelete__5f7ca:after { +.typeDelete_eebd33:after { background: url(svg('server/settings/moderation/type-delete.svg')); } diff --git a/src/styles/server/settings/monetization.scss b/src/styles/server/settings/monetization.scss index fbb5505..7a80621 100644 --- a/src/styles/server/settings/monetization.scss +++ b/src/styles/server/settings/monetization.scss @@ -1,19 +1,19 @@ /* * > Server subscriptions */ -.earningsPreviewContainer__2b25a[style*='background-color: rgb(46, 54, 56)'] { +.earningsPreviewContainer_da92c3[style*='background-color: rgb(46, 54, 56)'] { background-color: hsl(var(--green-760-hsl) / 0.1) !important; } /* badge on "learn from other creators */ -.subscriberCountValue_f16cf3 { +.subscriberCountValue_adff39 { background-color: var(--brand-800); & > div { color: var(--white-100) !important; } } -.subscriberCountText__53bbe { +.subscriberCountText_adff39 { path[fill='var(--white)'] { fill: var(--black-500); } diff --git a/src/styles/sidebar-left.scss b/src/styles/sidebar-left.scss index 312a0c2..db448b3 100644 --- a/src/styles/sidebar-left.scss +++ b/src/styles/sidebar-left.scss @@ -1,58 +1,57 @@ @if is_uniform() { - .wrapper__216eb, /* Servers list */ - .sidebar_e031be, /* Left sidebar (servers + discover) */ - .sidebarRegionScroller__8113e, /* Settings > sidebar */ - .privateChannels__9b518, .scroller__89969, /* DM > channels */ - .container__7e23c, /* Server > channels */ - .members__573eb, /* DM group/Server > members sidebar */ - .profilePanel_e2cafe .userProfileOuterUnthemed_e14365 .userPanelInnerThemed_c2aed9 /* DM unthemed user profile sidebar */ { + .wrapper_fea3ef, /* Servers sidebar */ + .sidebar_a4d4d9, /* Left sidebar (servers + discover) */ + .sidebarRegionScroller_c25c6d, /* Settings > sidebar */ + .privateChannels_f0963d, .scroller_c47fa9, /* DM > channels */ + .container_ee69e0, /* Server > channels */ + .members_cbd271 /* ! DM group/Server > members sidebar */ { background-color: var(--background-primary) !important; } - .wrapper__216eb, /* Servers list */ - .sidebar_e031be, /* Left sidebar (servers + discover) */ - .sidebarRegionScroller__8113e /* Settings > sidebar */ { + .wrapper_fea3ef, /* Servers sidebar */ + .sidebar_a4d4d9, /* Left sidebar (servers + discover) */ + .sidebarRegionScroller_c25c6d /* Settings > sidebar */ { border-right: 1px solid var(--background-secondary-alt); } - .wrapper_a6f950:not(.selected_b420e6) .childWrapper__760c6, /* server without avatar */ - .expandedFolderBackground_b1385f, /* servers folder */ - .circleIconButton__05cf2:not(.selected_aded59) /* add and discover button */ { + .wrapper_f90abb:not(.selected_f90abb) .childWrapper_f90abb, /* server without avatar */ + .expandedFolderBackground_bc7085, /* servers folder */ + .circleIconButton_db6521:not(.selected_db6521) /* add and discover button */ { background-color: var(--background-secondary); } - .container_debb33, /* user area */ - .container_e1958d /* user area (in voice) */ { + + .container_b2ca13, /* user area */ + .container_adcaac /* user area (in voice) */ { background-color: var(--background-secondary) !important; } - - .theme-dark .folder__17546.hover__043de, /* server folder icon */ - .theme-dark .wrapper__832f2 .wrapper_a6f950:not(.selected_b420e6) .childWrapper__760c6 /* server (in folder) without avatar */ { - background-color: var(--c-background-secondary-alt2); + .container_adcaac /* user area (in voice) */ { + border-bottom-color: var(--background-secondary-alt); } - .theme-light .folder__17546.hover__043de, /* server folder icon */ - .theme-light .wrapper__832f2 .wrapper_a6f950:not(.selected_b420e6) .childWrapper__760c6 /* server (in folder) without avatar */ { - background-color: var(--background-modifier-hover); + + .folder_bc7085.hover_bc7085, /* server folder icon */ + .wrapper_bc7085 .wrapper_f90abb:not(.selected_f90abb) .childWrapper_f90abb /* server (in folder) without avatar */ { + background-color: var(--c-background-secondary-alt2) !important; } } @else { - .wrapper__216eb /* Servers sidebar */ { + .wrapper_fea3ef /* Servers sidebar */ { background-color: var(--background-secondary-alt) !important; } - .panels__58331 /* user area (global) */ { - border-left: 1px solid var(--background-secondary); + .panels_a4d4d9 /* user area (global) */ { + border-left: 1px solid var(--background-modifier-accent); } - .expandedFolderBackground_b1385f, /* servers folder */ - .folder__17546:not(.hover__043de) /* server folder icon */ { + .expandedFolderBackground_bc7085, /* servers folder */ + .folder_bc7085:not(.hover_bc7085) /* server folder icon */ { background-color: var(--background-primary) !important; } - .theme-dark .folder__17546.hover__043de, /* server folder icon */ - .theme-dark .wrapper__832f2 .wrapper_a6f950:not(.selected_b420e6) .childWrapper__760c6 /* server (in folder) without avatar */ { + .theme-dark .folder_bc7085.hover_bc7085, /* server folder icon */ + .theme-dark .wrapper_bc7085 .wrapper_f90abb:not(.selected_f90abb) .childWrapper_f90abb /* server (in folder) without avatar */ { background-color: var(--primary-500); } - .theme-light .folder__17546.hover__043de, /* server folder icon */ - .theme-light .wrapper__832f2 .wrapper_a6f950:not(.selected_b420e6) .childWrapper__760c6 /* server (in folder) without avatar */ { + .theme-light .folder_bc7085.hover_bc7085, /* server folder icon */ + .theme-light .wrapper_bc7085 .wrapper_f90abb:not(.selected_f90abb) .childWrapper_f90abb /* server (in folder) without avatar */ { background-color: var(--primary-160); } } @@ -61,8 +60,8 @@ * DM * server without image */ -.wrapper_a6f950:hover .childWrapper__760c6, -.wrapper_a6f950.selected_b420e6 .childWrapper__760c6 { +.wrapper_f90abb:hover .childWrapper_f90abb, +.wrapper_f90abb.selected_f90abb .childWrapper_f90abb { color: var(--black-500); } @@ -70,34 +69,30 @@ * voice connected badge */ @if is_uniform() { - .iconBadge__19638 { + .iconBadge_c96c45 { // (When other people are connected) background-color: var(--background-secondary-alt); } } -.iconBadge__19638.isCurrentUserConnected__3bd70 { +.iconBadge_c96c45.isCurrentUserConnected_c96c45 { color: var(--black-500); } -.tooltipGreen__36421 /* ping (when over badge) */ { - color: var(--black-500) !important; -} - /* * User area (in voice) */ @if is_uniform() { - .button_b82d53.buttonColor__7bad9.fauxDisabled_daee54, - .button_b82d53 .buttonColor__7bad9.fauxDisabled_daee54, - .button_b82d53.buttonColor__7bad9:disabled, - .button_b82d53 .buttonColor__7bad9:disabled, - .button_b82d53.buttonColor__7bad9, - .button_b82d53 .buttonColor__7bad9 { + .button_adcaac.buttonColor_adcaac.fauxDisabled_adcaac, + .button_adcaac .buttonColor_adcaac.fauxDisabled_adcaac, + .button_adcaac.buttonColor_adcaac:disabled, + .button_adcaac .buttonColor_adcaac:disabled, + .button_adcaac.buttonColor_adcaac, + .button_adcaac .buttonColor_adcaac { background-color: var(--c-background-secondary-alt2); } - .button_b82d53.buttonColor__7bad9:hover, - .button_b82d53 .buttonColor__7bad9:hover { + .button_adcaac.buttonColor_adcaac:hover, + .button_adcaac .buttonColor_adcaac:hover { background-color: var(--background-primary); } } @@ -106,14 +101,14 @@ * add server * discover */ -.circleIconButton__05cf2.selected_aded59 { +.circleIconButton_db6521.selected_db6521 { color: var(--black-500); } /* ! > add server > Customize your server ('+' image) */ -.iconContainer__60b4b circle[fill='#{$brand-500-hex}' i] { +.iconContainer_a2aef9 circle[fill='#{$brand-500-hex}' i] { fill: var(--brand-500); & + path[fill='white'] { diff --git a/src/styles/user/_general.scss b/src/styles/user/_general.scss new file mode 100644 index 0000000..37d8c7f --- /dev/null +++ b/src/styles/user/_general.scss @@ -0,0 +1,16 @@ +/* + * Friends > Add Friends + */ +.icon_aef5fd path[fill="var(--white)"] /* ("discover" icon) */ { + fill: var(--black-500); +} + +/* + * > nitro + */ +.whatsNewSectionBackground_a8b566 { + .heading_d1d9c7[style='color: var(--header-primary);'], + .subtitle_d1d9c7[style='color: var(--header-primary);'] { + color: var(--white-100) !important; + } +} diff --git a/src/styles/user/_imports.scss b/src/styles/user/_imports.scss index ea81a7b..4de3dc6 100644 --- a/src/styles/user/_imports.scss +++ b/src/styles/user/_imports.scss @@ -1,4 +1,4 @@ -@import 'shop.scss'; +@import '_general.scss'; @import 'profile.scss'; @import 'dm-channel.scss'; diff --git a/src/styles/user/dm-channel.scss b/src/styles/user/dm-channel.scss index 3353610..248edae 100644 --- a/src/styles/user/dm-channel.scss +++ b/src/styles/user/dm-channel.scss @@ -1,9 +1,20 @@ +@if is_uniform() { + .members_cbd271, /* DM group + Server > members sidebar */ + .profilePanel_b433b4 /* member sidebar */ { + border-left: 1px solid var(--background-secondary-alt); + } + + .profilePanel_b433b4 .userProfileOuterUnthemed_c69a7b .userPanelInnerThemed_c69a7b /* DM unthemed user profile sidebar */ { + background: var(--background-primary) !important; + } +} + /* * call icons */ -.icon__467d5[style*='background-image: url("/assets/d750b80048af0194841b.svg")'] { +.icon_e62b38[style*='background-image: url("/assets/617505e363f7f7cf9492.svg")'] { background-image: url(svg('user/dm-channel/call-incoming.svg')) !important; } -.icon__467d5[style*='background-image: url("/assets/27552340cbc7f06073e6.svg")'] { +.icon_e62b38[style*='background-image: url("/assets/22ff731ec050e3214b69.svg")'] { background-image: url(svg('user/dm-channel/call-missed.svg')) !important; } diff --git a/src/styles/user/profile.scss b/src/styles/user/profile.scss index b6486e5..6d5f08d 100644 --- a/src/styles/user/profile.scss +++ b/src/styles/user/profile.scss @@ -1,4 +1,4 @@ -.profileBadge__3cc69 { +.badge_e5a42d { &[src*='6bdc42827a38498929a4920da12695d9.png'] { content: url(svg('user/profile/badge-active-developer.svg')); } @@ -34,7 +34,7 @@ } } -.botTagRegular_fc4b4a:not(.botTagOP_fd6360) /** Bot tag */ { +.botTagRegular_a02df3:not(.botTagOP_a02df3) /** Bot tag */ { color: var(--black-500); path[fill='var(--white-500)'] /* Verified badge*/ { @@ -49,34 +49,34 @@ ! DM channel > title bar ! Server > members list */ -.mask_d5067d rect[fill='#{$green-360-hex}'] { +.mask_c51b4e rect[fill='#{$green-360-hex}'] { fill: var(--user-status-online); } -.mask_d5067d rect[fill='#{$yellow-300-hex}'] { +.mask_c51b4e rect[fill='#{$yellow-300-hex}'] { fill: var(--user-status-idle); } -.mask_d5067d rect[fill='#{$red-400-hex}'] { +.mask_c51b4e rect[fill='#{$red-400-hex}'] { fill: var(--user-status-dnd); } -.mask_d5067d rect[fill='#{$twitch-hex}'] /* (not on DM title bar) */ { +.mask_c51b4e rect[fill='#{$twitch-hex}'] /* (not on DM title bar) */ { fill: var(--user-status-twitch); } -.mask_d5067d rect[fill='#{$primary-400-hex}'] { +.mask_c51b4e rect[fill='#{$primary-400-hex}'] { fill: var(--user-status-invisible); } /* * User popup (sidebar left) > status (online, dnd, etc) */ -.status__1c26d[style='background-color: rgb(#{$green-360-rgb});'] { +.status_c7d26b[style='background-color: rgb(#{$green-360-rgb});'] { background-color: var(--user-status-online) !important; } -.status__1c26d[style='background-color: rgb(#{$yellow-300-rgb});'] { +.status_c7d26b[style='background-color: rgb(#{$yellow-300-rgb});'] { background-color: var(--user-status-idle) !important; } -.status__1c26d[style='background-color: rgb(#{$red-400-rgb});'] { +.status_c7d26b[style='background-color: rgb(#{$red-400-rgb});'] { background-color: var(--user-status-dnd) !important; } -.status__1c26d[style='background-color: rgb(#{$primary-400-rgb});'] { +.status_c7d26b[style='background-color: rgb(#{$primary-400-rgb});'] { background-color: var(--user-status-invisible) !important; } diff --git a/src/styles/user/settings/_imports.scss b/src/styles/user/settings/_imports.scss index 325ecc6..6b45371 100644 --- a/src/styles/user/settings/_imports.scss +++ b/src/styles/user/settings/_imports.scss @@ -1,4 +1,5 @@ @import 'menu'; @import 'general.scss'; @import 'payment.scss'; +@import 'app_settings.scss'; @import 'activity.scss'; diff --git a/src/styles/user/settings/_menu.scss b/src/styles/user/settings/_menu.scss index e3d61a6..21de7be 100644 --- a/src/styles/user/settings/_menu.scss +++ b/src/styles/user/settings/_menu.scss @@ -1,11 +1,10 @@ /* * Nitro selected button */ -.selected__18a0b { +.selected_ae3c77 { color: var(--black-500); - path[fill='url(#paint0_linear_6413_12612)'], - path[fill='url(#paint1_linear_6413_12612)'] { - fill: var(--black-500); + path[fill='url(#paint0_linear_6413_12612)'] { + fill: currentColor; } } diff --git a/src/styles/user/settings/activity.scss b/src/styles/user/settings/activity.scss index 7aff2d6..e541ac6 100644 --- a/src/styles/user/settings/activity.scss +++ b/src/styles/user/settings/activity.scss @@ -1,18 +1,29 @@ /* * > registered games */ -.nowPlaying_a3b60b { - .gameName_c1c8a6, - .lastPlayed__0b4ef { +.theme-light .nowPlayingAdd_fd966d { + color: var(--text-normal); +} + +.nowPlaying_fd966d { + .gameName_fd966d, + .lastPlayed_fd966d { color: var(--black-500) !important; } } -.default__23a5a { +.default_a467ac { background-image: url(svg('user/settings/activity/cross.svg')); } +.theme-light .game_fd966d { + box-shadow: 0 1px 0 0 var(--background-tertiary); +} +.theme-light .card_ffe375:before { + background-color: var(--background-secondary); +} + /* Verified badge */ -.gameVerifiedIcon__31a94 .childContainer__3a40c path[fill='var(--white-500)'] { +.gameVerifiedIcon_fd966d .childContainer_ff7d90 path[fill='var(--white-500)'] { fill: var(--black-500); } diff --git a/src/styles/user/settings/app_settings.scss b/src/styles/user/settings/app_settings.scss new file mode 100644 index 0000000..47f9446 --- /dev/null +++ b/src/styles/user/settings/app_settings.scss @@ -0,0 +1,20 @@ +/* + * > Voice & Video + */ +.theme-light .bar_c7a159, +.theme-light .markDash_c7a159, /* (slider) */ +.theme-light .progress_e5cdf3 /* (mic test) */ { + background-color: var(--background-secondary-alt); +} + +.theme-light .notches_e5cdf3 { + color: var(--background-primary); +} + +/* + * > Keybinds + */ +.key_c90023 { + border-color: var(--background-tertiary); + box-shadow: inset 0 -4px 0 var(--background-secondary); +} diff --git a/src/styles/user/settings/general.scss b/src/styles/user/settings/general.scss index 7c36639..36073af 100644 --- a/src/styles/user/settings/general.scss +++ b/src/styles/user/settings/general.scss @@ -1,33 +1,33 @@ -/* beta tag */ -.textBadge__4c235[style*='background-color: var(--brand-500)'] { +/* beta tag + "AUTOMOD" badge */ +.textBadge_df8943[style*='background-color: var(--brand-500)'] { color: var(--black-500); } /* * > my account */ -.lockIcon_f844b1[src='/assets/fbfaf2b5ff4cf0632f65.svg'] { +.lockIcon_ad4a7c[src='/assets/12e739083a6d997cba7b.svg'] { content: url(svg('user/settings/general/lock.svg')); } /* * > profiles */ -.uploadIcon_d35ec2 /* Change avatar */ { +.uploadIcon_f2f431 /* Change avatar */ { color: var(--primary-460-hsl); } /* * >> server profile */ -.upsellTextContainer__3adf2 > div[style*='color: white'] { +.upsellTextContainer_eb49af > div[style*='color: white'] { color: var(--black-500) !important; } /* * >>> choose a server */ -.selectedIcon_e9ecc2 circle[fill='white'] { +.selectedIcon_f6639d circle[fill='white'] { fill: var(--black-500); } @@ -35,7 +35,7 @@ * > Privacy & Safety */ @if is_uniform() { - .itemFilled__5a849[aria-checked='true'] { + .itemFilled_eb92a8[aria-checked='true'] { background-color: var(--background-secondary-alt); } } @@ -43,14 +43,6 @@ /* * > authorizes apps */ -.permissionCheckmark__6860a { +.permissionCheckmark_f0135d { background-image: url(svg('user/settings/general/checkmark.svg')); } - -/* - * > Keybinds - */ -.key__6a8d9 { - border-color: var(--background-tertiary); - box-shadow: inset 0 -4px 0 var(--background-secondary); -} diff --git a/src/styles/user/settings/payment.scss b/src/styles/user/settings/payment.scss index 3e9cc03..e770c70 100644 --- a/src/styles/user/settings/payment.scss +++ b/src/styles/user/settings/payment.scss @@ -1,34 +1,35 @@ /* * > nitro */ -.giftButton_ec2522:hover:not(:active) { +.giftButton_b105e9:hover:not(:active) { color: var(--black-500) !important; } -.settingsTextContainer__406ba > *[style*='color: white'] { +.settingsTextContainer_f26610 > *[style*='color: white'] { color: var(--header-primary) !important; } -.lookFilled__950dd.colorBrandInverted__52602, -.upsellButton__04c8a /*! server settings > stickers */ { - // TODO +.lookFilled_dd4f85.colorBrandInverted_dd4f85, /*+ user settings > profile */ +.upsellButton_bb33d5 /*! server settings > stickers */ { color: var(--brand-800); } // Tier blocks -.premiumCards_ed071e { - .pricePerInterval_c2c66a[style*='color: white'], - .text-sm-normal__95a78[style*='color: white'] { +.premiumCards_c87d73 { + .display-md_dc00ef[style*='color: white'], + .pricePerInterval_af8f09[style*='color: white'], + .text-sm\/normal_dc00ef[style*='color: white'] { color: currentColor !important; } } /* !+ server settings > server boost status */ -.tier2__1364f { +.tier2_c87d73 { color: var(--primary-660); - .display-md__564fa[style*='color: white'], - .text-sm-normal__95a78[style*='color: white'], - .heading-lg-normal__3932e[style*='color: white'] { + .display-md_dc00ef[style*='color: white'], + .pricePerInterval_af8f09[style*='color: white'], + .text-md\/normal_dc00ef[style*='color: white'], + .text-sm\/normal_dc00ef[style*='color: white'] { color: currentColor !important; } } @@ -36,7 +37,7 @@ /* * >> pick plan section */ -.mostPopularText__4997a { +.mostPopularText_c87d73 { color: var(--primary-660); } @@ -44,14 +45,14 @@ * >> subscribe (popup) ! Get nitro */ -.planOptionDiscount__196a1[style*='color: white'] { +.planOptionDiscount_bd3462[style*='color: white'] { color: var(--black-500) !important; } /* * > Subscriptions */ -.noItemsIcon__299fb, -.noItemsIcon_ead6f9 { +.noItemsIcon_a206c7, +.noItemsIcon_e70817 { background: var(--primary-460-hsl) !important; } diff --git a/src/styles/user/shop.scss b/src/styles/user/shop.scss deleted file mode 100644 index 48735b4..0000000 --- a/src/styles/user/shop.scss +++ /dev/null @@ -1,3 +0,0 @@ -.shop_b31ed2 { - background-color: var(--background-primary); -} diff --git a/src/styles/web.scss b/src/styles/web.scss index d3518e0..7ea4a77 100644 --- a/src/styles/web.scss +++ b/src/styles/web.scss @@ -1,75 +1,20 @@ -@import 'discord-color'; - -/* - * Login artwork - */ -.artwork__94141 { - & > path[fill='#{$brand-500-hex}'] { - fill: var(--brand-600); - } - - circle[stroke="#29cc7a"] /* right avatar status */ { - stroke: var(--nord-green); - } - - /* Clouds */ - path[fill='#6270fc'], - path[fill='#6874f7'], - & > path[fill='#4452f2'], - g[data-name="Layer 22"] > path[fill='#4452f2'], /* shadow for top left avatar */ - g[data-name="Layer 21"] > path[fill='#4452f2'] /* shadow for bottom left avatar */ { - fill: var(--brand-500); - } - - path[fill='#707cff'], - path[fill='#6a77fc'] { - fill: var(--brand-400); - } - - & > path[fill="#3442d9"], - circle[fill='#0c1aad'] /* brand avatar background */ { - fill: var(--brand-800); - } - - /* Sparks */ - & > path[fill='#ff78b9'], - g[data-name="Layer 22"] > path[fill='#eb459f'] /* ! Top left avatar background */ { - fill: var(--nord-pink); - } - - path[fill='#91ffad'] { - fill: var(--nord-green); - } - - & > path[fill='#66bcff'], /* Sparks */ - path[fill='#4ab0ff'], /* Water droplets */ - g[data-name='Layer 14'] > path[fill='#66bcff'], - circle[fill='#66bcff'] /* Right avatar background */ { - fill: var(--nord-cyan); - } -} - /* * Download bar */ -.iconApple__75200 { +.iconApple_d572b7 { background-image: url(svg('web/apple.svg')); } -.iconAndroid__121e5 { +.iconAndroid_d572b7 { background-image: url(svg('web/android.svg')); } -.iconWindows__56d93 { +.iconWindows_d572b7 { background-image: url(svg('web/windows.svg')); } -.button__33db6 { +.button_be03aa { color: currentColor !important; &:not(:hover) { border-color: currentColor !important; } } - -.closeIcon__967e7 path { - fill: var(--black-500); -}