diff --git a/src/addons/_verticaluserarea.scss b/src/addons/_verticaluserarea.scss index 4c09768..bb53937 100644 --- a/src/addons/_verticaluserarea.scss +++ b/src/addons/_verticaluserarea.scss @@ -1,4 +1,5 @@ #app-mount { + --iconOffset: 0; .guilds_a4d4d9 { .tree_fea3ef { outline: none !important; diff --git a/src/theme/app/_app.scss b/src/theme/app/_app.scss index ab3b722..1da1626 100644 --- a/src/theme/app/_app.scss +++ b/src/theme/app/_app.scss @@ -27,7 +27,7 @@ body, // Light more wanrning 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); @@ -59,3 +59,8 @@ html.theme-light { content: 'SoftX v' var(--softx-version); text-transform: none; } + +// theme loading screen +.container_e40c16 { + background-color: hsl(0deg 0% 10%); +} diff --git a/src/theme/app/_toolbar.scss b/src/theme/app/_toolbar.scss index b27d2bb..9c02307 100644 --- a/src/theme/app/_toolbar.scss +++ b/src/theme/app/_toolbar.scss @@ -163,10 +163,11 @@ // Fix notice banner .notice_b5000b { border-radius: 0; - .closeButton_be03aa { - left: 15px; - } } + .closeButton_be03aa { + left: 15px; + } + } //fixed the shit -lion @@ -184,3 +185,4 @@ .theme-dark .children_fc4f04:after { background: transparent; } + diff --git a/src/theme/chat/_container.scss b/src/theme/chat/_container.scss index 3a81ab4..99b2b37 100644 --- a/src/theme/chat/_container.scss +++ b/src/theme/chat/_container.scss @@ -23,6 +23,7 @@ } // Placeholder messages + .wrapper_cdfd51, .wrapper_ba0ffb, .wrapper_b75bb9 { background: transparent; diff --git a/src/theme/chat/_textbox.scss b/src/theme/chat/_textbox.scss index 699386c..c379789 100644 --- a/src/theme/chat/_textbox.scss +++ b/src/theme/chat/_textbox.scss @@ -19,9 +19,6 @@ rgb(var(--accent), 0.25); } } - .attachButtonInner_f298d4 { - margin-bottom: 5px; - } .button_dd4f85 { height: 100%; // Gif Button diff --git a/src/theme/guilds/_server.scss b/src/theme/guilds/_server.scss index d22b20c..e54b315 100644 --- a/src/theme/guilds/_server.scss +++ b/src/theme/guilds/_server.scss @@ -9,7 +9,7 @@ } // No icon, other buttons - .childWrapper_a6ce15, + .childWrapper_f90abb, .circleIconButton_db6521 { background: rgb(255 255 255 / 0.1); } diff --git a/src/theme/members/_activity.scss b/src/theme/members/_activity.scss new file mode 100644 index 0000000..8d52179 --- /dev/null +++ b/src/theme/members/_activity.scss @@ -0,0 +1,5 @@ +#app-mount { + .container_c64476.openOnHover_c64476 { + background-color: var(--fg-secondary); + } +} diff --git a/src/theme/members/_index.scss b/src/theme/members/_index.scss index 281317d..6782742 100644 --- a/src/theme/members/_index.scss +++ b/src/theme/members/_index.scss @@ -1,3 +1,4 @@ @forward './container'; @forward './title'; @forward './member'; +@forward './activity'; diff --git a/src/theme/modals/_index.scss b/src/theme/modals/_index.scss index 2947e1b..528d887 100644 --- a/src/theme/modals/_index.scss +++ b/src/theme/modals/_index.scss @@ -4,3 +4,4 @@ @forward './quickswitch'; @forward './boostperks'; @forward './status'; +@forward './selectplan'; diff --git a/src/theme/modals/_selectplan.scss b/src/theme/modals/_selectplan.scss new file mode 100644 index 0000000..416c60f --- /dev/null +++ b/src/theme/modals/_selectplan.scss @@ -0,0 +1,8 @@ +#app-mount { + .skuSelectModalHeader_f92df2, .skuSelectModalContent_f92df2 { + background-color: transparent; + } + .spinner_b0f29a{ + background: transparent; + } +} \ No newline at end of file diff --git a/src/theme/pages/_friends.scss b/src/theme/pages/_friends.scss index 8f771e0..853b072 100644 --- a/src/theme/pages/_friends.scss +++ b/src/theme/pages/_friends.scss @@ -56,4 +56,8 @@ box-shadow: 0 0 calc(var(--glow-intensity) * 20px) calc(var(--glow-intensity) * 5px) rgb(var(--accent), 0.25); } } + + .emptyCard_f02fcf { + background: var(--bg-tertiary); + } } diff --git a/src/theme/pages/_index.scss b/src/theme/pages/_index.scss index 4228044..e1cb001 100644 --- a/src/theme/pages/_index.scss +++ b/src/theme/pages/_index.scss @@ -3,3 +3,4 @@ @forward './serverdiscovery'; @forward './serverboost'; @forward './nitro'; +@forward './shop'; \ No newline at end of file diff --git a/src/theme/pages/_nitro.scss b/src/theme/pages/_nitro.scss index a31ee60..c7f44c3 100644 --- a/src/theme/pages/_nitro.scss +++ b/src/theme/pages/_nitro.scss @@ -2,7 +2,10 @@ .applicationStore_cecc86 { background: transparent; } - .scroller__244e5 { + .mainPageScroller_ed2e7b { background: var(--bg-secondary); } + .noFlipCardContainer_c21997.forceShadow_c21997 .card_c21997 { + background: var(--fg-secondary); + } } diff --git a/src/theme/pages/_shop.scss b/src/theme/pages/_shop.scss new file mode 100644 index 0000000..0d9de24 --- /dev/null +++ b/src/theme/pages/_shop.scss @@ -0,0 +1,22 @@ +#app-mount { + .shopScroll_e77fa3 { + background-color: var(--bg-primary); + + } + .darkCardBackground_c23530 { + background-color: var(--fg-secondary); + } + .shopCard_c23530 { + border-color: var(--fg-secondary); + } + .shopViewWrapper_e77fa3 .headerBar_d8354c { + background: var(--bg-primary) !important; + height: var(--toolbar-height); + padding-left: 24px; + padding-top: 7px; + } + .shop_e77fa3, .shop_ebba41, .pageWrapper_e77fa3 { + background: transparent; + } +} + diff --git a/src/theme/popouts/_activity.scss b/src/theme/popouts/_activity.scss new file mode 100644 index 0000000..bc83600 --- /dev/null +++ b/src/theme/popouts/_activity.scss @@ -0,0 +1,17 @@ +#app-mount { + .popout_a35965{ + background: var(--bg-primary); + border-radius: 6px; + .popoutContentWrapper_a35965, .interactionsContainer_a35965 { + background: transparent; + } + .interactionsContainer_a35965 { + .replyInput_d0fc0d { + background: var(--fg-secondary); + .slateTextArea_e52116 { + padding-left: 16px; + } + } + } + } +} diff --git a/src/theme/popouts/_autocomplete.scss b/src/theme/popouts/_autocomplete.scss index 62950fe..43bd41f 100644 --- a/src/theme/popouts/_autocomplete.scss +++ b/src/theme/popouts/_autocomplete.scss @@ -10,8 +10,10 @@ // Left side .list_efd8e6 { + background-color: var(--bg-tertiary); + width: 55px; .listItems_d53d65 { - margin: -16px -12px -8px; + margin: 0 } .wrapper_efd8e6 { width: 100% !important; @@ -41,7 +43,7 @@ } } .section_efd8e6 { - margin-bottom: 0; + //margin-bottom: 0; } } diff --git a/src/theme/popouts/_bookmarks.scss b/src/theme/popouts/_bookmarks.scss new file mode 100644 index 0000000..e085dc8 --- /dev/null +++ b/src/theme/popouts/_bookmarks.scss @@ -0,0 +1,11 @@ +#app-mount { + .popoutContainer_a6fde8 { + background-color: var(--bg-secondary); + .messageContainer_a6fde8 { + background: var(--fg-secondary); + } + .container_cdf946 { + background: var(--bg-tertiary); + } + } +} diff --git a/src/theme/popouts/_emojipicker.scss b/src/theme/popouts/_emojipicker.scss index d2d97e0..a70f906 100644 --- a/src/theme/popouts/_emojipicker.scss +++ b/src/theme/popouts/_emojipicker.scss @@ -20,10 +20,12 @@ box-shadow: none; } } + .wrapper_d8cdac, .contentWrapper_af5dbb, .emojiPicker_c6ee36 { [class^='searchBar'], - .container_effbe2 { + .container_effbe2, + .container_c18ec9 { background: var(--input-background); border: 2px solid transparent; border-radius: 6px; @@ -61,6 +63,13 @@ } } + .wrapper_d8cdac, .container_b56bbc { + background: var(--bg-primary); + border: 1px solid var(--border); + border-radius: 6px; + box-shadow: var(--shadow-lg); + } + .nav_af5dbb { position: absolute; padding: 0; @@ -129,19 +138,25 @@ } } - .wrapper_dc0b29 { + #sticker-picker-tab-panel .wrapper_ba23fe { + left: -1px; + top: 63px; + } + + .contentWrapper_af5dbb .wrapper_ba23fe { top: 64px; border-top: 1px solid var(--border); border-right: 1px solid var(--border); background: transparent; .listItems_d53d65 { + width: 100%; margin: -8px; } .scroller_d53d65::-webkit-scrollbar { display: none; } } - .categoryItemDefaultCategory_dfa278 { + .categoryItemDefaultCategory_dfa278, .stickerCategory_a7a485 { width: 100%; height: 48px; padding: 0; @@ -151,9 +166,9 @@ display: flex; align-items: center; justify-content: center; - &.categoryItemDefaultCategorySelected_dfa278 { + &.categoryItemDefaultCategorySelected_dfa278, &.stickerCategoryGenericSelected_a7a485, &.firstPartyCategorySelected_a7a485 { background: rgb(var(--accent), 0.1); - .categoryIcon_dfa278 { + .categoryIcon_dfa278, .stickerCategoryGenericIcon_a7a485 { color: rgb(var(--accent)); filter: drop-shadow(0 0 calc(var(--channel-glow-intensity) * 5px) rgb(var(--accent), 0.4)); } @@ -239,6 +254,5 @@ .container_b56bbc, .header_b56bbc { background: var(--bg-primary); - background-color: transparent; } } diff --git a/src/theme/popouts/_inbox.scss b/src/theme/popouts/_inbox.scss index 549dbb5..b1a749c 100644 --- a/src/theme/popouts/_inbox.scss +++ b/src/theme/popouts/_inbox.scss @@ -37,7 +37,7 @@ min-height: fit-content; .expanded_f0cd33 { } - .expandedInboxHeader_f0cd33 { + .headerTitle_f0cd33 { padding: 7px 10px 12px 10px; } .expandedTabSection_f0cd33 { diff --git a/src/theme/popouts/_index.scss b/src/theme/popouts/_index.scss index 8c3602d..0f1e803 100644 --- a/src/theme/popouts/_index.scss +++ b/src/theme/popouts/_index.scss @@ -9,3 +9,6 @@ @forward './statuspicker'; @forward './customstatus'; @forward './appsmenu'; +@forward './soundboard'; +@forward './activity'; +@forward './bookmarks'; \ No newline at end of file diff --git a/src/theme/popouts/_soundboard.scss b/src/theme/popouts/_soundboard.scss new file mode 100644 index 0000000..2e6aa60 --- /dev/null +++ b/src/theme/popouts/_soundboard.scss @@ -0,0 +1,20 @@ +#app-mount { + .soundButtonInteractiveRefresh_f40049 { + background: var(--fg-secondary); + } + .wrapper_ee8ca7 { + background: var(--bg-primary); + } + .header_d0dc1d { + background: var(--bg-tertiary); + } + .categoryList_ceda83 { + background: var(--bg-primary); + .scroller_d53d65 { + border-right: 1px solid var(--border); + &::-webkit-scrollbar { + display: none; + } + } + } +} \ No newline at end of file diff --git a/src/theme/profile/_popout.scss b/src/theme/profile/_popout.scss index 12de70d..05850be 100644 --- a/src/theme/profile/_popout.scss +++ b/src/theme/profile/_popout.scss @@ -137,4 +137,8 @@ background: var(--fg-primary) !important; } } + .loadingPopout_a8c724 { + background-color: var(--bg-tertiary); + border-radius: 5px; + } } diff --git a/src/theme/sidebar/_container.scss b/src/theme/sidebar/_container.scss index e740c9d..c5b49d8 100644 --- a/src/theme/sidebar/_container.scss +++ b/src/theme/sidebar/_container.scss @@ -2,7 +2,7 @@ .sidebar_a4d4d9 { border-radius: 0; background: var(--bg-primary); - width: var(--channels-width); + width: var(--channels-width) !important; //importanter than you, discord. -lc border-right: 1px solid var(--border); z-index: 1; &.hidden_a4d4d9 {