diff --git a/snippets/css/BetterSpotifyPlayer/bsp.css b/snippets/css/BetterSpotifyPlayer/bsp.css index 769a615..d9ce97e 100644 --- a/snippets/css/BetterSpotifyPlayer/bsp.css +++ b/snippets/css/BetterSpotifyPlayer/bsp.css @@ -8,7 +8,7 @@ padding: 7px; margin-left: -17px; margin-top: 2px; - content: ''; + content: ""; background-color: var(--header-primary); /* Spotify wave thingy fix */ /*background-color: hsla(var(--spotify-vencord-text)/1);*/ @@ -16,7 +16,7 @@ } #vc-spotify-song-title + div::before, #vc-spotify-song-title + div + div::before { - background-color: var(--header-secondary); + background-color: var(--header-secondary); /* Spotify wave thingy fix */ /*background-color: hsla(var(--spotify-vencord-text)/1);*/ } @@ -34,11 +34,11 @@ /* */ #vc-spotify-player { - height:50px; + height: 50px; background: transparent !important; position: relative; transition: height 0.4s ease-out; - padding: 7px!important; + padding: 7px !important; padding-top: 8px !important; overflow: hidden; } @@ -48,7 +48,8 @@ #vc-spotify-player:hover { height: 115px; } -#vc-spotify-progress-bar, .vc-spotify-button-row { +#vc-spotify-progress-bar, +.vc-spotify-button-row { opacity: 0; transition: opacity 0.4s ease-out; } @@ -56,8 +57,10 @@ #vc-spotify-player:hover .vc-spotify-button-row { opacity: 1; } -#vc-spotify-player:has(#vc-spotify-album-expanded-wrapper) #vc-spotify-progress-bar, -#vc-spotify-player:has(#vc-spotify-album-expanded-wrapper) .vc-spotify-button-row { +#vc-spotify-player:has(#vc-spotify-album-expanded-wrapper) + #vc-spotify-progress-bar, +#vc-spotify-player:has(#vc-spotify-album-expanded-wrapper) + .vc-spotify-button-row { opacity: 1; } #vc-spotify-player::before, @@ -110,7 +113,8 @@ opacity: 1; transition: opacity 0.4s ease-out; } -#vc-spotify-player:not(:has(#vc-spotify-album-expanded-wrapper)):hover #vc-spotify-album-image { +#vc-spotify-player:not(:has(#vc-spotify-album-expanded-wrapper)):hover + #vc-spotify-album-image { opacity: 0; } #vc-spotify-album-image:hover { @@ -120,20 +124,23 @@ margin-left: 15px; transition: margin-left 0.4s ease-out; } -#vc-spotify-player:hover #vc-spotify-titles { +#vc-spotify-player:hover #vc-spotify-titles { margin-left: -42px; } #vc-spotify-player #vc-spotify-titles .size14_b2af01 { font-size: 13px; } -#vc-spotify-song-title::before, #vc-spotify-song-title + div::before, #vc-spotify-song-title + div + div::before { +#vc-spotify-song-title::before, +#vc-spotify-song-title + div::before, +#vc-spotify-song-title + div + div::before { background-color: var(--interactive-active); } #vc-spotify-player .colorStandard__5111e { color: var(--interactive-active); } -.vc-spotify-artist, .vc-spotify-album { - color: var(--interactive-normal) +.vc-spotify-artist, +.vc-spotify-album { + color: var(--interactive-normal); } #vc-spotify-player .bar_e58961 { background-color: color-mix(in srgb, var(--white-500), transparent 75%); @@ -141,7 +148,7 @@ #vc-spotify-player .barFill__30e17 { background-color: var(--interactive-active); } -#vc-spotify-progress-bar>[class^=slider] [class^=grabber] { +#vc-spotify-progress-bar > [class^="slider"] [class^="grabber"] { background-color: var(--interactive-active); border-color: var(--interactive-active); width: 12px !important; @@ -156,14 +163,17 @@ color: var(--interactive-active); } .vc-spotify-button:hover { - background-color: color-mix(in srgb, var(--interactive-active), transparent 75%); + background-color: color-mix( + in srgb, + var(--interactive-active), + transparent 75% + ); } .vc-spotify-button.vc-spotify-shuffle-on { color: var(--green-360); } .vc-spotify-button.vc-spotify-shuffle-on:hover { - background-color: color-mix(in srgb, var(--green-360), transparent 75%);; + background-color: color-mix(in srgb, var(--green-360), transparent 75%); } /* */ /* adding this to force update */ - diff --git a/snippets/css/CompactChannelList/ccl.css b/snippets/css/CompactChannelList/ccl.css new file mode 100644 index 0000000..b2005b8 --- /dev/null +++ b/snippets/css/CompactChannelList/ccl.css @@ -0,0 +1,76 @@ +.unread__2ea32 { + width: 6px; + height: 6px; + border-radius: 50%; + left: auto; + right: 4px; + top: 16px; +} +.modeSelected__2ea32 .link__2ea32 { + background-color: var(--brand-700) !important; +} +.link__2ea32 { + padding-left: 16px; + border-radius: 0px !important; + + &::before { + width: 1px; + left: 10px; + background-color: rgba(255, 255, 255, 0.3); + } + &:hover { + background-color: var(--brand-800) !important; + } + .icon__2ea32 { + scale: 0.8; + } + + .linkTop__2ea32 { + gap: 4px; + } +} + +.wrapper__2ea32 { + margin: 0px; +} + +.name__2ea32, +.overflow__82b15 { + font-size: 14px; + font-weight: 500; + line-height: 1.2857142857142858; +} + +.wrapper__29444 { + padding: var(--space-xxs) var(--space-xs); + padding-left: 4px; + box-sizing: content-box; + + .mainContent__29444 { + flex-direction: row-reverse !important; + flex: none !important; + gap: 8px; + } + + .icon__29444 { + scale: 1.25; + } +} + +.spine__5b40b { + display: none !important; +} + +.spineBorder__5b40b { + left: 10px; + width: 1px; + background: rgba(255, 255, 255, 0.3) !important; + height: 100%; +} + +.typeThread__2ea32 { + margin-left: 10px !important; + .link__2ea32 { + padding-left: 20px !important; + } +} diff --git a/snippets/css/SelfMessages/sm.css b/snippets/css/SelfMessages/sm.css index 0a42a07..fcfad2a 100644 --- a/snippets/css/SelfMessages/sm.css +++ b/snippets/css/SelfMessages/sm.css @@ -1,169 +1,218 @@ /* Selfmessages. Heavily based on Discord 11's Message bubbles */ /* Message Bubbles */ /* Modified by x3non to work with Vencord */ - /* New Messages bubble */ +/* New Messages bubble */ - #app-mount [class^="messageListItem__"][data-is-self="true"], - #app-mount [class*=message][data-author-self=true] { - margin-left: auto; - width: auto; - padding-left: 1vw; - padding-right: 1.24vw !important; - max-width: fit-content; - } - -[class^="messageListItem__"][data-is-self="true"] [class*=container]:not([class*=shiki]), - [data-author-self=true] [class*=container]:not([class*=shiki]){ - direction: rtl; - text-align: right; - padding-right: 2rem; - } - - - -#app-mount [class^="messageListItem__"][data-is-self="true"] [class*=groupStart] > [class*=contents] > [class*=markup], -#app-mount [class*=message][data-author-self=true] [class*=groupStart] > [class*=contents] > [class*=markup] { - text-align: left; +#app-mount [class^="messageListItem__"][data-is-self="true"], +#app-mount [class*="message"][data-author-self="true"] { + margin-left: auto; + width: auto; + padding-left: 1vw; + padding-right: 1.24vw !important; + max-width: fit-content; } -#app-mount [class^="messageListItem__"][data-is-self="true"] [class*=contents], -#app-mount [class*=message][data-author-self=true] [class*=contents] { - display: inline-flexbox; - margin-left: auto; - margin-right: 2vw; +[class^="messageListItem__"][data-is-self="true"] + [class*="container"]:not([class*="shiki"]), +[data-author-self="true"] [class*="container"]:not([class*="shiki"]) { + direction: rtl; + text-align: right; + padding-right: 2rem; } -.horizontal_b26b79{ +#app-mount + [class^="messageListItem__"][data-is-self="true"] + [class*="groupStart"] + > [class*="contents"] + > [class*="markup"], +#app-mount + [class*="message"][data-author-self="true"] + [class*="groupStart"] + > [class*="contents"] + > [class*="markup"] { + text-align: left; +} + +#app-mount + [class^="messageListItem__"][data-is-self="true"] + [class*="contents"], +#app-mount [class*="message"][data-author-self="true"] [class*="contents"] { + display: inline-flexbox; + margin-left: auto; + margin-right: 2vw; +} + +.horizontal_b26b79 { margin-left: -3.3rem; } -.vertical_b26b79{ - margin: 1vw 2.36vw -4vw !important; +.vertical_b26b79 { + margin: 1vw 2.36vw -4vw !important; } - - #app-mount [class^="messageListItem__"][data-is-self="true"][class*=message][class*=selected] [class*=contents], - #app-mount [class*=message][class*=selected][data-author-self=true] [class*=contents] { - width: 100%; - } - - - #app-mount [class^="messageListItem__"][data-is-self="true"] [class*=timestamp], - #app-mount [class*=message][data-author-self=true] [class*=timestamp] { - left: unset; - right: 8px; - margin-top: 1.75px; +#app-mount + [class^="messageListItem__"][data-is-self="true"][class*="message"][class*="selected"] + [class*="contents"], +#app-mount + [class*="message"][class*="selected"][data-author-self="true"] + [class*="contents"] { + width: 100%; } - - #app-mount [class^="messageListItem__"][data-is-self="true"] [class*=replying] [class*=contents] [class*=messageContent]::before, - #app-mount [class^="messageListItem__"][data-is-self="true"] [class*=mentioned] [class*=contents] [class*=messageContent]::before, - #app-mount [class*=replying][data-author-self=true] [class*=contents] [class*=messageContent]::before, - #app-mount [class*=mentioned][data-author-self=true] [class*=contents] [class*=messageContent]::before { - left: unset; - right: 0; - } - -#app-mount [class^="messageListItem__"][data-is-self="true"] [class*=contents] [class*=messageContent], -#app-mount [class*=message] [data-author-self=true] [class*=content] [class*=messageContent]{ - margin-left: auto; - background-color: var(--selfMessageColor) !important; - padding: 0.3vw 0.5vw 0.3vw 0.5vw; +#app-mount + [class^="messageListItem__"][data-is-self="true"] + [class*="timestamp"], +#app-mount [class*="message"][data-author-self="true"] [class*="timestamp"] { + left: unset; + right: 8px; + margin-top: 1.75px; } - #app-mount [class^="messageListItem__"][data-is-self="true"] a:not([class*=embed] [class*=embedAuthorNameLink]), - #app-mount [class^="messageListItem__"][data-is-self="true"] [class*=repliedMessage] - #app-mount [class*=message][data-author-self=true] a:not([class*=embed] [class*=embedAuthorNameLink]), - #app-mount [class*=message][data-author-self=true] [class*=repliedMessage] { - margin-left: auto; - } +#app-mount + [class^="messageListItem__"][data-is-self="true"] + [class*="replying"] + [class*="contents"] + [class*="messageContent"]::before, +#app-mount + [class^="messageListItem__"][data-is-self="true"] + [class*="mentioned"] + [class*="contents"] + [class*="messageContent"]::before, +#app-mount + [class*="replying"][data-author-self="true"] + [class*="contents"] + [class*="messageContent"]::before, +#app-mount + [class*="mentioned"][data-author-self="true"] + [class*="contents"] + [class*="messageContent"]::before { + left: unset; + right: 0; +} - #app-mount [class^="messageListItem__"][data-is-self="true"] [class*=embedAuthor], - #app-mount [class*=message][data-author-self=true] [class*=embedAuthor] { - direction: ltr; - } +#app-mount + [class^="messageListItem__"][data-is-self="true"] + [class*="contents"] + [class*="messageContent"], +#app-mount + [class*="message"] + [data-author-self="true"] + [class*="content"] + [class*="messageContent"] { + margin-left: auto; + background-color: var(--selfMessageColor) !important; + padding: 0.3vw 0.5vw 0.3vw 0.5vw; +} + +#app-mount + [class^="messageListItem__"][data-is-self="true"] + a:not([class*="embed"] [class*="embedAuthorNameLink"]), +#app-mount + [class^="messageListItem__"][data-is-self="true"] + [class*="repliedMessage"] + #app-mount + [class*="message"][data-author-self="true"] + a:not([class*="embed"] [class*="embedAuthorNameLink"]), +#app-mount + [class*="message"][data-author-self="true"] + [class*="repliedMessage"] { + margin-left: auto; +} + +#app-mount + [class^="messageListItem__"][data-is-self="true"] + [class*="embedAuthor"], +#app-mount [class*="message"][data-author-self="true"] [class*="embedAuthor"] { + direction: ltr; +} /* Self Avatar Icon */ - #app-mount [class^="messageListItem__"][data-is-self="true"] [class*=avatar], - #app-mount [class*=message][data-author-self=true] [class*=avatar]{ - left: unset; - right: 0.25rem; - } - [class^="messageListItem__"][data-is-self="true"] [class*=avatarDecoration], - [class*=message][data-author-self=true] [class*=avatarDecoration]{ - right: 0px !important; - } - -/* Self Username Tweaks */ - #app-mount [class^="messageListItem__"][data-is-self="true"] [class*=header], - #app-mount [class*=message] [data-author-self=true] [class*=header] { - display: flex; - flex-direction: row-reverse; - } - -[class^="messageListItem__"][data-is-self="true"] [class*=header] span, -[data-author-self=true] [class*=header] span { - margin-left: .25rem; - margin-right: unset; - } - -/* resize fixing */ - #app-mount [class*=contents] pre, - #app-mount [class*=message] { - max-width: 100%; - } - - #app-mount [class*=contents] [class*=messageContent] { - background-color: var(--defaultMessageColor); - padding: 0.3vw 0.5vw 0.3vw 0.5vw; - margin-left: unset; - width: fit-content; - border-radius: 0.7vw; - } - - -[class^="messageListItem__"][data-is-self="true"] [class*=compact][class*=wrapper] [class*=messageContent], -[class*=message] [class*=compact] [class*=wrapper] [data-author-self=true] [class*=messageContent] { - display: flex; - } - - #app-mount [class*=compact] [class*=wrapper] { - padding-top: 8px; - padding-bottom: 8px; - } - - #app-mount .mentioned__5126c .contents_c19a55 .messageContent_c19a55 { - background-color: var(--mention); - } - - #app-mount .mentioned__5126c:hover .contents_c19a55 .messageContent_c19a55, - #app-mount .mentioned__5126c.selected__5126c .contents_c19a55 .messageContent_c19a55 { - background-color: var(--defaultMessageColor); - } - - #app-mount .mentioned__5126c .contents_c19a55 .messageContent_c19a55::before { - content: ""; - position: absolute; - display: block; - top: 0; - left: 0; - bottom: 0; - pointer-events: none; - width: 3px; - margin: 8px 0; - z-index: 1; - } - - #app-mount .repliedMessage_c19a55 { - background-color: var(--message-hover); - margin-bottom: 0; - padding: 6px; - border-radius: 5px; - width: fit-content; - max-width: 100%; - } - - -[data-is-self=true] [id*=message-reply]::before{ - display: none; +#app-mount [class^="messageListItem__"][data-is-self="true"] [class*="avatar"], +#app-mount [class*="message"][data-author-self="true"] [class*="avatar"] { + left: unset; + right: 0.25rem; +} +[class^="messageListItem__"][data-is-self="true"] [class*="avatarDecoration"], +[class*="message"][data-author-self="true"] [class*="avatarDecoration"] { + right: 0px !important; } +/* Self Username Tweaks */ +#app-mount [class^="messageListItem__"][data-is-self="true"] [class*="header"], +#app-mount [class*="message"] [data-author-self="true"] [class*="header"] { + display: flex; + flex-direction: row-reverse; +} + +[class^="messageListItem__"][data-is-self="true"] [class*="header"] span, +[data-author-self="true"] [class*="header"] span { + margin-left: 0.25rem; + margin-right: unset; +} + +/* resize fixing */ +#app-mount [class*="contents"] pre, +#app-mount [class*="message"] { + max-width: 100%; +} + +#app-mount [class*="contents"] [class*="messageContent"] { + background-color: var(--defaultMessageColor); + padding: 0.3vw 0.5vw 0.3vw 0.5vw; + margin-left: unset; + width: fit-content; + border-radius: 0.7vw; +} + +[class^="messageListItem__"][data-is-self="true"] + [class*="compact"][class*="wrapper"] + [class*="messageContent"], +[class*="message"] + [class*="compact"] + [class*="wrapper"] + [data-author-self="true"] + [class*="messageContent"] { + display: flex; +} + +#app-mount [class*="compact"] [class*="wrapper"] { + padding-top: 8px; + padding-bottom: 8px; +} + +#app-mount .mentioned__5126c .contents_c19a55 .messageContent_c19a55 { + background-color: var(--mention); +} + +#app-mount .mentioned__5126c:hover .contents_c19a55 .messageContent_c19a55, +#app-mount + .mentioned__5126c.selected__5126c + .contents_c19a55 + .messageContent_c19a55 { + background-color: var(--defaultMessageColor); +} + +#app-mount .mentioned__5126c .contents_c19a55 .messageContent_c19a55::before { + content: ""; + position: absolute; + display: block; + top: 0; + left: 0; + bottom: 0; + pointer-events: none; + width: 3px; + margin: 8px 0; + z-index: 1; +} + +#app-mount .repliedMessage_c19a55 { + background-color: var(--message-hover); + margin-bottom: 0; + padding: 6px; + border-radius: 5px; + width: fit-content; + max-width: 100%; +} + +[data-is-self="true"] [id*="message-reply"]::before { + display: none; +} diff --git a/snippets/css/SimpleSquarecord/ssc.css b/snippets/css/SimpleSquarecord/ssc.css index ba23ae5..66de9d3 100644 --- a/snippets/css/SimpleSquarecord/ssc.css +++ b/snippets/css/SimpleSquarecord/ssc.css @@ -4,55 +4,54 @@ *::after, *::-webkit-scrollbar-thumb, *::-webkit-scrollbar-track { - border-radius: 0px !important; - mask: none !important; - -webkit-mask: none !important; + border-radius: 0px !important; + mask: none !important; + -webkit-mask: none !important; } .svg-1G_H_8 rect[style], .svg-1G_H_8 circle[style] { - display: none; + display: none; } .slider-HJFN2i rect { - rx: 0; + rx: 0; } /* */ /* Voice pfp fix */ .voiceUser-3nRK-K .userAvatar-3Hwf1F { - border: none; + border: none; } /* */ /* Voice Member count FIX */ .total-1c5KCN { - padding-left: 4px; + padding-left: 4px; } .total-1c5KCN::after { - display: none; + display: none; } /* */ /* Theme checkmark fix */ .checkmarkCircle-2LCcdI { - background-color: var(--brand-500); + background-color: var(--brand-500); } /* */ /* Radio buttons (settings) fix */ .radioBar-1XgZqD svg { - border: 2px solid white; + border: 2px solid white; } .radioBar-1XgZqD svg path, .radioBar-1XgZqD circle { - display: none; + display: none; } .radioBar-1XgZqD div { - position: relative; + position: relative; } -.radioBar-1XgZqD div:has(circle)::before{ - content:""; - position:absolute; - background:currentColor; - width:13px; - height:13px; - left:25%; - top: 22%; +.radioBar-1XgZqD div:has(circle)::before { + content: ""; + position: absolute; + background: currentColor; + width: 13px; + height: 13px; + left: 25%; + top: 22%; } /* */ - diff --git a/snippets/css/TabsV2/tv2.css b/snippets/css/TabsV2/tv2.css index dca5dfd..eed6972 100644 --- a/snippets/css/TabsV2/tv2.css +++ b/snippets/css/TabsV2/tv2.css @@ -21,8 +21,13 @@ .peopleListItem_d14722:hover { background-color: var(--background-modifier-selected) !important; } -.peopleList__2379e .content__23cab > div[aria-hidden*="true"] + div.peopleListItem_d14722, -.peopleList__2379e .content__23cab:not(:has([aria-hidden*="true"] + div.peopleListItem_d14722)) > div:first-child { +.peopleList__2379e + .content__23cab + > div[aria-hidden*="true"] + + div.peopleListItem_d14722, +.peopleList__2379e + .content__23cab:not(:has([aria-hidden*="true"] + div.peopleListItem_d14722)) + > div:first-child { border-radius: 12px 12px 0 0 !important; } .peopleList__2379e .content__23cab > div:last-child { @@ -36,7 +41,9 @@ .item_e4ca95 { border-radius: 8px !important; } -.itemCard__1f162, .section_efc22d, .body__83069 { +.itemCard__1f162, +.section_efc22d, +.body__83069 { border-radius: 16px !important; } .addFriendInputWrapper__4bf8e { @@ -44,47 +51,27 @@ } /* */ /* server list */ -.guilds__2b93a .scroller__3d071 > .tutorialContainer__890ea .childWrapper__01b9c svg { +.guilds__2b93a + .scroller__3d071 + > .tutorialContainer__890ea + .childWrapper__01b9c + svg { padding: 12px; } -.guilds__2b93a .scroller__3d071 > .tutorialContainer__890ea .childWrapper__01b9c svg path { - d: path("M12 22a10 10 0 1 0-8.45-4.64c.13.19.11.44-.04.61l-2.06 2.37A1 1 0 0 0 2.2 22H12Z") !important; +.guilds__2b93a + .scroller__3d071 + > .tutorialContainer__890ea + .childWrapper__01b9c + svg + path { + d: path( + "M12 22a10 10 0 1 0-8.45-4.64c.13.19.11.44-.04.61l-2.06 2.37A1 1 0 0 0 2.2 22H12Z" + ) !important; border: 1px solid red; width: 12px; } /* using ServersList from DaBluLite */ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - /* @@ -336,41 +323,6 @@ */ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - /* */ .sidebar_ded4b5 { border-radius: 16px; @@ -456,31 +408,57 @@ background-color: var(--background-modifier-selected); } /* first item */ -.sidebar_ded4b5 .privateChannels__93473 .content__23cab > .container__8759a:first-of-type .interactive__776ee{ +.sidebar_ded4b5 + .privateChannels__93473 + .content__23cab + > .container__8759a:first-of-type + .interactive__776ee { border-radius: 12px 12px 0 0; /* border: 1px solid red; */ } /* last child */ -.sidebar_ded4b5 .privateChannels__93473 .content__23cab > .container__8759a:nth-last-child(1) .interactive__776ee { +.sidebar_ded4b5 + .privateChannels__93473 + .content__23cab + > .container__8759a:nth-last-child(1) + .interactive__776ee { border-radius: 0 0 12px 12px; border-bottom: none; } /* first child below THING */ -.sidebar_ded4b5 .privateChannels__93473 .content__23cab > .container_de798d + .container__8759a .interactive__776ee { +.sidebar_ded4b5 + .privateChannels__93473 + .content__23cab + > .container_de798d + + .container__8759a + .interactive__776ee { border-radius: 12px 12px 0 0; } /* overrides ^^, last thing above THING */ -.sidebar_ded4b5 .privateChannels__93473 .content__23cab > .container__8759a:has(+ .container_de798d) .interactive__776ee { +.sidebar_ded4b5 + .privateChannels__93473 + .content__23cab + > .container__8759a:has(+ .container_de798d) + .interactive__776ee { border-radius: 0 0 12px 12px; border-bottom: none; } /* middle child? */ -.sidebar_ded4b5 .privateChannels__93473 .content__23cab > div + .container__8759a:has(+ .container_de798d) > .interactive__776ee, -.sidebar_ded4b5 .privateChannels__93473 .content__23cab > .container_de798d + .container__8759a:only-child { +.sidebar_ded4b5 + .privateChannels__93473 + .content__23cab + > div + + .container__8759a:has(+ .container_de798d) + > .interactive__776ee, +.sidebar_ded4b5 + .privateChannels__93473 + .content__23cab + > .container_de798d + + .container__8759a:only-child { border-radius: 12px; border-bottom: none; } @@ -511,9 +489,11 @@ .content_b60865, .containerDefault__3187b:hover .link__95dc0, .emojiColorFill__3e432 { - border-radius:12px; + border-radius: 12px; } -.link__95dc0:has(.dots_a97068) .linkTop_eaa673 > div:last-child:has(.dots_a97068) { +.link__95dc0:has(.dots_a97068) + .linkTop_eaa673 + > div:last-child:has(.dots_a97068) { /* border: 1px solid red; */ /* background-color: var(--brand-500); border: 4px solid var(--background-secondary); */ @@ -526,13 +506,17 @@ left: -2px !important; top: 7px; } -.link__95dc0:has(.dots_a97068) .linkTop_eaa673 > div:last-child:has(.dots_a97068) > svg { +.link__95dc0:has(.dots_a97068) + .linkTop_eaa673 + > div:last-child:has(.dots_a97068) + > svg { /* transform: scale(0.6, 0.6); */ } .link__95dc0:has(.dots_a97068) .linkTop_eaa673 .iconContainer__3f9b0 { visibility: hidden; } -.bar__004d9:not(.mentionsBar__4b47a) .unreadIcon_efbd40, .bar__004d9:not(.mentionsBar__4b47a) .barText__1a44f { +.bar__004d9:not(.mentionsBar__4b47a) .unreadIcon_efbd40, +.bar__004d9:not(.mentionsBar__4b47a) .barText__1a44f { color: var(--brand-400) !important; } .container_f87d43 .spineBorder_bdec8b { @@ -580,33 +564,49 @@ .chat__52833:has(.profilePanel__12596) .chatContent__5dca8 { border-radius: 0px 16px 16px 0px; } -.chat__52833:has(.members__9f47b) .chatContent__5dca8 .scroller__1f96e::-webkit-scrollbar-track, -.chat__52833:has(.searchResultsWrap__9f374) .chatContent__5dca8 .scroller__1f96e::-webkit-scrollbar-track, -.chat__52833:has(.profilePanel__12596) .chatContent__5dca8 .scroller__1f96e::-webkit-scrollbar-track { +.chat__52833:has(.members__9f47b) + .chatContent__5dca8 + .scroller__1f96e::-webkit-scrollbar-track, +.chat__52833:has(.searchResultsWrap__9f374) + .chatContent__5dca8 + .scroller__1f96e::-webkit-scrollbar-track, +.chat__52833:has(.profilePanel__12596) + .chatContent__5dca8 + .scroller__1f96e::-webkit-scrollbar-track { margin-top: 6px; } -.chat__52833:has(.members__9f47b) .container_b181b6 .scrollerBase_dc3aa9::-webkit-scrollbar-track { +.chat__52833:has(.members__9f47b) + .container_b181b6 + .scrollerBase_dc3aa9::-webkit-scrollbar-track { margin-top: 6px; margin-bottom: 6px; } -.chat__52833:has(.members__9f47b) .container_b181b6 .thin_b1c063::-webkit-scrollbar { +.chat__52833:has(.members__9f47b) + .container_b181b6 + .thin_b1c063::-webkit-scrollbar { width: 16px; height: 16px; } -.chat__52833:has(.members__9f47b) .container_b181b6 .thin_b1c063::-webkit-scrollbar-thumb { +.chat__52833:has(.members__9f47b) + .container_b181b6 + .thin_b1c063::-webkit-scrollbar-thumb { background-clip: padding-box; border: 4px solid transparent; border-radius: 8px; background-color: var(--scrollbar-auto-thumb); min-height: 40px; } -.chat__52833:has(.members__9f47b) .container_b181b6 .thin_b1c063::-webkit-scrollbar-track { +.chat__52833:has(.members__9f47b) + .container_b181b6 + .thin_b1c063::-webkit-scrollbar-track { border: 4px solid transparent; background-clip: padding-box; border-radius: 8px; background-color: var(--scrollbar-auto-track); } -.container__5c7e7, .applicationStore_fc7d76, .shop_b31ed2 { +.container__5c7e7, +.applicationStore_fc7d76, +.shop_b31ed2 { margin-left: 8px; border-radius: 16px 0px 0px 16px !important; } @@ -620,7 +620,9 @@ .chatHeaderBar__28ee6 { border-radius: 0px 16px 0px 0px !important; } -.container_b2ce9c, .members__9f47b, .searchResultsWrap__9f374 { +.container_b2ce9c, +.members__9f47b, +.searchResultsWrap__9f374 { border-radius: 16px 0px 0px 16px !important; } .container_d3a736 { @@ -714,10 +716,10 @@ /* background-color: tomato; */ } /* help me */ -.public-DraftEditorPlaceholder-root{ +.public-DraftEditorPlaceholder-root { top: 6px; } -.public-DraftEditorPlaceholder-root > div{ +.public-DraftEditorPlaceholder-root > div { padding-left: 3px; } .DraftEditor-editorContainer { @@ -728,10 +730,12 @@ padding-left: 0px !important; overflow: hidden !important; } -.public-DraftEditorPlaceholder-root, .public-DraftEditor-content { +.public-DraftEditorPlaceholder-root, +.public-DraftEditor-content { padding-bottom: 0px !important; } -.public-DraftEditor-content > div, .public-DraftEditor-content > div > div { +.public-DraftEditor-content > div, +.public-DraftEditor-content > div > div { height: 100% !important; border: 0px solid red; } @@ -770,8 +774,9 @@ .public-DraftStyleDefault-block .searchFilter__118cb + .searchAnswer_b452e7 { border-radius: 0px 12px 12px 0px; } -.public-DraftStyleDefault-block .searchFilter__118cb:has(+ .searchAnswer_b452e7) { - border-radius: 12px 0px 0px 12px +.public-DraftStyleDefault-block + .searchFilter__118cb:has(+ .searchAnswer_b452e7) { + border-radius: 12px 0px 0px 12px; } .public-DraftStyleDefault-block > span { padding-top: 3px !important; @@ -780,10 +785,12 @@ .scrollerContent_c73942 { margin-bottom: 10px !important; } -.chatContent__5dca8:has(.form__13a2c .base__512ed) .scroller__1f96e::-webkit-scrollbar-track { +.chatContent__5dca8:has(.form__13a2c .base__512ed) + .scroller__1f96e::-webkit-scrollbar-track { margin-bottom: 32px; } -.chatContent__5dca8:has(.attachedBars_da3c74) .scroller__1f96e::-webkit-scrollbar-track { +.chatContent__5dca8:has(.attachedBars_da3c74) + .scroller__1f96e::-webkit-scrollbar-track { margin-bottom: 10px; } /* */ @@ -807,40 +814,45 @@ background-color: var(--background-secondary); height: 100%; } -.embedWrapper_c143d9, .imageWrapper_fd6587, +.embedWrapper_c143d9, +.imageWrapper_fd6587, .spoilerContent__37bfa:has(.spoilerEmbed__9a546), .clickableWrapper__64072 img, -.messageAttachment_b97504, .imageContainer__04362, +.messageAttachment_b97504, +.imageContainer__04362, .attachment__7a2d0, .embedVideo__0c65b, .embedVideo__0c65b video, -.video__4c052 + .cover__0b3cf, .wrapper__3a7a0, +.video__4c052 + .cover__0b3cf, +.wrapper__3a7a0, .wrapperAudio__555ce, .attachment_f3cf2c, .wrapper_efe67f, .container__767d1 { border-radius: 12px !important; } -.hoverButtonGroup__5b423, .hoverButton__13836 { +.hoverButtonGroup__5b423, +.hoverButton__13836 { border-radius: 8px; } .audioControls__9fbe9 { border-radius: 8px; } .textContainer__709ff { - border-radius: 12px 12px 0px 0px!important; + border-radius: 12px 12px 0px 0px !important; } -.newMosaicStyle__8d3be:has(.footer__06f4b) .shiki-container .shiki-root{ +.newMosaicStyle__8d3be:has(.footer__06f4b) .shiki-container .shiki-root { border-radius: 12px 12px 0px 0px; } -.messageContent__21e69 > .shiki-container, .shiki-root{ +.messageContent__21e69 > .shiki-container, +.shiki-root { border-radius: 12px; } .hljs { border-radius: 12px; } .footer__06f4b { - border-radius: 0px 0px 12px 12px!important; + border-radius: 0px 0px 12px 12px !important; } .gifTag__9db5a { border-radius: 8px; @@ -852,7 +864,7 @@ padding-bottom: 8px; border-radius: 24px !important; } -.bottomControls__8bd89 .controlButton_ab2899 { +.bottomControls__8bd89 .controlButton_ab2899 { border-radius: 100% !important; } .container__77df0 { @@ -873,7 +885,8 @@ .autocomplete_df266d { border-radius: 12px; } -.wrapper__19c60, .selected__608f1 { +.wrapper__19c60, +.selected__608f1 { border-radius: 12px; } .base__76a71 { @@ -890,7 +903,8 @@ } fieldset.answerInputsContainer__22676 .defaultTextInputWrapper__4f24b, -.formInput_c28524, .addAnswerButton__0db97 { +.formInput_c28524, +.addAnswerButton__0db97 { border-radius: 12px !important; } /* */ @@ -928,43 +942,50 @@ fieldset.answerInputsContainer__22676 .defaultTextInputWrapper__4f24b, border-radius: 0 0 12px 12px !important; } #emoji-picker-tab-panel .wrapper_cd625e { -border-radius: 0 0 0 12px !important; + border-radius: 0 0 0 12px !important; } -#emoji-picker-tab-panel .header__55964{ +#emoji-picker-tab-panel .header__55964 { border-radius: 12px 12px 0 0 !important; } -#emoji-picker-tab-panel .header__55964{ +#emoji-picker-tab-panel .header__55964 { border-radius: 12px 12px 0 0 !important; } -.navItem_df0bc1 { +.navItem_df0bc1 { border-radius: 8px !important; } .searchBar__8f956 { border-radius: 12px; } -.diversitySelectorOptions__846c5, .diversityEmojiItem__6505f { +.diversitySelectorOptions__846c5, +.diversityEmojiItem__6505f { border-radius: 12px; } -.categoryItemDefaultCategorySelected__8245a, .categoryItemDefaultCategory__67fe7, -.stickerCategory__4891e{ +.categoryItemDefaultCategorySelected__8245a, +.categoryItemDefaultCategory__67fe7, +.stickerCategory__4891e { border-radius: 12px !important; } .picker__6dca7 { border-radius: 12px; } .newlyAddedHighlight_b1b06a { - border-radius: 8px 8px 0 8px!important; + border-radius: 8px 8px 0 8px !important; } .newlyAddedBadge__97630 { border-radius: 0 0 8px 8px; } -.newlyAddedHighlightContainer__974c5:has(li:only-child) .newlyAddedHighlight_b1b06a { +.newlyAddedHighlightContainer__974c5:has(li:only-child) + .newlyAddedHighlight_b1b06a { border-radius: 8px 8px 0 0 !important; } .container_e4c233 { border-radius: 12px; } -.result_e1fc74, .gif__2aa16, .categoryFadeBlurple_e73c11, .categoryFade_f9c843, .result_e1fc74::after { +.result_e1fc74, +.gif__2aa16, +.categoryFadeBlurple_e73c11, +.categoryFade_f9c843, +.result_e1fc74::after { border-radius: 12px !important; } @@ -981,7 +1002,7 @@ border-radius: 0 0 0 12px !important; height: 1px; } .form__13a2c:has(.buttonContainer__1c00c) .wrapper_fbbb73 { - height: 30px + height: 30px; } .form__13a2c .scrollableContainer__33e06::-webkit-scrollbar { width: 8px; @@ -1014,7 +1035,9 @@ border-radius: 0 0 0 12px !important; font-size: 0px; z-index: 999; } -.chatContent__5dca8:has(.form__13a2c .base__512ed) .jumpToPresentBar__0ff7f > button:last-child { +.chatContent__5dca8:has(.form__13a2c .base__512ed) + .jumpToPresentBar__0ff7f + > button:last-child { bottom: 42px; } .jumpToPresentBar__0ff7f > button:last-child:active { @@ -1077,7 +1100,7 @@ border-radius: 0 0 0 12px !important; margin-bottom: 8px; background-color: transparent !important; } -.channelTextArea__2e60f > .scrollableContainer__33e06{ +.channelTextArea__2e60f > .scrollableContainer__33e06 { margin-top: 8px; } .form__13a2c:has(.channelAttachmentArea__740bf) .channelTextArea__2e60f { @@ -1112,10 +1135,10 @@ border-radius: 0 0 0 12px !important; border: 0px solid green; margin-right: 8px; } -.textArea__74543 > div > div{ +.textArea__74543 > div > div { margin-left: 12px; } -.expression-picker-chat-input-button.buttonContainer__8b164{ +.expression-picker-chat-input-button.buttonContainer__8b164 { align-items: baseline; } .buttons_ce5b56 { @@ -1140,11 +1163,14 @@ border-radius: 0 0 0 12px !important; top: 5.5px !important; } /* ^ fix for gift button not aligning when attachment exists */ -.form__13a2c:has(.channelAttachmentArea__740bf) .buttons_ce5b56 > button:not(.separator__8424b) .button_f0455c { +.form__13a2c:has(.channelAttachmentArea__740bf) + .buttons_ce5b56 + > button:not(.separator__8424b) + .button_f0455c { margin-top: 5.5px !important; } /* best fix of all time */ -.buttons_ce5b56 > div:has(+ .separator__8424b){ +.buttons_ce5b56 > div:has(+ .separator__8424b) { border-radius: 0px 20px 20px 0px; } .buttons_ce5b56 > div:not(:has(.separator__8424b)):last-child { @@ -1227,11 +1253,11 @@ border-radius: 0 0 0 12px !important; background: none; } .member_aa4760 { - background-color: var(--background-primary); - opacity: 1; - border-radius: 0; - padding: 0; - border-bottom: 1px solid var(--background-accent); + background-color: var(--background-primary); + opacity: 1; + border-radius: 0; + padding: 0; + border-bottom: 1px solid var(--background-accent); } .member_aa4760:hover { background-color: var(--background-modifier-hover); @@ -1252,48 +1278,53 @@ border-radius: 0 0 0 12px !important; /* 1. find 2nd to last member item */ /* 2. find 1st to last member item */ /* 3. last one does the same as (2nd) */ -.members__9f47b > .member_aa4760:nth-last-of-type(2), .members__9f47b > .member_aa4760:nth-last-of-type(1), .content__23cab > .member_aa4760:nth-last-of-type(1) { - border-radius: 0 0 12px 12px; - border-bottom: none; - /* border: 1px solid palevioletred !important; */ +.members__9f47b > .member_aa4760:nth-last-of-type(2), +.members__9f47b > .member_aa4760:nth-last-of-type(1), +.content__23cab > .member_aa4760:nth-last-of-type(1) { + border-radius: 0 0 12px 12px; + border-bottom: none; + /* border: 1px solid palevioletred !important; */ } /* same thing as above ^^^^^^^^^^^^^^^^^^^^^ */ .members__9f47b > .member_aa4760:nth-last-of-type(1) { - border-radius: 0 0 12px 12px; - border-bottom: none; - /* border: 1px solid yellow !important; */ + border-radius: 0 0 12px 12px; + border-bottom: none; + /* border: 1px solid yellow !important; */ } /* first member item + the one BELOW GROUP */ .membersGroup__85843 + .member_aa4760 { - border-radius: 12px 12px 0 0; - /* border: 1px solid red !important; */ + border-radius: 12px 12px 0 0; + /* border: 1px solid red !important; */ } /* overrides ^^ + last item + ABOVE GROUP */ /* shows an error but thats fine */ .member_aa4760:has(+ .membersGroup__85843) { - border-radius: 0 0 12px 12px; - border-bottom: none; - /* border: 1px solid green !important; */ + border-radius: 0 0 12px 12px; + border-bottom: none; + /* border: 1px solid green !important; */ } /* 1. only-child */ /* 2. in list, find group ADJACENT to ITEM without any class above not matching DIV (only-child) */ .membersGroup__85843 + .member_aa4760:has(+ .membersGroup__85843), -.members__9f47b > .membersGroup__85843 + .member_aa4760:has(+ div:not([class])) { - border-radius: 12px; - border-bottom: none; - /* border: 1px solid yellow !important; */ +.members__9f47b + > .membersGroup__85843 + + .member_aa4760:has(+ div:not([class])) { + border-radius: 12px; + border-bottom: none; + /* border: 1px solid yellow !important; */ } /* last/first/single child? keeping it either way */ .membersGroup__85843 + .member_aa4760:nth-last-of-type(1) { - border-radius: 12px; - border-bottom: none; + border-radius: 12px; + border-bottom: none; } /* offline user */ .offline_c1fd80 > div { - opacity: .3; + opacity: 0.3; } /* */ -.item__48dda, .selected__5711d { +.item__48dda, +.selected__5711d { border-radius: 12px !important; } /* duped override for the above */ @@ -1310,7 +1341,8 @@ border-radius: 0 0 0 12px !important; .container_d5f6d0 { border-radius: 12px; } -.previewContainer_c7e80d, .previewContainer_d2b616 { +.previewContainer_c7e80d, +.previewContainer_d2b616 { border-radius: 12px; } .upsellContainer__12e24 { @@ -1322,7 +1354,7 @@ border-radius: 0 0 0 12px !important; .tierBody__615a1 { border-radius: 0px 0px 12px 12px; } -.tierHeaderWithoutCardBody__1282a { +.tierHeaderWithoutCardBody__1282a { border-radius: 12px !important; } .placeholderCard__622e2 { @@ -1351,17 +1383,19 @@ border-radius: 0 0 0 12px !important; .copyInput_c1c679 { border-radius: 12px; } -.changelog__6d46d, .safetyChecklist__826c8 { +.changelog__6d46d, +.safetyChecklist__826c8 { border-radius: 12px !important; } -.auditLog__6c805, .header_e08fd2 { +.auditLog__6c805, +.header_e08fd2 { border-radius: 16px; } -.auditLog__6c805:has(.headerExpanded__03c29) .header_e08fd2{ +.auditLog__6c805:has(.headerExpanded__03c29) .header_e08fd2 { border-radius: 16px 16px 0px 0px; } .changeDetails_ecd760 { - border-radius: 0px 0px 16px 16px ; + border-radius: 0px 0px 16px 16px; } .bannedUser__38b44 { border-radius: 12px; @@ -1383,7 +1417,8 @@ border-radius: 0 0 0 12px !important; .userPopoutOuter_d739b2 { border-radius: 20px !important; } -.userProfileModalOuter__3fe6b, .root_ba16f0 { +.userProfileModalOuter__3fe6b, +.root_ba16f0 { border-radius: 20px !important; } .userProfileModalInner__7c87d::before { @@ -1395,7 +1430,8 @@ border-radius: 0 0 0 12px !important; .userPopoutInner_f545a3::before { border-radius: 16px; } -.userProfileModalOverlayBackground__52d65, .userPopoutOverlayBackground_d8afa4 { +.userProfileModalOverlayBackground__52d65, +.userPopoutOverlayBackground_d8afa4 { border-radius: 12px; } /* to fix weird pfp hover */ @@ -1409,7 +1445,9 @@ border-radius: 0 0 0 12px !important; .bannerSVGWrapper__3e7b0 .banner__6d414 { border-radius: 16px 16px 0px 0px; } -.profileBadges__7a7cb, .badgeList_c193e3, .badgeList_ef4131 { +.profileBadges__7a7cb, +.badgeList_c193e3, +.badgeList_ef4131 { border-radius: 12px; } .role__631a3 { @@ -1427,11 +1465,12 @@ border-radius: 0 0 0 12px !important; border-radius: 12px; } /* */ -.group__6ae8b, .group__6ae8b .item_f48d11 { +.group__6ae8b, +.group__6ae8b .item_f48d11 { border-radius: 8px; } /* */ -.sidebar__9e3e2 .side_b4b3f6 > .header_f72511 .headerText__94c22{ +.sidebar__9e3e2 .side_b4b3f6 > .header_f72511 .headerText__94c22 { text-transform: none; font-size: 14px; font-weight: 600; @@ -1462,8 +1501,14 @@ border-radius: 0 0 0 12px !important; border-bottom: none; } /* single child */ -.sidebar__9e3e2 .side_b4b3f6 > .header_f72511 + .item__48dda:has(+ .separator_fdbcfd), -.sidebar__9e3e2 .side_b4b3f6 > .separator_fdbcfd + .item__48dda:has(+ .separator_fdbcfd) { +.sidebar__9e3e2 + .side_b4b3f6 + > .header_f72511 + + .item__48dda:has(+ .separator_fdbcfd), +.sidebar__9e3e2 + .side_b4b3f6 + > .separator_fdbcfd + + .item__48dda:has(+ .separator_fdbcfd) { border-radius: 12px !important; border-bottom: none; } @@ -1473,23 +1518,31 @@ border-radius: 0 0 0 12px !important; border-bottom: none; } /* nitro tab */ -.sidebar__9e3e2 .side_b4b3f6 > .header_f72511 + .premiumTab__57bdc.item__48dda .selectedBackground_d847da{ +.sidebar__9e3e2 + .side_b4b3f6 + > .header_f72511 + + .premiumTab__57bdc.item__48dda + .selectedBackground_d847da { border-radius: 12px 12px 0 0; } /* */ -.tabBarItem_ad34cc, .brand_ce3ecf { +.tabBarItem_ad34cc, +.brand_ce3ecf { border-radius: 0px !important; } -.cardPrimary_cb7a0e { +.cardPrimary_cb7a0e { border-radius: 16px; } -.connectContainer__8050b, .connection_fff5f6 { +.connectContainer__8050b, +.connection_fff5f6 { border-radius: 16px !important; } -.connection_fff5f6, .connectionHeader__3c82d { +.connection_fff5f6, +.connectionHeader__3c82d { border-radius: 16px 16px 0px 0px; } -.connection_fff5f6, .connectionOptionsWrapper_abe849 { +.connection_fff5f6, +.connectionOptionsWrapper_abe849 { border-radius: 0px 0px 16px 16px; } .promotionCard__8581c { @@ -1549,11 +1602,13 @@ border-radius: 0 0 0 12px !important; border-radius: 8px; } /* */ -.browser_fece63, .container__6604b { +.browser_fece63, +.container__6604b { border-radius: 12px; } /* */ -.messagesPopoutWrap_b3b384, .messageGroupWrapper_f8c6e9 { +.messagesPopoutWrap_b3b384, +.messageGroupWrapper_f8c6e9 { border-radius: 12px; } .jumpButton__0329d { @@ -1563,7 +1618,8 @@ border-radius: 0 0 0 12px !important; .content__4bf10:has(.chatSidebarOpen_dfaa6a) .callContainer_cbde45 { border-radius: 0px 16px 16px 0px; } -.container_def45c, .container_def45c .chatContent__5dca8 { +.container_def45c, +.container_def45c .chatContent__5dca8 { border-radius: 16px 0px 0px 16px !important; } /* */ @@ -1596,11 +1652,12 @@ border-radius: 0 0 0 12px !important; .container_d27846 { border-radius: 12px; } -.noiseCancellationPopout__06ec4{ +.noiseCancellationPopout__06ec4 { border-radius: 16px; } /* */ -button, input { +button, +input { border-radius: 12px !important; } .select__0eb48 { @@ -1643,7 +1700,7 @@ button, input { position: sticky; top: 0px !important; } -.imageWrapper_fd6587{ +.imageWrapper_fd6587 { border-radius: 0px !important; } .modal_d2e7a7 .embedMedia_b473d2 { @@ -1657,7 +1714,7 @@ button, input { border-radius: 12px; } /* discord please hire better css devs */ -.iconContainer__3f9b0:has(.wrapper_edb6e0) > svg{ +.iconContainer__3f9b0:has(.wrapper_edb6e0) > svg { display: none !important; } /* */ @@ -1683,7 +1740,7 @@ button, input { border-radius: 8px; } .vc-rdb-view .vc-rdb-review .avatar__08316 { - margin-left:5px; + margin-left: 5px; } .userPopoutInner_f545a3 .vc-rdb-input { border: none; @@ -1729,8 +1786,7 @@ button, input { background-color: transparent; margin-left: 3px; } -.vc-rdb-input .textArea__74543 > div > div{ +.vc-rdb-input .textArea__74543 > div > div { padding-left: 0px; } /* */ - diff --git a/snippets/css/VisualRefreshConcept/vrc.css b/snippets/css/VisualRefreshConcept/vrc.css index 79c2464..04105a7 100644 --- a/snippets/css/VisualRefreshConcept/vrc.css +++ b/snippets/css/VisualRefreshConcept/vrc.css @@ -66,7 +66,7 @@ html:not(.visual-refresh).show-redesigned-icons body::before { height: calc(100vh - var(--custom-app-top-bar-height)) !important; } -.content_f75fb0>.chatContent_f75fb0, +.content_f75fb0 > .chatContent_f75fb0, .container_f369db, .callContainer_cb9592, .contentRegion__23e6b { @@ -101,8 +101,15 @@ html:not(.visual-refresh).show-redesigned-icons body::before { border-radius: 8px; } -.base_c48ade:has(.headerButton_f37cb1[aria-label="Blade0's Theme Server, server actions"]) { - background-image: linear-gradient(to bottom, transparent 0%, var(--bg-base-tertiary) 75%), url(https://blade04208.github.io/ddex4/src/serverwall.jpg) !important; +.base_c48ade:has( + .headerButton_f37cb1[aria-label="Blade0's Theme Server, server actions"] + ) { + background-image: linear-gradient( + to bottom, + transparent 0%, + var(--bg-base-tertiary) 75% + ), + url(https://blade04208.github.io/ddex4/src/serverwall.jpg) !important; background-repeat: no-repeat; background-size: cover; --background-base-lower: rgba(255, 255, 255, 0.1); @@ -148,14 +155,11 @@ html:not(.visual-refresh).show-redesigned-icons body::before { /* reseize it for no memberlist */ } - - .sidebar_c48ade[data-collapsed="false"] .sidebarResizeHandle_c48ade { z-index: 2000; left: calc(var(--custom-guild-sidebar-width) + 4px); } - .content_c48ade:has([data-collapsed="true"]) .chatContent_f75fb0, .content_c48ade:has([data-collapsed="true"]) .subtitleContainer_f75fb0 { margin-left: 0px; @@ -167,7 +171,8 @@ html:not(.visual-refresh).show-redesigned-icons body::before { /* resize subtitle to accomadate collapsed serverlist */ } -.content_c48ade:not(:has([data-collapsed="false"], .membersWrap_c8ffbb)) .subtitleContainer_f75fb0 { +.content_c48ade:not(:has([data-collapsed="false"], .membersWrap_c8ffbb)) + .subtitleContainer_f75fb0 { width: calc(100% - 8px); /* resize subtitle to accomadate collapsed serverlist */ } @@ -359,7 +364,11 @@ a.link__2ea32, border-right: 1px solid var(--border-faint); &:not(.nav__551b0) { - mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 97.5%, rgba(0, 0, 0, 0) 100%); + mask-image: linear-gradient( + to top, + rgba(0, 0, 0, 1) 97.5%, + rgba(0, 0, 0, 0) 100% + ); } &[data-list-id^="private-channels-uid_"] { @@ -379,7 +388,9 @@ a.link__2ea32, } /*cards and member list and more not commented bc i didnt make this */ -div[aria-label="Members"] div:not(.imageContainer_ef9ae7)>.contentImage__42bf5 { +div[aria-label="Members"] + div:not(.imageContainer_ef9ae7) + > .contentImage__42bf5 { left: 0px; position: absolute; z-index: -1; @@ -409,7 +420,8 @@ div[aria-label="Members"] div:not(.imageContainer_ef9ae7)>.contentImage__42bf5 { top: 0; right: 0px; left: 0px; - background: linear-gradient(rgba(0, 0, 0, 0), var(--brand-700)), linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)); + background: linear-gradient(rgba(0, 0, 0, 0), var(--brand-700)), + linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); background-blend-mode: screen, difference, ligthen; border-radius: 0px 0px 0 0; opacity: 0.6; @@ -432,7 +444,7 @@ div[aria-label="Members"] div:not(.imageContainer_ef9ae7)>.contentImage__42bf5 { z-index: 1; } - svg>path { + svg > path { box-shadow: 0px 0px 10px rgb(0, 0, 0); } } @@ -513,15 +525,13 @@ div[aria-label="Members"] div:not(.imageContainer_ef9ae7)>.contentImage__42bf5 { .badgeLabel__635ed { display: none; - } } } - } .search__97492:not(.open__97492) { - &>.searchBar__97492 { + & > .searchBar__97492 { width: 24px; background: transparent; border: none; @@ -530,14 +540,14 @@ div[aria-label="Members"] div:not(.imageContainer_ef9ae7)>.contentImage__42bf5 { & .icon__97492 { cursor: pointer; - &>.iconContainer_fea832 { + & > .iconContainer_fea832 { transform: scale(1.25) translate(-4px, 1.5px); - &>svg.icon_fea832 { + & > svg.icon_fea832 { color: var(--interactive-normal); } - &:hover>svg.icon_fea832 { + &:hover > svg.icon_fea832 { color: var(--interactive-active); } } @@ -558,7 +568,7 @@ div[aria-label="Members"] div:not(.imageContainer_ef9ae7)>.contentImage__42bf5 { color: var(--text-normal); padding: 8px 12px; background-color: var(--background-floating); - content: 'Search'; + content: "Search"; box-shadow: var(--elevation-high); border: 1px solid var(--border-subtle); } @@ -572,7 +582,7 @@ div[aria-label="Members"] div:not(.imageContainer_ef9ae7)>.contentImage__42bf5 { position: absolute; z-index: 1; top: calc(100% - 1.7px); - content: ''; + content: ""; border-top-color: var(--background-floating); bottom: 100%; left: 50%; @@ -591,16 +601,18 @@ li:has(.containerDefault_c69b6d .focusTarget__89030) { /*fucky but discord decided not to give these styles so!*/ &:has(path[d^="M14.5 8a3 3 0 1 0-2.7-4.3c-.2.4.06.86.44 1.12a5 5 0 0 1 2."]) { margin-left: 104px; - } - &:has(path[d^="M2 10a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v9a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3v-9Zm3.5"]) { + &:has( + path[d^="M2 10a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v9a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3v-9Zm3.5"] + ) { margin-left: 52px; } - &:has(path[d^="M11 3a1 1 0 1 1 2 0v2h5.75c.16 0 .3.07.4.2l2.63 3.5a.5.5 0 0 1 0 .6l"]) { + &:has( + path[d^="M11 3a1 1 0 1 1 2 0v2h5.75c.16 0 .3.07.4.2l2.63 3.5a.5.5 0 0 1 0 .6l"] + ) { margin-left: 52px; - } /* turns server action tabs to funny buttons, per-button styling */ @@ -611,7 +623,8 @@ li:has(.containerDefault_c69b6d .focusTarget__89030) { /* adds margin to adjust for funny server action tabs */ } -.content__99f8c:has([data-list-item-id^="channels___boosts-"]) .sectionDivider__629e4 { +.content__99f8c:has([data-list-item-id^="channels___boosts-"]) + .sectionDivider__629e4 { margin-top: calc(36px + 48px); } @@ -757,7 +770,8 @@ div[style="height: 12px;"] { /* makes top bar be above banner */ } -.listItem__650eb:not(:has(.lowerBadge_cc5dd2)) .pill_e5445c:not(:has([style="opacity: 1; height: 40px; transform: none;"])) { +.listItem__650eb:not(:has(.lowerBadge_cc5dd2)) + .pill_e5445c:not(:has([style="opacity: 1; height: 40px; transform: none;"])) { width: 100%; justify-content: flex-end; z-index: 3; @@ -777,7 +791,8 @@ div[style="height: 12px;"] { /* add general dot-to-pill */ } -.listItem__650eb:has(.lowerBadge_cc5dd2) .pill_e5445c:not(:has([style="opacity: 1; height: 40px; transform: none;"])) { +.listItem__650eb:has(.lowerBadge_cc5dd2) + .pill_e5445c:not(:has([style="opacity: 1; height: 40px; transform: none;"])) { width: 100%; justify-content: flex-end; z-index: 3; @@ -798,24 +813,32 @@ div[style="height: 12px;"] { /* i think this does the exact same thing lmfao */ } -.listItem__650eb:not(:has([style="opacity: 1; height: 40px; transform: none;"])) { +.listItem__650eb:not( + :has([style="opacity: 1; height: 40px; transform: none;"]) + ) { overflow: visible; /* let open server overflow */ } -.listItem__650eb:has([class^="folderIcon_"]) .pill_e5445c:not(:has([style="opacity: 1; height: 40px; transform: none;"])) span { +.listItem__650eb:has([class^="folderIcon_"]) + .pill_e5445c:not(:has([style="opacity: 1; height: 40px; transform: none;"])) + span { margin-right: 11px; margin-top: 36px; /* adjustment for folders */ } -.listItem__650eb:has(.lowerBadge_cc5dd2) .pill_e5445c:not(:has([style="opacity: 1; height: 40px; transform: none;"])) span { +.listItem__650eb:has(.lowerBadge_cc5dd2) + .pill_e5445c:not(:has([style="opacity: 1; height: 40px; transform: none;"])) + span { display: none; /* remove for pings */ } -.listItem__650eb:hover .pill_e5445c:not(:has([style="opacity: 1; height: 40px; transform: none;"])), -.listItem__650eb:has(.lowerBadge_cc5dd2):hover .pill_e5445c:not(:has([style="opacity: 1; height: 40px; transform: none;"])) { +.listItem__650eb:hover + .pill_e5445c:not(:has([style="opacity: 1; height: 40px; transform: none;"])), +.listItem__650eb:has(.lowerBadge_cc5dd2):hover + .pill_e5445c:not(:has([style="opacity: 1; height: 40px; transform: none;"])) { span { display: block !important; color: rgba(0, 0, 0, 0) !important; @@ -971,14 +994,16 @@ div[style="height: 12px;"] { /* adds blur to quickswitcher */ } - - .sidebarRegion__23e6b { max-width: 300px; &::after { - content: ' '; - background: linear-gradient(to bottom, var(--bg-base-tertiary) 20%, rgba(0, 0, 0, 0) 100%); + content: " "; + background: linear-gradient( + to bottom, + var(--bg-base-tertiary) 20%, + rgba(0, 0, 0, 0) 100% + ); position: absolute; width: 350px; height: 100px; @@ -1165,7 +1190,15 @@ div[style="height: 12px;"] { } } -.page_c48ade:has(.container__133bf, .applicationStore_f07d62, .shopViewWrapper__6db1d, .chat_f75fb0 .tabBar__0b563, .mainTableContainer__09a38, .background__7449f, .container_a592e1) { +.page_c48ade:has( + .container__133bf, + .applicationStore_f07d62, + .shopViewWrapper__6db1d, + .chat_f75fb0 .tabBar__0b563, + .mainTableContainer__09a38, + .background__7449f, + .container_a592e1 + ) { margin: 0 8px 24px 8px; border-radius: 16px !important; width: calc(100% - 16px); @@ -1295,7 +1328,7 @@ div[style="height: 12px;"] { scale: 1 !important; } -.mask__68edb>mask { +.mask__68edb > mask { display: none; } @@ -1316,4 +1349,3 @@ div[style="height: 12px;"] { /* makes message box stick to bottom */ } -