From 7757ad4c877cdadecee6092dc551c2c7458f2fb1 Mon Sep 17 00:00:00 2001 From: Gibbu Date: Wed, 18 Dec 2024 09:33:06 +0000 Subject: [PATCH] deploy: 96736f125af547925ba23186a362c78a2e821118 --- SoftX.css | 180 ++++++++++++++++++++++++++++++++++++------- VerticalUserArea.css | 3 + 2 files changed, 156 insertions(+), 27 deletions(-) diff --git a/SoftX.css b/SoftX.css index 90e207c..61635a5 100644 --- a/SoftX.css +++ b/SoftX.css @@ -94,7 +94,7 @@ body, } html.theme-light .app_a01fb1::after { - content: "SoftX is not build for Lightmode.\aPlease switch to Dark mode in your Discord Appearance Settings."; + content: "SoftX is not designed for Light Mode.\aPlease switch to Dark mode in your Discord Appearance Settings."; line-height: 1.5; white-space: pre-wrap; border-top: 1px solid var(--border); @@ -123,6 +123,10 @@ html.theme-light .container_b2ca13 { text-transform: none; } +.container_e40c16 { + background-color: hsl(0, 0%, 10%); +} + #app-mount .container_fc4f04 { background: var(--bg-primary); height: var(--toolbar-height); @@ -263,7 +267,7 @@ html.theme-light .container_b2ca13 { #app-mount .notice_b5000b { border-radius: 0; } -#app-mount .notice_b5000b .closeButton_be03aa { +#app-mount .closeButton_be03aa { left: 15px; } @@ -700,7 +704,7 @@ html.theme-light .container_b2ca13 { width: var(--server-size); height: var(--server-size); } -#app-mount .childWrapper_a6ce15, +#app-mount .childWrapper_f90abb, #app-mount .circleIconButton_db6521 { background: rgba(255, 255, 255, 0.1); } @@ -757,7 +761,7 @@ html.theme-light .container_b2ca13 { #app-mount .sidebar_a4d4d9 { border-radius: 0; background: var(--bg-primary); - width: var(--channels-width); + width: var(--channels-width) !important; border-right: 1px solid var(--border); z-index: 1; } @@ -1178,6 +1182,7 @@ html.theme-light .container_b2ca13 { #app-mount .content_a7d72e::before { content: none; } +#app-mount .wrapper_cdfd51, #app-mount .wrapper_ba0ffb, #app-mount .wrapper_b75bb9 { background: transparent; @@ -1386,9 +1391,6 @@ body .container_d6cb89, border-color: rgb(var(--accent)); box-shadow: 0 0 calc(var(--input-glow-intensity) * 12px) calc(var(--input-glow-intensity) * 2px) rgb(var(--accent), 0.25); } -#app-mount .form_a7d72e .attachButtonInner_f298d4 { - margin-bottom: 5px; -} #app-mount .form_a7d72e .button_dd4f85 { height: 100%; } @@ -1922,6 +1924,10 @@ body .container_d6cb89, z-index: 1; } +#app-mount .container_c64476.openOnHover_c64476 { + background-color: var(--fg-secondary); +} + #app-mount .menu_d4e7c2 { background: rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-5)); border: 1px solid var(--border-strong) !important; @@ -2178,8 +2184,12 @@ body .container_d6cb89, #app-mount .autocomplete_bcc24e .scroller_bea0d0 { padding-bottom: 0; } +#app-mount .autocomplete_bcc24e .list_efd8e6 { + background-color: var(--bg-tertiary); + width: 55px; +} #app-mount .autocomplete_bcc24e .list_efd8e6 .listItems_d53d65 { - margin: -16px -12px -8px; + margin: 0; } #app-mount .autocomplete_bcc24e .list_efd8e6 .wrapper_efd8e6 { width: 100% !important; @@ -2208,9 +2218,6 @@ body .container_d6cb89, background: rgb(var(--accent)); box-shadow: 0 0 calc(var(--glow-intensity) * 10px) rgb(var(--accent)); } -#app-mount .autocomplete_bcc24e .list_efd8e6 .section_efd8e6 { - margin-bottom: 0; -} #app-mount .autocomplete_bcc24e .list_fe2299 .listItems_d53d65 { margin: -8px; } @@ -2264,45 +2271,75 @@ body .container_d6cb89, border-left: 1px solid var(--border); box-shadow: none; } +#app-mount .wrapper_d8cdac [class^=searchBar], +#app-mount .wrapper_d8cdac .container_effbe2, +#app-mount .wrapper_d8cdac .container_c18ec9, #app-mount .contentWrapper_af5dbb [class^=searchBar], #app-mount .contentWrapper_af5dbb .container_effbe2, +#app-mount .contentWrapper_af5dbb .container_c18ec9, #app-mount .emojiPicker_c6ee36 [class^=searchBar], -#app-mount .emojiPicker_c6ee36 .container_effbe2 { +#app-mount .emojiPicker_c6ee36 .container_effbe2, +#app-mount .emojiPicker_c6ee36 .container_c18ec9 { background: var(--input-background); border: 2px solid transparent; border-radius: 6px; transition: var(--transition); transition-property: border-color, box-shadow; } +#app-mount .wrapper_d8cdac [class^=searchBar] [class^=inner_], +#app-mount .wrapper_d8cdac .container_effbe2 [class^=inner_], +#app-mount .wrapper_d8cdac .container_c18ec9 [class^=inner_], #app-mount .contentWrapper_af5dbb [class^=searchBar] [class^=inner_], #app-mount .contentWrapper_af5dbb .container_effbe2 [class^=inner_], +#app-mount .contentWrapper_af5dbb .container_c18ec9 [class^=inner_], #app-mount .emojiPicker_c6ee36 [class^=searchBar] [class^=inner_], -#app-mount .emojiPicker_c6ee36 .container_effbe2 [class^=inner_] { +#app-mount .emojiPicker_c6ee36 .container_effbe2 [class^=inner_], +#app-mount .emojiPicker_c6ee36 .container_c18ec9 [class^=inner_] { padding: 0; } +#app-mount .wrapper_d8cdac [class^=searchBar] [class^=input_], +#app-mount .wrapper_d8cdac .container_effbe2 [class^=input_], +#app-mount .wrapper_d8cdac .container_c18ec9 [class^=input_], #app-mount .contentWrapper_af5dbb [class^=searchBar] [class^=input_], #app-mount .contentWrapper_af5dbb .container_effbe2 [class^=input_], +#app-mount .contentWrapper_af5dbb .container_c18ec9 [class^=input_], #app-mount .emojiPicker_c6ee36 [class^=searchBar] [class^=input_], -#app-mount .emojiPicker_c6ee36 .container_effbe2 [class^=input_] { +#app-mount .emojiPicker_c6ee36 .container_effbe2 [class^=input_], +#app-mount .emojiPicker_c6ee36 .container_c18ec9 [class^=input_] { font-size: 14px; height: 26px; } +#app-mount .wrapper_d8cdac [class^=searchBar] [class^=iconLayout_], +#app-mount .wrapper_d8cdac .container_effbe2 [class^=iconLayout_], +#app-mount .wrapper_d8cdac .container_c18ec9 [class^=iconLayout_], #app-mount .contentWrapper_af5dbb [class^=searchBar] [class^=iconLayout_], #app-mount .contentWrapper_af5dbb .container_effbe2 [class^=iconLayout_], +#app-mount .contentWrapper_af5dbb .container_c18ec9 [class^=iconLayout_], #app-mount .emojiPicker_c6ee36 [class^=searchBar] [class^=iconLayout_], -#app-mount .emojiPicker_c6ee36 .container_effbe2 [class^=iconLayout_] { +#app-mount .emojiPicker_c6ee36 .container_effbe2 [class^=iconLayout_], +#app-mount .emojiPicker_c6ee36 .container_c18ec9 [class^=iconLayout_] { height: 26px; } +#app-mount .wrapper_d8cdac [class^=searchBar]:hover, +#app-mount .wrapper_d8cdac .container_effbe2:hover, +#app-mount .wrapper_d8cdac .container_c18ec9:hover, #app-mount .contentWrapper_af5dbb [class^=searchBar]:hover, #app-mount .contentWrapper_af5dbb .container_effbe2:hover, +#app-mount .contentWrapper_af5dbb .container_c18ec9:hover, #app-mount .emojiPicker_c6ee36 [class^=searchBar]:hover, -#app-mount .emojiPicker_c6ee36 .container_effbe2:hover { +#app-mount .emojiPicker_c6ee36 .container_effbe2:hover, +#app-mount .emojiPicker_c6ee36 .container_c18ec9:hover { border-color: rgba(255, 255, 255, 0.05); } +#app-mount .wrapper_d8cdac [class^=searchBar]:focus-within, +#app-mount .wrapper_d8cdac .container_effbe2:focus-within, +#app-mount .wrapper_d8cdac .container_c18ec9:focus-within, #app-mount .contentWrapper_af5dbb [class^=searchBar]:focus-within, #app-mount .contentWrapper_af5dbb .container_effbe2:focus-within, +#app-mount .contentWrapper_af5dbb .container_c18ec9:focus-within, #app-mount .emojiPicker_c6ee36 [class^=searchBar]:focus-within, -#app-mount .emojiPicker_c6ee36 .container_effbe2:focus-within { +#app-mount .emojiPicker_c6ee36 .container_effbe2:focus-within, +#app-mount .emojiPicker_c6ee36 .container_c18ec9:focus-within { border-color: rgb(var(--accent)); box-shadow: 0 0 calc(var(--input-glow-intensity) * 15px) calc(var(--input-glow-intensity) * 2px) rgb(var(--accent), 0.25); } @@ -2315,6 +2352,12 @@ body .container_d6cb89, border-radius: 6px; box-shadow: var(--shadow-lg); } +#app-mount .wrapper_d8cdac, #app-mount .container_b56bbc { + background: var(--bg-primary); + border: 1px solid var(--border); + border-radius: 6px; + box-shadow: var(--shadow-lg); +} #app-mount .nav_af5dbb { position: absolute; padding: 0; @@ -2385,19 +2428,24 @@ body .container_d6cb89, -webkit-mask: url('data:image/svg+xml; utf-8,'); mask: url('data:image/svg+xml; utf-8,'); } -#app-mount .wrapper_dc0b29 { +#app-mount #sticker-picker-tab-panel .wrapper_ba23fe { + left: -1px; + top: 63px; +} +#app-mount .contentWrapper_af5dbb .wrapper_ba23fe { top: 64px; border-top: 1px solid var(--border); border-right: 1px solid var(--border); background: transparent; } -#app-mount .wrapper_dc0b29 .listItems_d53d65 { +#app-mount .contentWrapper_af5dbb .wrapper_ba23fe .listItems_d53d65 { + width: 100%; margin: -8px; } -#app-mount .wrapper_dc0b29 .scroller_d53d65::-webkit-scrollbar { +#app-mount .contentWrapper_af5dbb .wrapper_ba23fe .scroller_d53d65::-webkit-scrollbar { display: none; } -#app-mount .categoryItemDefaultCategory_dfa278 { +#app-mount .categoryItemDefaultCategory_dfa278, #app-mount .stickerCategory_a7a485 { width: 100%; height: 48px; padding: 0; @@ -2408,14 +2456,14 @@ body .container_d6cb89, align-items: center; justify-content: center; } -#app-mount .categoryItemDefaultCategory_dfa278.categoryItemDefaultCategorySelected_dfa278 { +#app-mount .categoryItemDefaultCategory_dfa278.categoryItemDefaultCategorySelected_dfa278, #app-mount .categoryItemDefaultCategory_dfa278.stickerCategoryGenericSelected_a7a485, #app-mount .categoryItemDefaultCategory_dfa278.firstPartyCategorySelected_a7a485, #app-mount .stickerCategory_a7a485.categoryItemDefaultCategorySelected_dfa278, #app-mount .stickerCategory_a7a485.stickerCategoryGenericSelected_a7a485, #app-mount .stickerCategory_a7a485.firstPartyCategorySelected_a7a485 { background: rgb(var(--accent), 0.1); } -#app-mount .categoryItemDefaultCategory_dfa278.categoryItemDefaultCategorySelected_dfa278 .categoryIcon_dfa278 { +#app-mount .categoryItemDefaultCategory_dfa278.categoryItemDefaultCategorySelected_dfa278 .categoryIcon_dfa278, #app-mount .categoryItemDefaultCategory_dfa278.categoryItemDefaultCategorySelected_dfa278 .stickerCategoryGenericIcon_a7a485, #app-mount .categoryItemDefaultCategory_dfa278.stickerCategoryGenericSelected_a7a485 .categoryIcon_dfa278, #app-mount .categoryItemDefaultCategory_dfa278.stickerCategoryGenericSelected_a7a485 .stickerCategoryGenericIcon_a7a485, #app-mount .categoryItemDefaultCategory_dfa278.firstPartyCategorySelected_a7a485 .categoryIcon_dfa278, #app-mount .categoryItemDefaultCategory_dfa278.firstPartyCategorySelected_a7a485 .stickerCategoryGenericIcon_a7a485, #app-mount .stickerCategory_a7a485.categoryItemDefaultCategorySelected_dfa278 .categoryIcon_dfa278, #app-mount .stickerCategory_a7a485.categoryItemDefaultCategorySelected_dfa278 .stickerCategoryGenericIcon_a7a485, #app-mount .stickerCategory_a7a485.stickerCategoryGenericSelected_a7a485 .categoryIcon_dfa278, #app-mount .stickerCategory_a7a485.stickerCategoryGenericSelected_a7a485 .stickerCategoryGenericIcon_a7a485, #app-mount .stickerCategory_a7a485.firstPartyCategorySelected_a7a485 .categoryIcon_dfa278, #app-mount .stickerCategory_a7a485.firstPartyCategorySelected_a7a485 .stickerCategoryGenericIcon_a7a485 { color: rgb(var(--accent)); filter: drop-shadow(0 0 calc(var(--channel-glow-intensity) * 5px) rgb(var(--accent), 0.4)); } -#app-mount .categoryItemDefaultCategory_dfa278.categoryItemDefaultCategorySelected_dfa278::before { +#app-mount .categoryItemDefaultCategory_dfa278.categoryItemDefaultCategorySelected_dfa278::before, #app-mount .categoryItemDefaultCategory_dfa278.stickerCategoryGenericSelected_a7a485::before, #app-mount .categoryItemDefaultCategory_dfa278.firstPartyCategorySelected_a7a485::before, #app-mount .stickerCategory_a7a485.categoryItemDefaultCategorySelected_dfa278::before, #app-mount .stickerCategory_a7a485.stickerCategoryGenericSelected_a7a485::before, #app-mount .stickerCategory_a7a485.firstPartyCategorySelected_a7a485::before { content: ""; position: absolute; top: 0; @@ -2498,7 +2546,6 @@ body .container_d6cb89, #app-mount .container_b56bbc, #app-mount .header_b56bbc { background: var(--bg-primary); - background-color: transparent; } #app-mount .messagesPopoutWrap_ac90a2 { @@ -2563,7 +2610,7 @@ body .container_d6cb89, #app-mount .header_f0cd33 .button__292b6:hover { background: var(--background-modifier-hover); } -#app-mount .header_f0cd33 .expandedInboxHeader_f0cd33 { +#app-mount .header_f0cd33 .headerTitle_f0cd33 { padding: 7px 10px 12px 10px; } #app-mount .header_f0cd33 .expandedTabSection_f0cd33 { @@ -2686,6 +2733,49 @@ body .container_d6cb89, background-color: var(--fg-secondary); } +#app-mount .soundButtonInteractiveRefresh_f40049 { + background: var(--fg-secondary); +} +#app-mount .wrapper_ee8ca7 { + background: var(--bg-primary); +} +#app-mount .header_d0dc1d { + background: var(--bg-tertiary); +} +#app-mount .categoryList_ceda83 { + background: var(--bg-primary); +} +#app-mount .categoryList_ceda83 .scroller_d53d65 { + border-right: 1px solid var(--border); +} +#app-mount .categoryList_ceda83 .scroller_d53d65::-webkit-scrollbar { + display: none; +} + +#app-mount .popout_a35965 { + background: var(--bg-primary); + border-radius: 6px; +} +#app-mount .popout_a35965 .popoutContentWrapper_a35965, #app-mount .popout_a35965 .interactionsContainer_a35965 { + background: transparent; +} +#app-mount .popout_a35965 .interactionsContainer_a35965 .replyInput_d0fc0d { + background: var(--fg-secondary); +} +#app-mount .popout_a35965 .interactionsContainer_a35965 .replyInput_d0fc0d .slateTextArea_e52116 { + padding-left: 16px; +} + +#app-mount .popoutContainer_a6fde8 { + background-color: var(--bg-secondary); +} +#app-mount .popoutContainer_a6fde8 .messageContainer_a6fde8 { + background: var(--fg-secondary); +} +#app-mount .popoutContainer_a6fde8 .container_cdf946 { + background: var(--bg-tertiary); +} + #app-mount .tabBody_c2739c::before { content: none; } @@ -2742,6 +2832,9 @@ body .container_d6cb89, border-color: rgb(var(--accent)); box-shadow: 0 0 calc(var(--glow-intensity) * 20px) calc(var(--glow-intensity) * 5px) rgb(var(--accent), 0.25); } +#app-mount .emptyCard_f02fcf { + background: var(--bg-tertiary); +} #app-mount .nowPlayingColumn_c2739c { background: var(--bg-primary); @@ -2924,9 +3017,31 @@ body .container_d6cb89, #app-mount .applicationStore_cecc86 { background: transparent; } -#app-mount .scroller__244e5 { +#app-mount .mainPageScroller_ed2e7b { background: var(--bg-secondary); } +#app-mount .noFlipCardContainer_c21997.forceShadow_c21997 .card_c21997 { + background: var(--fg-secondary); +} + +#app-mount .shopScroll_e77fa3 { + background-color: var(--bg-primary); +} +#app-mount .darkCardBackground_c23530 { + background-color: var(--fg-secondary); +} +#app-mount .shopCard_c23530 { + border-color: var(--fg-secondary); +} +#app-mount .shopViewWrapper_e77fa3 .headerBar_d8354c { + background: var(--bg-primary) !important; + height: var(--toolbar-height); + padding-left: 24px; + padding-top: 7px; +} +#app-mount .shop_e77fa3, #app-mount .shop_ebba41, #app-mount .pageWrapper_e77fa3 { + background: transparent; +} #app-mount .layer_d4b6c5:not(.baseLayer_d4b6c5) { background: var(--bg-primary); @@ -3450,6 +3565,13 @@ body .container_d6cb89, padding-left: 40px !important; } +#app-mount .skuSelectModalHeader_f92df2, #app-mount .skuSelectModalContent_f92df2 { + background-color: transparent; +} +#app-mount .spinner_b0f29a { + background: transparent; +} + @keyframes fadeIn { from { opacity: 0; @@ -3601,6 +3723,10 @@ body .container_d6cb89, #app-mount .input_f8bc55:focus { background: var(--fg-primary) !important; } +#app-mount .loadingPopout_a8c724 { + background-color: var(--bg-tertiary); + border-radius: 5px; +} .root-8LYsGj { border-radius: 0; diff --git a/VerticalUserArea.css b/VerticalUserArea.css index 87fcb21..0abf18e 100644 --- a/VerticalUserArea.css +++ b/VerticalUserArea.css @@ -1,3 +1,6 @@ +#app-mount { + --iconOffset: 0; +} #app-mount .guilds_a4d4d9 .tree_fea3ef { outline: none !important; }