diff --git a/Themes/Translucence/src/_selectorPlaceholders.scss b/Themes/Translucence/src/_selectorPlaceholders.scss index 8e6734ac..eb179d04 100644 --- a/Themes/Translucence/src/_selectorPlaceholders.scss +++ b/Themes/Translucence/src/_selectorPlaceholders.scss @@ -2767,6 +2767,12 @@ .panningAnimation_e4e5f3 { @extend %nitroPlanPanningAnimation !optional; } +.headerContainer_e181dd { + @extend %nitroPurchaseHeaderContainer !optional; +} +.headerImage_a993a3 { + @extend %nitroPurchaseHeaderImage !optional; +} .wrapper_ba4346 { @extend %breadcrumbsWrapper !optional; } @@ -2806,6 +2812,12 @@ .divider__9ba6d { @extend %nitroTableDivider !optional; } +.modalInner_e6f542 { + @extend %purchaseModalInner !optional; +} +.bannerContainer__879e1 { + @extend %purchaseBannerContainer !optional; +} .container__26baa { @extend %headerBar !optional; } @@ -3436,6 +3448,9 @@ .sectionTitle__714a0 { @extend %messageRequestsSectionTitle !optional; } +.container_d4d35b { + @extend %messageRequestPage !optional; +} .messageRequestItem__9f70d { @extend %messageRequestItem !optional; } @@ -3733,6 +3748,9 @@ pre { .embedImage_eb54e3 { @extend %embedImagea !optional; } +.guildShopEmbed_bfd9c4 { + @extend %embedGuildShop !optional; +} .mediaAttachmentsContainer__242e2 { @extend %mediaAttachmentsContainer !optional; } @@ -4123,6 +4141,15 @@ pre { .popoutContainer__66068 { @extend %messageEmojiPopout !optional; } +.emojiSection_ab054b { + @extend %messageEmojiPopoutEmojiSection !optional; +} +.guildSection__15ac6 { + @extend %messageEmojiPopoutGuildSection !optional; +} +.guildTitle_e577f7 { + @extend %messageEmojiPopoutGuildTitle !optional; +} .mentioned_fa6fd2 { @extend %mentioned !optional; } @@ -4285,6 +4312,9 @@ pre { .keyboardShortcutsModal__44538 { @extend %keyboardShortcutsModal !optional; } +.keyComboContainer__11e6f, .keyComboContainer_dc07bc { + @extend %keybindKeyComboContainer !optional; +} .keybindShortcut-3zF1P9 { @extend %keybindShortcut !optional; } @@ -4294,6 +4324,12 @@ pre { .inputWrapper_ecb776 { @extend %inputWrapper !optional; } +.container__11918 { + @extend %inputPrefixContainer !optional; +} +.separator_dead9f { + @extend %inputPrefixContainerSeparator !optional; +} .input_f27786 { @extend %input !optional; } @@ -4768,52 +4804,52 @@ pre { .iconContainer__00402 { @extend %studentHubsIcon !optional; } -.container-1YVRxo { +.container_b1d738 { @extend %autocompletePopout !optional; } -.positionTop-32hfih { +.positionTop_c1fe29 { @extend %autocompletePopoutTop !optional; } -.positionBottom-1iS7wM { +.positionBottom_f59de7 { @extend %autocompletePopoutBottom !optional; } -.autocompleteShadow-1aXK3x { +.autocompleteShadow__09931 { @extend %autocompletePopoutShadow !optional; } -.autocompleteArrowWrapper-32-lNV { +.autocompleteArrowWrapper__9f02e { @extend %autocompletePopoutArrowWrapper !optional; } .autocompleteArrow-2CRgr2 { @extend %autocompletePopoutArrow !optional; } -.header-PfVfAO { +.header_def8e2 { @extend %autocompletePopoutHeader !optional; } -.autocompleteHeaderBackground-4jKxaW { +.autocompleteHeaderBackground__79bf0 { @extend %autocompletePopoutHeaderBackground !optional; } -.headerText-3k--Lk { +.headerText__13431 { @extend %autocompletePopoutHeaderText !optional; } -.input-2Zg2X0 { +.input__1ed7f { @extend %autocompletePopoutInput !optional; } -.sectionTag-euh3ZW { +.sectionTag__03ea5 { @extend %autocompletePopoutSectionTag !optional; } -.autocompleteScroller-13i2_Y { +.autocompleteScroller_f7b463 { @extend %autocompletePopoutScroller !optional; } -.section-1rUn9F { +.section_b670b4 { @extend %autocompletePopoutSection !optional; } -.row-3UUG_l { +.row__018c3 { @extend %autocompletePopoutRow !optional; } -.rowInner-1mo-C8 { +.rowInner__62b94 { @extend %autocompletePopoutRowInner !optional; } -.selected-3LIQAc { +.selected__5fd17 { @extend %autocompletePopoutSelected !optional; } .container__13b2a { @@ -5542,6 +5578,12 @@ pre { .betaTag-3pnIxA { @extend %betaTag !optional; } +.wrapper__38bac { + @extend %userProfileQuestWrapper !optional; +} +.container_bad367 { + @extend %userProfileQuestContainer !optional; +} .userProfileOuterThemed__1fbd7, .userProfileOuterThemed_a425f3 { @extend %userProfileOuterThemed !optional; } @@ -5563,7 +5605,6 @@ pre { .profileColors_ac6ab4 { @extend %userProfileColors !optional; } - .wrapper-C1y4Sz { @extend %userProfileNitroUpsellWrapper !optional; } @@ -5870,6 +5911,9 @@ pre { .button_e1ac5c { @extend %settingsLongCardButton !optional; } +.deviceOptionCertified_d0f9ec { + @extend %deviceOptionCertified !optional; +} .micTestButton_b8ff4b { @extend %settingsMicTestButton !optional; } @@ -5891,6 +5935,9 @@ pre { .background__4e802 { @extend %settingsUserBackground !optional; } +.badgeList__6b2c7 { + @extend %settingsBadgeList !optional; +} .fieldList__4e6dd { @extend %fieldList !optional; } @@ -6092,12 +6139,21 @@ pre { .decorationGridItem__4316a, .effectGridItem__485d8 { @extend %settingsProfileDecorationGridItem !optional; } +.selected__52c38 { + @extend %settingsProfileDecorationGridItemSelected !optional; +} .decorationPreview__863a0 { @extend %settingsProfileDecorationPreview !optional; } .smallDecorationPreviewsContainer__968c0 { @extend %settingsProfileSmallDecorationPreviewsContainer !optional; } +.effectDescriptionBorderWithGradient_dae676 { + @extend %settingsProfileEffectDescriptionBorderWithGradient !optional; +} +.effectDescriptionContainer__4ae85 { + @extend %settingsProfileEffectDescriptionContainer !optional; +} .shopPreviewContainer__52c2e { @extend %settingsShopPreviewContainer !optional; } @@ -7106,6 +7162,15 @@ pre { .textInput-2xgsSa { @extend %stagePopoutTextInput !optional; } +.container__3aeff { + @extend %stageStartActionContainer !optional; +} +.iconContainer__91d80 { + @extend %stageJoinIconContainer !optional; +} +.container_ed3e1b { + @extend %stageBottomButtonsContainer !optional; +} .categoryPill-1zjNrr{ @extend %categoryPill !optional; } @@ -8258,6 +8323,12 @@ pre { .option_eb83e4 { @extend %selectMenuOption !optional; } +.deviceOption_a4f2db { + @extend %selectMenuDeviceOption !optional; +} +.deviceOptionLabel__2bdd6 { + @extend %selectMenuDeviceOptionLabel !optional; +} .selectedIcon_e9ecc2 { @extend %selectMenuOptionSelectedIcon !optional; } @@ -9362,6 +9433,9 @@ pre { .categoryText__4e543 { @extend %onboardingCategoryText !optional; } +.channelRow__6e8a0 { + @extend %onboardingChannelRowRecommended !optional; +} .channelRow__013aa { @extend %onboardingChannelRow !optional; } @@ -9404,6 +9478,33 @@ pre { .educationUpsellArrow__45ba7 { @extend %onboardingNavigationEducationUpsellArrow !optional; } +.channelCoverage__760f9 { + @extend %onboardingChannelCoverage !optional; +} +.channelCoverageDetails__9f0ab { + @extend %onboardingChannelCoverageDetails !optional; +} +.channelPill_a1112d { + @extend %onboardingChannelPill !optional; +} +.container_ecc97e { + @extend %onboardingQuestionContainer !optional; +} +.notice_b28daf { + @extend %onboardingNotice !optional; +} +.review_e04a14 { + @extend %onboardingReview !optional; +} +.onboardingStepContainer__03a55 { + @extend %onboardingStepContainer !optional; +} +.iconContainer_c175e1 { + @extend %onboardingStepIconContainer !optional; +} +.divider__0443b { + @extend %onboardingStepDivider !optional; +} .container__734b5 { @extend %inviteModal !optional; } @@ -10148,3 +10249,102 @@ pre { .questReward__47d57 { @extend %questCardReward !optional; } +.profileThemedContainer__6e645 { + @extend %modViewProfileThemedContainer !optional; +} +.container_cbd141 { + @extend %modViewTopUserInfoContainer !optional; +} +.topRow_b0479e { + @extend %modViewTopRow !optional; +} +.bottomRow__7d44b { + @extend %modViewBottomRow !optional; +} +.bottomRowAction_b95fd7 { + @extend %modViewBottomRowAction !optional; +} +.innerBottomRowAction__8a3df { + @extend %modViewInnerBottomRowAction !optional; +} +.container__532be { + @extend %modViewBottomUserInfoContainer !optional; +} +.header_aacd9b { + @extend %modViewBottomUserInfoHeader !optional; +} +.modInfoItemContainer_fa4d6a { + @extend %modViewModInfoItemContainer !optional; +} +.modInfoItem_df526b { + @extend %modViewModInfoItem !optional; +} +.modInfoAction__5a4f4 { + @extend %modViewModInfoAction !optional; +} +.legend__2459b { + @extend %pollCreateLegend !optional; +} +.answerRow_ededa8 { + @extend %pollCreateAnswerRow !optional; +} +.expressionPickerButtonDefault__9b0b6 { + @extend %pollCreateExpressionPickerButton !optional; +} +.expressionPickerIconDefault__4651b { + @extend %pollCreateExpressionPickerIcon !optional; +} +.removeAnswerButtonDefault__939a4 { + @extend %pollCreateRemoveAnswerButton !optional; +} +.defaultTextInputWrapper__87159 { + @extend %pollCreateDefaultTextInputWrapper !optional; +} +.defaultTextInput__8ea55 { + @extend %pollCreateDefaultTextInput !optional; +} +.characterCount_fdb9e2 { + @extend %pollCreateCharacterCount !optional; +} +.addAnswerButtonDefault__2f2a4 { + @extend %pollCreateAddAnswerButton !optional; +} +.addAnswerIconDefault__38234 { + @extend %pollCreateAddAnswerIcon !optional; +} +.addAnswerButtonLabel_ad4123 { + @extend %pollCreateAddAnswerButtonLabel !optional; +} +.canRemoveMoreAnswers_b78319 { + @extend %pollCreateCanRemoveMoreAnswers !optional; +} +.pollContainer_cfb8c7 { + @extend %pollContainer !optional; +} +.answersContainer_d6d472 { + @extend %pollAnswersContainer !optional; +} +.radioBackground__2d774 { + @extend %pollRadioBackground !optional; +} +.answer__07489 { + @extend %pollAnswer !optional; +} +.votedStyles__57019 { + @extend %pollAnswerVotedStyles !optional; +} +.answerInner_b97752 { + @extend %pollAnswerInner !optional; +} +.currentlyVoting__54b47 { + @extend %pollCurrentlyVoting !optional; +} +.selected__93ede { + @extend %pollAnswerSelected !optional; +} +.votePercentageBar_ba9103 { + @extend %pollVotePercentageBar !optional; +} +.answerSelectionIcon__262f4 { + @extend %pollAnswerSelectionIcon !optional; +} diff --git a/Themes/Translucence/src/messages/_index.scss b/Themes/Translucence/src/messages/_index.scss index 5e078b10..e5838126 100644 --- a/Themes/Translucence/src/messages/_index.scss +++ b/Themes/Translucence/src/messages/_index.scss @@ -2,4 +2,5 @@ @forward './attachment'; @forward './markup'; @forward './messages'; +@forward './polls'; @forward './reaction'; diff --git a/Themes/Translucence/src/messages/_polls.scss b/Themes/Translucence/src/messages/_polls.scss new file mode 100644 index 00000000..c35a9aa8 --- /dev/null +++ b/Themes/Translucence/src/messages/_polls.scss @@ -0,0 +1,53 @@ +/* + * + * POLLS + * + */ + +%pollContainer { + background-color: var(--textarea-block-color); + border-radius: var(--card-radius); + border: none; +} + +%pollAnswer { + &%pollAnswerVotedStyles { + %pollAnswerInner { + outline-color: hsl(var(--accent-hsl)); + } + } + + &:not(%pollAnswerVotedStyles) { + %pollAnswerInner { + outline-color: transparent !important; + } + } +} + +%pollAnswerInner { + background-color: var(--card-color); + border-radius: var(--card-radius); + + &%pollCurrentlyVoting { + &:hover { + background-color: var(--card-color-hover); + } + + &%pollAnswerSelected { + background-color: var(--card-color-select); + + circle, + path { + fill: hsl(var(--accent-hsl)); + } + } + + path { + fill: var(--text-normal); + } + } +} + +%pollVotePercentageBar { + background-color: hsl(from hsl(var(--accent-hsl)) h calc(s * 1.5) l / 0.25); +}