From 7b2850ff95a17f15498031495cf81287329a35e2 Mon Sep 17 00:00:00 2001 From: Valerie Date: Sat, 5 Apr 2025 15:40:19 -0400 Subject: [PATCH] Upload CSS --- .../css/VisualRefreshUpgrade/vru.css | 2 +- snippets/css/BetterSpotifyPlayer/bsp.css | 169 ++ snippets/css/SelfMessages/sm.css | 169 ++ snippets/css/SimpleSquarecord/ssc.css | 58 + snippets/css/TabsV2/tv2.css | 1736 +++++++++++++++++ snippets/css/VisualRefreshConcept/vrc.css | 1319 +++++++++++++ 6 files changed, 3452 insertions(+), 1 deletion(-) rename {valcord => presets}/css/VisualRefreshUpgrade/vru.css (95%) create mode 100644 snippets/css/BetterSpotifyPlayer/bsp.css create mode 100644 snippets/css/SelfMessages/sm.css create mode 100644 snippets/css/SimpleSquarecord/ssc.css create mode 100644 snippets/css/TabsV2/tv2.css create mode 100644 snippets/css/VisualRefreshConcept/vrc.css diff --git a/valcord/css/VisualRefreshUpgrade/vru.css b/presets/css/VisualRefreshUpgrade/vru.css similarity index 95% rename from valcord/css/VisualRefreshUpgrade/vru.css rename to presets/css/VisualRefreshUpgrade/vru.css index 7c48e02..71cb495 100644 --- a/valcord/css/VisualRefreshUpgrade/vru.css +++ b/presets/css/VisualRefreshUpgrade/vru.css @@ -1,6 +1,6 @@ /* @import url('https://blade04208.github.io/ddex4/import.css'); */ /* @import url("https://raw.githubusercontent.com/LuSaffi/VenCordstuff/refs/heads/main/CSS/selfMessages.css"); */ -@import url(https://raw.githubusercontent.com/tayrp/vc-snippets/refs/heads/main/BetterSpotifyPlayer.css); +@import url(https://git.mysty.one/valerie/valcord-css/raw/branch/main/snippets/css/BetterSpotifyPlayer/bsp.css); :root { --selfMessageColor: #7a002f; diff --git a/snippets/css/BetterSpotifyPlayer/bsp.css b/snippets/css/BetterSpotifyPlayer/bsp.css new file mode 100644 index 0000000..769a615 --- /dev/null +++ b/snippets/css/BetterSpotifyPlayer/bsp.css @@ -0,0 +1,169 @@ +/* BetterSpotifyPlayer */ +/* a spotify icon snippet */ +#vc-spotify-song-title::before, +#vc-spotify-song-title + div::before, +#vc-spotify-song-title + div + div::before { + -webkit-mask-repeat: no-repeat; + -webkit-mask-size: contain; + padding: 7px; + margin-left: -17px; + margin-top: 2px; + content: ''; + background-color: var(--header-primary); + /* Spotify wave thingy fix */ + /*background-color: hsla(var(--spotify-vencord-text)/1);*/ + position: absolute; +} +#vc-spotify-song-title + div::before, +#vc-spotify-song-title + div + div::before { + background-color: var(--header-secondary); + /* Spotify wave thingy fix */ + /*background-color: hsla(var(--spotify-vencord-text)/1);*/ +} + +#vc-spotify-song-title::before { + -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-music-4'%3E%3Cpath d='M9 18V5l12-2v13'%3E%3C/path%3E%3Cpath d='m9 9 12-2'%3E%3C/path%3E%3Ccircle cx='6' cy='18' r='3'%3E%3C/circle%3E%3Ccircle cx='18' cy='16' r='3'%3E%3C/circle%3E%3C/svg%3E"); +} +#vc-spotify-song-title + div::before { + -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-mic'%3E%3Cpath d='M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z'%3E%3C/path%3E%3Cpath d='M19 10v2a7 7 0 0 1-14 0v-2'%3E%3C/path%3E%3Cline x1='12' x2='12' y1='19' y2='22'%3E%3C/line%3E%3C/svg%3E"); +} +#vc-spotify-song-title + div + div::before { + -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-disc-2'%3E%3Ccircle cx='12' cy='12' r='4'%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='12' x2='12' y2='12.01'%3E%3C/line%3E%3C/svg%3E"); +} +/* */ + +/* */ +#vc-spotify-player { + height:50px; + background: transparent !important; + position: relative; + transition: height 0.4s ease-out; + padding: 7px!important; + padding-top: 8px !important; + overflow: hidden; +} +#vc-spotify-player:has(#vc-spotify-album-expanded-wrapper) { + height: 300px; +} +#vc-spotify-player:hover { + height: 115px; +} +#vc-spotify-progress-bar, .vc-spotify-button-row { + opacity: 0; + transition: opacity 0.4s ease-out; +} +#vc-spotify-player:hover #vc-spotify-progress-bar, +#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 { + opacity: 1; +} +#vc-spotify-player::before, +#vc-spotify-player::after { + z-index: -1; + content: ""; + position: absolute; + height: 100%; + width: 100%; + top: 0; + left: 0; + right: 0; + bottom: 0; + transition: all 0.4s ease-out; +} +#vc-spotify-player::before { + background: var(--vc-spotify-track-image); + background-size: cover; + background-position: center; + opacity: 0; +} +#vc-spotify-player:hover::before, +#vc-spotify-player:has(#vc-spotify-album-expanded-wrapper)::before { + opacity: 1; + filter: brightness(50%); +} +#vc-spotify-player::after { + background: var(--vc-spotify-track-image); + background-size: cover; + background-position: center; + opacity: 0.2; + filter: blur(100px); + transform: scale(20); +} +#vc-spotify-player::after { + opacity: 0; +} +#vc-spotify-player:hover::after, +#vc-spotify-player:has(#vc-spotify-album-expanded-wrapper)::after { + opacity: 0.2; +} +#vc-spotify-player:has(#vc-spotify-album-expanded-wrapper)::after { + backdrop-filter: brightness(50%); +} +#vc-spotify-progress-bar { + margin: 11px 0 7px; +} +#vc-spotify-info-wrapper > img { + height: 100%; + opacity: 1; + transition: opacity 0.4s ease-out; +} +#vc-spotify-player:not(:has(#vc-spotify-album-expanded-wrapper)):hover #vc-spotify-album-image { + opacity: 0; +} +#vc-spotify-album-image:hover { + filter: none; +} +#vc-spotify-info-wrapper #vc-spotify-titles { + margin-left: 15px; + transition: margin-left 0.4s ease-out; +} +#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 { + 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-player .bar_e58961 { + background-color: color-mix(in srgb, var(--white-500), transparent 75%); +} +#vc-spotify-player .barFill__30e17 { + background-color: var(--interactive-active); +} +#vc-spotify-progress-bar>[class^=slider] [class^=grabber] { + background-color: var(--interactive-active); + border-color: var(--interactive-active); + width: 12px !important; + height: 12px !important; + margin-top: 3px; + opacity: 1 !important; +} +.vc-spotify-progress-time { + top: 12px; +} +.vc-spotify-button { + color: var(--interactive-active); +} +.vc-spotify-button:hover { + 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%);; +} +/* */ +/* adding this to force update */ + diff --git a/snippets/css/SelfMessages/sm.css b/snippets/css/SelfMessages/sm.css new file mode 100644 index 0000000..0a42a07 --- /dev/null +++ b/snippets/css/SelfMessages/sm.css @@ -0,0 +1,169 @@ +/* Selfmessages. Heavily based on Discord 11's Message bubbles */ +/* Message Bubbles */ +/* Modified by x3non to work with Vencord */ + /* 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"] [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; +} + + + #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*=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"] 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; +} + diff --git a/snippets/css/SimpleSquarecord/ssc.css b/snippets/css/SimpleSquarecord/ssc.css new file mode 100644 index 0000000..ba23ae5 --- /dev/null +++ b/snippets/css/SimpleSquarecord/ssc.css @@ -0,0 +1,58 @@ +/* --- Squarecord Simplified --- */ +*, +*::before, +*::after, +*::-webkit-scrollbar-thumb, +*::-webkit-scrollbar-track { + 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; +} +.slider-HJFN2i rect { + rx: 0; +} +/* */ +/* Voice pfp fix */ +.voiceUser-3nRK-K .userAvatar-3Hwf1F { + border: none; +} +/* */ +/* Voice Member count FIX */ +.total-1c5KCN { + padding-left: 4px; +} +.total-1c5KCN::after { + display: none; +} +/* */ +/* Theme checkmark fix */ +.checkmarkCircle-2LCcdI { + background-color: var(--brand-500); +} +/* */ +/* Radio buttons (settings) fix */ +.radioBar-1XgZqD svg { + border: 2px solid white; +} +.radioBar-1XgZqD svg path, +.radioBar-1XgZqD circle { + display: none; +} +.radioBar-1XgZqD div { + position: relative; +} +.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 new file mode 100644 index 0000000..dca5dfd --- /dev/null +++ b/snippets/css/TabsV2/tv2.css @@ -0,0 +1,1736 @@ +@import url(https://minidiscordthemes.github.io/SettingsIcons/SettingsIcons.theme.css); +/* */ +.searchBarComponent__22760 { + border-radius: 12px !important; + padding-left: 10px; +} +/* */ +.searchBar_ff8800 { + border-radius: 16px; +} +.peopleListItem_d14722 { + margin-left: 20px; + padding-left: 10px; + margin-right: 10px; + padding-right: 10px; + border-radius: 0 !important; + background-color: var(--background-modifier-hover) !important; + border-bottom: 1px solid var(--background-accent); + border-top: none; +} +.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 { + border-radius: 12px 12px 0 0 !important; +} +.peopleList__2379e .content__23cab > div:last-child { + border-radius: 0 0 12px 12px !important; + border-bottom: none; +} +.peopleList__2379e content__23cab > div:only-child { + border-radius: 12px !important; + border-bottom: none; +} +.item_e4ca95 { + border-radius: 8px !important; +} +.itemCard__1f162, .section_efc22d, .body__83069 { + border-radius: 16px !important; +} +.addFriendInputWrapper__4bf8e { + border-radius: 16px; +} +/* */ +/* server list */ +.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; + border: 1px solid red; + width: 12px; +} +/* using ServersList from DaBluLite */ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +/* + + + + +:root { + --guild-list-width: 230px; + --guild-list-height: 48px; + --guild-item-radius: 0px; + --guild-item-spacing: 8px; + --guild-item-font-size: 16px; +} + +.guilds__2b93a { + width: 72px; + transition: width 1s ease; +} + +.guilds__2b93a:hover { + width: var(--guild-list-width); +} + +.guilds__2b93a .scroller__3d071 { + display: flex; + flex-direction: column; +} +.guilds__2b93a .scroller__3d071 div[style*="margin-bottom: 4px;"] { + order: -99; +} + +.listItem_fa7b36:has(.pill__6b31b .item_f9d377) [data-dnd-name]:has(>.wrapper__3af0b)::after { + color: var(--interactive-active); +} + +.listItem_fa7b36, +.wrapper_ed1dea, +.svg_ad7356, +.blobContainer__5ee50, +.listItem_fa7b36>.wrapper__3670f+div:not([class]), +.wrapper__3af0b, +.svg_ad7356>foreignObject { + width: calc(var(--guild-list-width) - 12px); + mask: none !important; +} + +.listItem_fa7b36:not(:has(.guildSeparator_dcb3cc)), +.wrapper__3af0b, +.svg_ad7356>foreignObject { + height: var(--guild-list-height); +} + +.expandedFolderBackground__1bec6 { + border-radius: 12px;; + height: 100%; +} +.folder__17546 { + background-color: transparent; +} +.svg_ad7356>foreignObject { + transform: translateX(calc((((var(--guild-list-width) - 12px)*-1)/2) + 50%)); +} + +.wrapper_d281dd, +.folder__17546, +.circleIconButton_d8df29 { + margin-left: 12px; + width: calc(var(--guild-list-width) - 24px); + justify-content: start; + border-radius: 12px !important; + height: var(--guild-list-height); +} + +.wrapper_d281dd img, +.folderIconWrapper__72239, +.childWrapper__01b9c, +.expandedFolderIconWrapper__458cf, +.closedFolderIconWrapper__7321f { + + border-radius: 100%; + + height: var(--guild-list-height); + width: var(--guild-list-height); + transition: border-radius 0.2s ease; +} + +.wrapper_d281dd:hover > img, +.wrapper_d281dd:hover > .childWrapper__01b9c, +.wrapper_d281dd.selected_f5ec8e > img{ + border-radius: 35%; +} +.svg_ad7356 { + position: static; +} + +[data-dnd-name]:has(>.wrapper__3af0b)::after { + content: attr(data-dnd-name); + width: calc(var(--guild-list-width) - 24px - var(--guild-list-height) - 12px); + position: absolute; + top: 0; + left: 72px; + flex-wrap: nowrap; + align-items: center; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + color: var(--channels-default); + font-size: var(--guild-item-font-size); + line-height: var(--guild-list-height); + font-weight: 500; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + pointer-events: none; + transition: color .15s ease-out, background-color .15s ease-out; +} + +[data-dnd-name]:has(>.wrapper__3af0b .selected_f5ec8e, >.wrapper__3af0b .hover__043de)::after { + color: var(--interactive-active); +} + +:has(>.wrapper__3af0b .selected_f5ec8e, >.wrapper__3af0b .hover__043de) :is(.wrapper_d281dd, .folder__17546, .circleIconButton_d8df29) { + background-color: var(--background-primary) !important; +} + +.wrapperSimple_a34580 { + border-radius: 0 !important; +} + +.circleIcon__428dd { + margin-left: 12px; + height: var(--guild-list-height); +} + +.circleIconButton_d8df29::after { + content: attr(aria-label); + width: calc(var(--guild-list-width) - 24px - var(--guild-list-height) - 12px); + position: absolute; + top: 0; + left: 72px; + align-items: center; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + color: var(--green-360); + font-size: var(--guild-item-font-size); + line-height: var(--guild-list-height); + font-weight: 500; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + transition: color .15s ease-out, background-color .15s ease-out; + pointer-events: none; +} + +.circleIconButton_d8df29.selected__5250e::after, +.ColorwaySelectorBtn:hover::after { + color: var(--interactive-active); +} + +.wrapper_d281dd[data-list-item-id*="guildsnav___"]::after { + content: attr(aria-label); + width: calc(var(--guild-list-width) - 24px - var(--guild-list-height) - 12px); + position: absolute; + top: 0; + left: 72px; + align-items: center; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + color: var(--channels-default); + font-size: var(--guild-item-font-size); + line-height: var(--guild-list-height); + font-weight: 500; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + transition: color .15s ease-out, background-color .15s ease-out; + pointer-events: none; +} + +.wrapper_d281dd[data-list-item-id*="guildsnav___"].selected_f5ec8e::after { + color: var(--interactive-active); +} + +.wrapper_ed1dea>[id*="folder-items-"] { + height: fit-content !important; +} + + +.upperBadge_c7cfb3, +.lowerBadge__669e7 { + position: absolute !important; + + margin-right: calc(100% - 60px); + border: 4px solid var(--background-tertiary); + border-radius: 20px; +} + +.upperBadge_c7cfb3 { + top: -3px !important; +} +.lowerBadge__669e7 { + bottom: -3px; +} + + +.pill__13f64, +.wrapper__3670f, +.colorwaysBtnPill { + height: var(--guild-list-height) !important; + align-items: center; +} + +.item_f9d377 { + max-height: var(--guild-list-height); +} + +.ColorwaySelectorBtn::after { + position: static; + height: unset !important; + line-height: var(--guild-list-height); + transform: translateX(6px); +} + +.ColorwaySelectorBtn { + gap: 0 !important; +} + +.circleIcon__428dd { + margin-left: 0; +} + +.circleIcon__428dd { + width: var(--guild-list-height); + justify-content: center; + align-items: center; + box-sizing: border-box; + padding: calc(var(--guild-list-height)/7); +} + +.blobContainer__5ee50 .wrapper_d281dd[data-list-item-id*="guildsnav___"]::after { + content: none; +} + +.listItem_fa7b36 { + margin: 0 0 var(--guild-item-spacing); +} + + + */ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +/* */ +.sidebar_ded4b5 { + border-radius: 16px; +} +.bannerImage__39c51::before { + display: none; +} +.header__104ca { + padding: 12px; +} +.headerContent_ee8727 { + border: 0px solid green; + filter: none !important; +} +.headerContent_ee8727 .guildIconContainer_a995c7, +.headerContent_ee8727 .guildIconV2Container__53cdb { + background-color: var(--background-secondary); + padding: 6px; + border-radius: 20px 0px 0px 20px; + margin-right: 0px; +} +.headerContent_ee8727 .name_c08dbc { + background-color: var(--background-secondary); + border-radius: 20px; + display: unset; + flex-grow: 0; + flex-basis: auto; + padding: 4px 10px; + width: fit-content; + max-width: 142px; +} +.headerContent_ee8727:has(.guildIconContainer_a995c7) .name_c08dbc, +.headerContent_ee8727:has(.guildIconV2Container__53cdb) .name_c08dbc { + padding-left: 0px; + border-radius: 0px 20px 20px 0px; +} +.headerContent_ee8727 .headerChildren__7cd0b { + background-color: var(--background-secondary); + border-radius: 20px; + position: relative; + margin-left: auto; + /* display: none; */ +} +.headerContent_ee8727 .button__07e07 { + margin: 4px; + margin-top: 4px; + margin-left: 5px; + margin-right: 5px; + top: 4px; +} +.header__104ca:hover { + background-color: transparent !important; + transition: none; +} +.headerContent_ee8727:has(.favoritesIcon__95de7) .name_c08dbc { + display: flex; +} +/* .header__104ca:hover .headerContent_ee8727 .guildIconV2Container__53cdb, +.header__104ca:hover .headerContent_ee8727 .name_c08dbc, +.header__104ca:hover .headerContent_ee8727 .headerChildren__7cd0b +{ + background-color: transparent; + transition: background-color 0.1s linear 0s +} */ +.container_de798d { + text-transform: none; + font-size: 13px; + font-weight: 500; +} +/* */ +.container__8759a { + padding: 0px; + border-radius: 0px; +} +.interactive__776ee { + background-color: var(--background-primary); + border-bottom: 1px solid var(--background-accent); +} +.interactive__776ee:hover { + background-color: var(--background-modifier-hover); +} +.interactiveSelected_ec846b { + background-color: var(--background-modifier-selected); +} +/* first item */ +.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 { + 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 { + border-radius: 12px 12px 0 0; +} + +/* overrides ^^, last thing above THING */ +.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 { + border-radius: 12px; + border-bottom: none; +} +/* */ +.channelEmoji_eda5df { + display: none; +} +.link__95dc0 { + padding: 6px 8px; +} +.containerDefault__3187b.selected__3b4cb .link__95dc0 { + border-radius: 12px; + border: 1px solid #ffffff1a; + padding: 5px 7px; +} +.selected__471ca .content_b60865 { + border: 1px solid #ffffff1a; + margin-top: 0px; + margin-bottom: 0px; +} +.selected__471ca .content_b60865 .userAvatar_c4f005 { + margin-left: 7px; +} +.selected__471ca .content_b60865 .icons__10dd7 { + margin-right: 7px; +} +.link__95dc0, +.content_b60865, +.containerDefault__3187b:hover .link__95dc0, +.emojiColorFill__3e432 { + border-radius:12px; +} +.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); */ + padding-left: 0px; + padding-right: 0px; + height: 8px !important; + border-radius: 12px; + position: absolute; + margin-left: 0px !important; + left: -2px !important; + top: 7px; +} +.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 { + color: var(--brand-400) !important; +} +.container_f87d43 .spineBorder_bdec8b { + top: 4px; +} +.container_f87d43 .containerDefault__3187b .spine__88e6d > path { + fill: transparent; + display: none; +} +.container_f87d43 .containerDefault__3187b .spine__88e6d { + border-left: 2px solid; + border-bottom: 2px solid; + border-bottom-left-radius: 12px; +} +.container_f87d43 .containerDefault__3187b .spine__88e6d:nth-child(2) { + display: none; +} +.voiceChannelsButton__46c37 { + border-radius: 16px; +} +.disabledButtonWrapper__69c70 { + border-radius: 12px; +} +.container_ca50b9 { + height: 61px; + margin-bottom: 0px; +} +.container_ca50b9 .avatarWrapper_ba5175 { + border-radius: 8px; +} +/* */ +.chat__52833 { + margin-left: 8px; + border-radius: 16px 0px 0px 16px !important; + background-color: var(--background-tertiary); +} +.chat__52833:has(.members__9f47b) .chatContent__5dca8, +.chat__52833:has(.searchResultsWrap__9f374) .chatContent__5dca8, +.chat__52833:has(.profilePanel__12596) .chatContent__5dca8 { + margin-right: 8px; +} +.chat__52833:has(.members__9f47b) .chatContent__5dca8, +.chat__52833:has(.searchResultsWrap__9f374) .chatContent__5dca8, +.chat__52833:has(.members__9f47b) .container_b181b6, +.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 { + margin-top: 6px; +} +.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 { + width: 16px; + height: 16px; +} +.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 { + border: 4px solid transparent; + background-clip: padding-box; + border-radius: 8px; + background-color: var(--scrollbar-auto-track); +} +.container__5c7e7, .applicationStore_fc7d76, .shop_b31ed2 { + margin-left: 8px; + border-radius: 16px 0px 0px 16px !important; +} +.innerWrapper_c80bad { + border-radius: 20px; +} +.shop_b31ed2 .container__11d72 { + border-radius: 16px 0px 0px 0px; +} +/* */ +.chatHeaderBar__28ee6 { + border-radius: 0px 16px 0px 0px !important; +} +.container_b2ce9c, .members__9f47b, .searchResultsWrap__9f374 { + border-radius: 16px 0px 0px 16px !important; +} +.container_d3a736 { + background-color: var(--background-secondary); +} +.threadSidebarOpen_fa231d { + border-radius: 16px !important; +} +.profilePanel__12596 .bannerSVGWrapper__3e7b0 { + border-radius: 16px 0px 0px 0px; +} +.profilePanel__12596 .userPanelOuter__880e5, +.profilePanel__12596 .userPanelInner_eddf4c, +.profilePanel__12596 .userPanelInner_eddf4c::before, +.profilePanel__12596 .none__51a8f, +.profilePanel__12596 .none__51a8f::before { + border-radius: 16px 0px 0px 16px !important; +} +/* */ +.toolbar__88c63 { + border: 0px solid steelblue; +} +.toolbar__88c63 > div { + /* border: 1px solid green; */ + height: 100%; +} +.toolbar__88c63 .iconWrapper_af9215 { + border: 0px solid yellowgreen; + display: flex; + align-items: center; + height: 100%; +} +.iconBadge_cc5031 { + top: 18px; + left: 15px; +} +.search__07df0 { + display: block; + order: -1; +} +.search_ac353c { + height: 100%; +} +.searchBar_e0c60b { + /* display: flex; */ + /* align-items: baseline; */ + border-radius: 16px; + height: 100% !important; + width: 100px; + align-items: center !important; + /* border: 1px solid red !important; */ + box-sizing: unset; + flex-direction: row-reverse; +} +.searchBar_e0c60b .DraftEditor-root { + margin-left: 24px; + margin-right: 26px; +} +.searchBar_e0c60b .icon__46425 { + display: flex; + position: absolute; + width: 100%; + align-items: center; + justify-content: center !important; + /* border: 1px solid red; */ +} +.searchBar_e0c60b .iconContainer__8fa9c { + /* display: flex; + flex-grow: 1; */ + width: 100%; + display: flex; + align-items: center; + justify-content: center; + margin-left: 10px; + /* border: 1px solid green; */ +} +.searchBar_e0c60b .iconContainer__8fa9c svg:first-child { + opacity: 1; + transform: none !important; + width: 13px !important; + left: 2px; + /* background-color: aqua; */ +} +.searchBar_e0c60b .iconContainer__8fa9c svg:last-child { + transform: none !important; + width: 13px !important; + position: absolute; + margin-left: 100% !important; + left: -20px; + /* opacity: 1; */ + /* background-color: tomato; */ +} +/* help me */ +.public-DraftEditorPlaceholder-root{ + top: 6px; +} +.public-DraftEditorPlaceholder-root > div{ + padding-left: 3px; +} +.DraftEditor-editorContainer { + height: 28px !important; + /* ^^^ this is hardcoded for now :( */ +} +.public-DraftEditor-content { + padding-left: 0px !important; + overflow: hidden !important; +} +.public-DraftEditorPlaceholder-root, .public-DraftEditor-content { + padding-bottom: 0px !important; +} +.public-DraftEditor-content > div, .public-DraftEditor-content > div > div { + height: 100% !important; + border: 0px solid red; +} +.public-DraftStyleDefault-block { + height: 28px; + border: 0px solid green; + display: flex; + overflow: hidden !important; + padding-top: 4px; + padding-left: 6px; + /* background-color: red; */ +} +.public-DraftStyleDefault-block:has(.searchFilter__118cb) { + display: block; + padding-top: 0px; + padding-left: 2px; + margin-top: 2px; +} +.searchFilter__118cb { + border-radius: 12px; + height: 24px !important; + background-color: var(--background-primary) !important; + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 2px; +} +.searchAnswer_b452e7 { + border-radius: 0px 12px 12px 0px; + height: 24px !important; + background-color: var(--background-primary) !important; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 2px; +} +.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 > span { + padding-top: 3px !important; +} +/* */ +.scrollerContent_c73942 { + margin-bottom: 10px !important; +} +.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 { + margin-bottom: 10px; +} +/* */ +.repliedMessage_e2bf4a::before { + border-top-left-radius: 12px; +} +.cozy_f5c119.hasThread__58ee2:after { + border-bottom-left-radius: 12px; +} +.embedFull__8dc21 { + border: 4px solid currentColor; + border-radius: 12px; + border-top-color: transparent !important; + border-bottom-color: transparent !important; + border-right-color: transparent !important; +} +.embedFull__8dc21::before { + content: ""; + position: absolute; + width: 4px; + background-color: var(--background-secondary); + height: 100%; +} +.embedWrapper_c143d9, .imageWrapper_fd6587, +.spoilerContent__37bfa:has(.spoilerEmbed__9a546), +.clickableWrapper__64072 img, +.messageAttachment_b97504, .imageContainer__04362, +.attachment__7a2d0, +.embedVideo__0c65b, +.embedVideo__0c65b video, +.video__4c052 + .cover__0b3cf, .wrapper__3a7a0, +.wrapperAudio__555ce, +.attachment_f3cf2c, +.wrapper_efe67f, +.container__767d1 { + border-radius: 12px !important; +} +.hoverButtonGroup__5b423, .hoverButton__13836 { + border-radius: 8px; +} +.audioControls__9fbe9 { + border-radius: 8px; +} +.textContainer__709ff { + border-radius: 12px 12px 0px 0px!important; +} +.newMosaicStyle__8d3be:has(.footer__06f4b) .shiki-container .shiki-root{ + border-radius: 12px 12px 0px 0px; +} +.messageContent__21e69 > .shiki-container, .shiki-root{ + border-radius: 12px; +} +.hljs { + border-radius: 12px; +} +.footer__06f4b { + border-radius: 0px 0px 12px 12px!important; +} +.gifTag__9db5a { + border-radius: 8px; +} +/* */ +.bottomControls__8bd89 .justifyCenter__4080c { + background-color: var(--background-tertiary); + padding-top: 8px; + padding-bottom: 8px; + border-radius: 24px !important; +} +.bottomControls__8bd89 .controlButton_ab2899 { + border-radius: 100% !important; +} +.container__77df0 { + border-radius: 12px; +} +/* */ +.contentWrapper_b6ca57 { + border-radius: 15px !important; + border: 0px solid yellow; +} +.container__7712a { + border-radius: 12px; +} +.command__88971 { + border-radius: 12px; +} +/* */ +.autocomplete_df266d { + border-radius: 12px; +} +.wrapper__19c60, .selected__608f1 { + border-radius: 12px; +} +.base__76a71 { + border-radius: 12px; +} +.scroller_e89578::-webkit-scrollbar-track { + border: 0px solid red; + margin-top: 12px; + margin-bottom: 12px; +} +/* */ +.option_aec314 { + border-radius: 12px; +} + +fieldset.answerInputsContainer__22676 .defaultTextInputWrapper__4f24b, +.formInput_c28524, .addAnswerButton__0db97 { + border-radius: 12px !important; +} +/* */ +.justifyStart__42744 { + border-radius: 12px 12px 0px 0px; +} +.justifyBetween_b44898 { + border-radius: 0px 0px 12px 12px; +} +.planOptionClickableContainer__8064d { + border-radius: 12px; +} +.modalTextContainer_ddfc28 { + border-radius: 12px 12px 0px 0px; +} +.modalTextContainer_ddfc28::-webkit-scrollbar-track { + border: 0px solid red; + margin-top: 10px; +} +/* */ +.header__6d5ea { + border: 0px solid white; +} +.root_a28985 { + border-radius: 16px; +} +.footer__89240 { + border-radius: 0px 0px 16px 16px; +} +/* */ +.contentWrapper__321ed { + border-radius: 12px; +} +#emoji-picker-tab-panel { + border-radius: 0 0 12px 12px !important; +} +#emoji-picker-tab-panel .wrapper_cd625e { +border-radius: 0 0 0 12px !important; +} +#emoji-picker-tab-panel .header__55964{ + border-radius: 12px 12px 0 0 !important; +} +#emoji-picker-tab-panel .header__55964{ + border-radius: 12px 12px 0 0 !important; +} +.navItem_df0bc1 { + border-radius: 8px !important; +} +.searchBar__8f956 { + border-radius: 12px; +} +.diversitySelectorOptions__846c5, .diversityEmojiItem__6505f { + border-radius: 12px; +} +.categoryItemDefaultCategorySelected__8245a, .categoryItemDefaultCategory__67fe7, +.stickerCategory__4891e{ + border-radius: 12px !important; +} +.picker__6dca7 { + border-radius: 12px; +} +.newlyAddedHighlight_b1b06a { + border-radius: 8px 8px 0 8px!important; +} +.newlyAddedBadge__97630 { + border-radius: 0 0 8px 8px; +} +.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 { + border-radius: 12px !important; +} + +/* */ +.form__13a2c { + border-top: 1px solid var(--background-secondary); + padding-left: 0px; + padding-right: 0px; + margin-top: 0px; +} +.form__13a2c::before { + background: var(--background-primary) !important; + width: 100%; + height: 1px; +} +.form__13a2c:has(.buttonContainer__1c00c) .wrapper_fbbb73 { + height: 30px +} +.form__13a2c .scrollableContainer__33e06::-webkit-scrollbar { + width: 8px; +} +.form__13a2c .scrollableContainer__33e06::-webkit-scrollbar-thumb { + border-right: 2px solid transparent !important; + border-left: 2px solid transparent; + background-clip: padding-box; +} +.wrapper_fbbb73 { + margin: 0px; + border-radius: 0px; + height: 27.6px; +} +.jumpToPresentBar__0ff7f { + display: contents; +} +.jumpToPresentBar__0ff7f > button:first-child { + display: none; +} +.jumpToPresentBar__0ff7f > button:last-child { + position: absolute; + bottom: 22px; + right: 22px; + padding: 8px !important; + height: auto; + background-color: var(--background-accent); + box-shadow: var(--elevation-high); + border-radius: 100% !important; + font-size: 0px; + z-index: 999; +} +.chatContent__5dca8:has(.form__13a2c .base__512ed) .jumpToPresentBar__0ff7f > button:last-child { + bottom: 42px; +} +.jumpToPresentBar__0ff7f > button:last-child:active { + bottom: 20px; +} +.jumpToPresentBar__0ff7f > button svg { + margin: 0px; + height: 24px; + width: 24px; +} +.base__512ed { + /* border: 0px solid blue; */ + background: var(--channeltextarea-background) !important; + top: -25px; + padding-left: 0px; + bottom: 0px; + left: 0px; + right: 0px; +} +.attachedBars_da3c74 { + border-radius: 0px; + margin-bottom: 8px; + margin-top: -8px; +} +.channelAttachmentArea__740bf { + padding-top: 10px; + overflow-x: scroll !important; +} +.channelAttachmentArea__740bf .upload_c98ecb { + min-width: 80px; + max-width: 80px; + min-height: 80px; + max-height: 80px; + border-radius: 8px; +} +.upload_c98ecb .actionBar__3cdab { + visibility: hidden; +} +.upload_c98ecb .actionBar__3cdab .wrapper_c727b6 { + border-radius: 8px; +} +.upload_c98ecb:hover .actionBar__3cdab { + visibility: visible; +} +.upload_c98ecb .icon_c2f643 { + width: 100%; + height: 100%; + /* zoom: 0.5; */ + background-size: contain; + background-repeat: no-repeat; +} +/* */ +.cooldownWrapper_de448f { + padding-right: 4px; +} +.container__48210 { + margin-right: 4px; +} +.channelTextArea__2e60f { + margin-bottom: 8px; + background-color: transparent !important; +} +.channelTextArea__2e60f > .scrollableContainer__33e06{ + margin-top: 8px; +} +.form__13a2c:has(.channelAttachmentArea__740bf) .channelTextArea__2e60f { + margin-bottom: 8px; + margin-top: 0px; +} +.form__13a2c:has(.channelAttachmentArea__740bf) .inner__9fd0b { + margin-top: 9px; +} +.form__13a2c:has(.attachedBars_da3c74) .base__512ed { + top: -32px; +} +.barBase__4e0ba { + border-radius: 0px 0px 12px 12px; + left: 0px; +} +.scrollableContainer__33e06 { + background: none; +} +.sansAttachButton__996a4 { + padding-left: 12px; + right: 0px; +} +.textArea__74543 { + background: var(--channeltextarea-background); + border-radius: 20px 0px 0px 20px; +} +.textAreaDisabled__60cc6 { + border-radius: 20px; +} +.inner__9fd0b:not(.separator__8424b) { + border: 0px solid green; + margin-right: 8px; +} +.textArea__74543 > div > div{ + margin-left: 12px; +} +.expression-picker-chat-input-button.buttonContainer__8b164{ + align-items: baseline; +} +.buttons_ce5b56 { + height: unset; +} +.buttons_ce5b56 .button_afdfd9 { + position: sticky !important; + top: 0px !important; + height: 44px; +} +.buttons_ce5b56 > div:not(.separator__8424b) { + background-color: var(--channeltextarea-background); +} +.buttons_ce5b56 > button:not(.separator__8424b) { + background-color: var(--channeltextarea-background); + border-radius: 0px !important; + height: unset; + align-items: baseline; +} +.buttons_ce5b56 > button:not(.separator__8424b) .button_f0455c { + position: sticky !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 { + margin-top: 5.5px !important; +} +/* best fix of all time */ +.buttons_ce5b56 > div:has(+ .separator__8424b){ + border-radius: 0px 20px 20px 0px; +} +.buttons_ce5b56 > div:not(:has(.separator__8424b)):last-child { + border-radius: 0px 20px 20px 0px; +} +.form__13a2c:has(div:only-child:is(.separator__8424b)) .textArea__74543 { + border-radius: 20px; +} +/* */ +.message__80c10 .editor__66464 { + padding-left: 0px; +} +.separator__8424b::before { + display: none; +} +.attachButton_eba568 { + background-color: var(--channeltextarea-background); + margin-left: -4px; + border-radius: 100% !important; + width: 44px; + height: 44px; + margin-right: 16px !important; +} +.attachButton_eba568:has(.icon_e5875d) { + margin-right: 8px !important; +} + +/* .form__13a2c:has(.attachedBars_da3c74) .attachButton_eba568 { + margin-right: 0px; +} */ +.form__13a2c:has(.attachedBars_da3c74) .buttons_ce5b56 > div:nth-last-child(2) { + padding-right: 2px; +} +.icon_e5875d { + padding-left: 10px; +} +.activityButton__14226 { + background-color: var(--channeltextarea-background); + /* margin-left: 14px; */ + border-radius: 100% !important; + width: 44px; + height: 44px; + /* !! removed the button because its now in the context menu for attachment button !! */ + display: none; +} +.buttonChild__7b90d { + padding: 0px; +} +.innerButton_debeee { + /* border: 1px solid green; */ + padding-right: 4px; + margin-left: 8px; + margin-right: 8px; +} +.button__8d734 { + background-color: var(--channeltextarea-background); + border-radius: 100% !important; +} +.buttonContainer__9b459:has(.activeButtonChild__6e162) .button__8d734 { + background-color: var(--brand-500); + transition: background-color 0.25s ease-in-out 0s; +} +.activeButtonChild__6e162 .sendIcon__461ff { + color: var(--white-500); +} +.activeButtonChild__6e162:hover { + background-color: var(--brand-500); +} +.userPanelInner_eddf4c .bannerSVGWrapper__3e7b0 .banner__6d414 { + border-radius: 0px !important; +} +.userPanelOverlayBackground__34fc8 { + border-radius: 12px; +} +.input_d266e7 { + border-radius: 8px; +} +/* MEMBER LIST */ +.member_b44d5d { + background: none; +} +.member_aa4760 { + 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); +} +.member_aa4760.selected__9800b { + background-color: var(--background-modifier-selected); +} +.memberInner_a32223 { + background-color: transparent !important; +} + +/* first member item */ +.members__9f47b > .member_aa4760:first-of-type { + border-radius: 12px 12px 0 0; + /* border: 1px solid red !important; */ +} +/* last? member item */ +/* 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; */ +} +/* 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; */ +} +/* first member item + the one BELOW GROUP */ +.membersGroup__85843 + .member_aa4760 { + 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; */ +} +/* 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; */ +} +/* last/first/single child? keeping it either way */ +.membersGroup__85843 + .member_aa4760:nth-last-of-type(1) { + border-radius: 12px; + border-bottom: none; +} +/* offline user */ +.offline_c1fd80 > div { + opacity: .3; +} +/* */ +.item__48dda, .selected__5711d { + border-radius: 12px !important; +} +/* duped override for the above */ +.item_e4ca95 { + border-radius: 8px !important; +} +/* */ +.container__467eb { + border-radius: 16px; +} +.container_de00a3 { + border-radius: 12px; +} +.container_d5f6d0 { + border-radius: 12px; +} +.previewContainer_c7e80d, .previewContainer_d2b616 { + border-radius: 12px; +} +.upsellContainer__12e24 { + border-radius: 12px; +} +.tierHeader__5bf89 { + border-radius: 12px 12px 0px 0px !important; +} +.tierBody__615a1 { + border-radius: 0px 0px 12px 12px; +} +.tierHeaderWithoutCardBody__1282a { + border-radius: 12px !important; +} +.placeholderCard__622e2 { + border-radius: 12px; +} +.descriptionBox_cca0c3 { + border-radius: 12px; +} +/* app directory */ +.searchBox_a63854 { + border-radius: 12px; +} +.category_ba5745 { + border-radius: 12px; +} +.card__834d4 { + border-radius: 12px; +} +.container__7b33c { + border-radius: 12px; +} +.container_a6c201 { + border-radius: 12px; +} +/* */ +.copyInput_c1c679 { + border-radius: 12px; +} +.changelog__6d46d, .safetyChecklist__826c8 { + border-radius: 12px !important; +} +.auditLog__6c805, .header_e08fd2 { + border-radius: 16px; +} +.auditLog__6c805:has(.headerExpanded__03c29) .header_e08fd2{ + border-radius: 16px 16px 0px 0px; +} +.changeDetails_ecd760 { + border-radius: 0px 0px 16px 16px ; +} +.bannedUser__38b44 { + border-radius: 12px; +} +.upsellContainer__978df { + border-radius: 12px; +} +.upsellFooter__63475 { + border-radius: 0px 0px 12px 12px; +} +/* */ +.searchResult_dcd237 { + border-radius: 12px; +} +.button_f8244b { + border-radius: 8px; +} +/* */ +.userPopoutOuter_d739b2 { + border-radius: 20px !important; +} +.userProfileModalOuter__3fe6b, .root_ba16f0 { + border-radius: 20px !important; +} +.userProfileModalInner__7c87d::before { + border-radius: 16px !important; +} +.topSection_dfb73b { + border-radius: 20px !important; +} +.userPopoutInner_f545a3::before { + border-radius: 16px; +} +.userProfileModalOverlayBackground__52d65, .userPopoutOverlayBackground_d8afa4 { + border-radius: 12px; +} +/* to fix weird pfp hover */ +.avatarHintInner__3d1c9 { + border-radius: 50%; +} +.optionBox__0338f { + border-radius: 12px; +} +.bannerSVGWrapper__3e7b0, +.bannerSVGWrapper__3e7b0 .banner__6d414 { + border-radius: 16px 16px 0px 0px; +} +.profileBadges__7a7cb, .badgeList_c193e3, .badgeList_ef4131 { + border-radius: 12px; +} +.role__631a3 { + border-radius: 8px; + padding-left: 1px; + padding-bottom: 3px; +} +.userProfileModalOuter__3fe6b .tabBarItem_b56b35 { + border-radius: 0px !important; +} +.connectedAccountContainer__23f00 { + border-radius: 16px; +} +.inputWrapper__934f5 { + border-radius: 12px; +} +/* */ +.group__6ae8b, .group__6ae8b .item_f48d11 { + border-radius: 8px; +} +/* */ +.sidebar__9e3e2 .side_b4b3f6 > .header_f72511 .headerText__94c22{ + text-transform: none; + font-size: 14px; + font-weight: 600; + overflow: hidden; +} +.sidebar__9e3e2 .side_b4b3f6 .item__48dda { + /* border-radius: 8px !important; + background-color: var(--background-primary); */ + border-radius: 0 !important; + margin-bottom: 0px; + background-color: var(--background-primary); + border-bottom: 1px solid var(--background-accent); +} +.sidebar__9e3e2 .side_b4b3f6 .item__48dda:hover { + background-color: var(--background-modifier-hover); +} +.sidebar__9e3e2 .side_b4b3f6 .item__48dda.selected__5711d { + background-color: var(--background-modifier-selected) !important; +} +/* first item */ +.sidebar__9e3e2 .side_b4b3f6 > .header_f72511 + .item__48dda, +.sidebar__9e3e2 .side_b4b3f6 > .separator_fdbcfd + .item__48dda { + border-radius: 12px 12px 0 0 !important; +} +/* last item */ +.sidebar__9e3e2 .side_b4b3f6 > .item__48dda:has(+ .separator_fdbcfd) { + border-radius: 0 0 12px 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) { + border-radius: 12px !important; + border-bottom: none; +} +/* single child part 2 */ +.sidebar__9e3e2 .side_b4b3f6 > .separator_fdbcfd + .item__48dda:last-child { + border-radius: 12px !important; + border-bottom: none; +} +/* nitro tab */ +.sidebar__9e3e2 .side_b4b3f6 > .header_f72511 + .premiumTab__57bdc.item__48dda .selectedBackground_d847da{ + border-radius: 12px 12px 0 0; +} +/* */ +.tabBarItem_ad34cc, .brand_ce3ecf { + border-radius: 0px !important; +} +.cardPrimary_cb7a0e { + border-radius: 16px; +} +.connectContainer__8050b, .connection_fff5f6 { + border-radius: 16px !important; +} +.connection_fff5f6, .connectionHeader__3c82d { + border-radius: 16px 16px 0px 0px; +} +.connection_fff5f6, .connectionOptionsWrapper_abe849 { + border-radius: 0px 0px 16px 16px; +} +.promotionCard__8581c { + border-radius: 16px; +} +.card__4dc22 { + border-radius: 16px; +} +.cameraWrapper__1ee6d { + border-radius: 16px; +} +.browserNotice__5180b { + border-radius: 16px; +} +/* */ +.accountProfileCard__22589 { + border-radius: 16px; +} +.bioTextArea_a108c9 { + border-radius: 12px; + background-color: var(--channeltextarea-background) !important; +} +.bioTextArea_a108c9 .editor__66464 { + margin-left: 0px; +} +.row_c1b980 { + border-radius: 12px; +} +.premiumFeatureBorder__9bbb3 { + border-radius: 16px; +} +.recommendedServerCard__70a39 { + border-radius: 16px; +} +.swatch__96672 { + border-radius: 12px; +} +.upsellOverlayContainer__08979 { + border-radius: 12px !important; + border: 0px; +} +.item_b7fb7e { + border-radius: 12px; +} +.radioBar__40e1b { + border: 1px solid var(--radio-bar-accent-color); + border-radius: 12px; +} +/* */ +.menu_dc52c6 { + border-radius: 12px; +} +.focused__27621 { + border-radius: 8px; +} +.buttonsInner_bca8fa { + border-radius: 8px; +} +/* */ +.browser_fece63, .container__6604b { + border-radius: 12px; +} +/* */ +.messagesPopoutWrap_b3b384, .messageGroupWrapper_f8c6e9 { + border-radius: 12px; +} +.jumpButton__0329d { + border-radius: 8px; +} +.content__4bf10:has(.threadSidebarOpen_fa231d) .chat__52833, +.content__4bf10:has(.chatSidebarOpen_dfaa6a) .callContainer_cbde45 { + border-radius: 0px 16px 16px 0px; +} +.container_def45c, .container_def45c .chatContent__5dca8 { + border-radius: 16px 0px 0px 16px !important; +} +/* */ +.container__20de0 { + border-radius: 16px; +} +/* */ +.container_d6dad3 { + border-radius: 12px; +} +.option_b5597b { + border-radius: 8px; +} +/* */ +.tooltip__01384 { + border-radius: 12px; +} +.popout__24e32 { + border-radius: 16px; +} +.popout_a6e77f { + border-radius: 12px !important; +} +.select__0eb48 { + border-radius: 12px !important; +} +.container__03857 { + border-radius: 12px; +} +.container_d27846 { + border-radius: 12px; +} +.noiseCancellationPopout__06ec4{ + border-radius: 16px; +} +/* */ +button, input { + border-radius: 12px !important; +} +.select__0eb48 { + border-radius: 12px; +} +.item__183e8 { + border-radius: 8px; +} +.track_a48141 .markDash_dc3ae9 { + height: 20px !important; + /* border: 1px solid red; */ +} +.bar_e58961 { + height: 2px; +} +.grabber_d2868c { + height: 16px; + width: 16px; + top: 56% !important; + margin-left: -8px; + border-radius: 100%; + background-color: var(--brand-500); + border: none; +} +/* */ +.popout_a6e77f { + border-radius: 12px; +} +.popoutContainer__7b9a3 { + border-radius: 12px; +} +.streamPreview__1846c { + border-radius: 12px !important; +} +.reactionTooltip__9384a { + border-radius: 12px !important; +} +/* random fixes */ +.activityButton__14226 { + position: sticky; + top: 0px !important; +} +.imageWrapper_fd6587{ + border-radius: 0px !important; +} +.modal_d2e7a7 .embedMedia_b473d2 { + border-radius: 0px !important; +} +/* */ +.quickswitcher_a3d29a { + border-radius: 16px; +} +.quickswitcher_a3d29a .result__25f11 { + border-radius: 12px; +} +/* discord please hire better css devs */ +.iconContainer__3f9b0:has(.wrapper_edb6e0) > svg{ + display: none !important; +} +/* */ +/* */ +/* */ +.vc-addon-card { + border-radius: 16px; +} +.vc-settings-theme-links { + border-radius: 16px; +} +.vc-permviewer-perms-list-item { + border-radius: 12px; +} +.vc-permviewer-perms-perms-item-icon { + border-radius: 8px; +} +#vc-experiments-warning-card { + border-radius: 12px; +} +.vc-rdb-view .vc-rdb-review { + /* background-color: red; */ + border-radius: 8px; +} +.vc-rdb-view .vc-rdb-review .avatar__08316 { + margin-left:5px; +} +.userPopoutInner_f545a3 .vc-rdb-input { + border: none; +} +.userPopoutInner_f545a3 .vc-rdb-input .textArea__74543 { + margin: 0px; + /* height: 0px !important; */ + margin-top: 1px !important; +} +.userPopoutInner_f545a3 .vc-rdb-input .textArea__74543, +.userPopoutInner_f545a3 .vc-rdb-input .buttons_ce5b56 > div { + background-color: transparent; +} +.userPopoutInner_f545a3 .vc-rdb-input .textArea__74543 { + border: 1px solid #ffffff1a; + border-radius: 12px 0px 0px 12px; + border-right: none; +} +.userPopoutInner_f545a3 .vc-rdb-input .scrollableContainer__33e06 { + padding-top: 2px; + padding-bottom: 1px; +} +.userPopoutInner_f545a3 .vc-rdb-input .buttons_ce5b56 { + border: 1px solid #ffffff1a; + margin-top: -px; + border-radius: 0px 12px 12px 0px !important; + border-left: none; + margin-top: 1px !important; +} +.userPopoutInner_f545a3 .vc-rdb-input .buttons_ce5b56 .button_afdfd9 { + height: 41px; + margin-top: -1px; +} +.layer_ad604d .vc-rdb-modal-footer > div { + margin-left: 0px; + margin-right: 0px; +} +.layer_ad604d .vc-rdb-modal-footer > div .vc-rdb-review { + margin-left: 16px !important; + margin-right: 16px !important; +} +.layer_ad604d .vc-rdb-input { + background-color: transparent; + margin-left: 3px; +} +.vc-rdb-input .textArea__74543 > div > div{ + padding-left: 0px; +} +/* */ + diff --git a/snippets/css/VisualRefreshConcept/vrc.css b/snippets/css/VisualRefreshConcept/vrc.css new file mode 100644 index 0000000..79c2464 --- /dev/null +++ b/snippets/css/VisualRefreshConcept/vrc.css @@ -0,0 +1,1319 @@ +:root { + --custom-member-list-width: 230px; + --show-memberlist-rpc: none; + --userbanner-blur: 0px; +} + +html:not(.visual-refresh).show-redesigned-icons body::before { + position: fixed; + content: "YOU ARE NOT ON VISUAL-REFRESH! Enable visual-refresh by getting the experiments plugin, scrolling to experiments and searching for 2024-05_desktop_visual_refresh, clicking on the result and setting the Bucket Override to Treatment 2. Next time, try reading the README!"; + z-index: 99999; + color: #ffffff; + top: 8px; + left: 8px; + background-color: var(--status-danger); + padding: 40px; + max-width: calc(100vw - 55px); + user-select: text; + font-weight: 900; + font-size: 32px; + line-height: 30pt; + /* politely ask people to use visual-refresh */ +} + +.theme-darker:not(.custom-theme-background) { + --bg-base-tertiary: #171717; + --background-base-lowest: var(--bg-base-tertiary) !important; + --background-base-lower: #272727 !important; + --background-surface-higher: #2c2c2c !important; + --background-floating: var(--background-surface-higher) !important; + --bg-surface-overlay: var(--background-surface-higher) !important; + --bg-surface-raised: var(--background-surface-higher) !important; + --chat-background-default: var(--background-base-lower) !important; + --background-primary: var(--background-base-lower); + --background-secondary: var(--bg-base-tertiary); + --background-tertiary: var(--bg-base-tertiary); + --background-secondary-alt: var(--background-surface-higher); + --modal-background: var(--background-floating); + --modal-footer-background: var(--background-floating); + --background-base-low: var(--background-base-lower); + /* make darker OGG DDEX4 colors, who needs another import */ +} + +:root { + /*background support!!!!!*/ + /* --bg-base-tertiary: url(https://1-background.com/images/stars-1/stars-background-purple.jpg) !important; */ + --fuck-do_not_use_empty_rulesets: yesplease; +} + +.memberInner__5d473 { + min-height: 44px; + /* resize members in list to prevent --show-memberlist-rpc fucking upping */ +} + +.members_c8ffbb { + left: -4px; +} + +.subText__91a9d { + display: var(--show-memberlist-rpc); + /* how --show-memberlist-rpc actually works */ +} + +.page_c48ade { + overflow: visible !important; + box-sizing: content-box; + height: calc(100vh - var(--custom-app-top-bar-height)) !important; +} + +.content_f75fb0>.chatContent_f75fb0, +.container_f369db, +.callContainer_cb9592, +.contentRegion__23e6b { + margin: 0 8px 24px 8px; + border-radius: 0 0 16px 16px; + box-shadow: 8px 8px 32px rgba(0, 0, 0, 0.25); + overflow: hidden; + z-index: 100; + /* windowizes chat */ +} + +.callContainer_cb9592 { + border-radius: 16px !important; +} + +.chat_f75fb0:has(.callContainer_cb9592) .container__01ae2 { + margin-top: 0px; +} + +.content_f75fb0 .outer_c0bea0 { + margin: 0 8px 0 0; + height: calc(100% - 24px); + border-radius: 0 0 16px 16px; +} + +.form_f75fb0::before { + display: none; +} + +.visual-refresh .markup__75297 code { + background: rgba(0, 0, 0, 0.5); + 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; + background-repeat: no-repeat; + background-size: cover; + --background-base-lower: rgba(255, 255, 255, 0.1); + + .channelTextArea_f75fb0 { + background-color: transparent; + } + + .chatContent_f75fb0, + .subtitleContainer_f75fb0 { + backdrop-filter: blur(20px); + } + + .title_f75fb0, + .subtitleContainer_f75fb0 { + border: none; + border-radius: 16px 16px 0px 0px; + overflow: hidden; + } +} + +.container__01ae2 { + margin: 8px 8px 24px 0; + border-radius: 16px; + overflow: hidden; + + &.floating__01ae2 { + margin: 16px 16px 32px 0; + z-index: 101; + } +} + +.subtitleContainer_f75fb0 { + margin: 8px 0 0 8px; + width: calc(100% - var(--custom-member-list-width) - 16px); + /* adjust size of title to align with chat content */ + z-index: 101; +} + +.chat_f75fb0:not(:has(.membersWrap_c8ffbb)) .subtitleContainer_f75fb0 { + /* closer selector to do less lag */ + width: calc(100% - 16px); + /* 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; + /* bring chat closer to servers */ +} + +.content_c48ade:has([data-collapsed="true"]) .subtitleContainer_f75fb0 { + width: calc(100% - 238px); + /* resize subtitle to accomadate collapsed serverlist */ +} + +.content_c48ade:not(:has([data-collapsed="false"], .membersWrap_c8ffbb)) .subtitleContainer_f75fb0 { + width: calc(100% - 8px); + /* resize subtitle to accomadate collapsed serverlist */ +} + +.title_f75fb0 { + border-radius: 16px 16px 0 0; + /* make title actually be rounded becuase it uhh fuck askjz\dagfweqdiohfyivhwebqwdhi */ +} + +.upperContainer__9293f { + overflow: hidden; + justify-content: end; +} + +.container_c8ffbb, +.container__7641b { + margin-top: -56px; + height: calc(100% + 56px) !important; + max-height: 500%; + /* make memberlist use the now-vacant space :3 */ +} + +/* the great fuckwads*/ +.container_c8ffbb, +.members_c8ffbb, +.member_c8ffbb, +.container__7641b, +.chat_f75fb0, +.guilds_c48ade, +.quickswitcher_ac6cb0, +.quickswitcher_ac6cb0 .scroller_ac6cb0, +.container__2637a, +.container_f37cb1, +.scroller__99e7c, +.privateChannels__35e86, +.itemsContainer_ef3116, +.sectionDivider__629e4, +.resizeHandle__01ae2, +.wrapper_cb9592, +.root_bfe55a, +.container__551b0 { + background: transparent !important; + /* hmmm i wonder what this does */ +} + +.chat_f75fb0, +.sidebarList_c48ade, +.container_c8ffbb, +.container__7641b, +[data-list-item-id^="channels___boosts-"] { + border: none !important; +} + +.sidebar_c48ade, +.content__99f8c, +.container__2637a, +.sidebarList_c48ade, +.biteSize_c0bea0 .body__5be3e, +.chat_f75fb0, +[id^="folder-items-"] { + overflow: visible !important; +} + +.panels_c48ade { + left: 0px !important; + bottom: 0px !important; + border-radius: 0px !important; + width: calc(100% + 8px) !important; + background: var(--bg-overlay-5) !important; + border: none !important; + border-top: 1px solid var(--border-subtle) !important; + + /* make user panel closer to visual refresh */ + [mask="url(#svg-mask-avatar-status-round-40)"], + .avatar__37e49 { + mask: none; + border-radius: 50%; + width: 32px !important; + height: 32px !important; + overflow: clip; + + foreignObject { + mask: none !important; + } + + .avatarStack__44b0c .avatar__44b0c { + width: 32px; + height: 32px; + } + + .avatarSpeaking__44b0c { + width: 32px; + height: 32px; + } + + [mask*="url(#svg-mask-status-"], + svg[viewBox="0 0 30 18"] { + display: none; + } + + /* make the pfp smaller and removes status dot */ + } +} + +.wrapper_cb9592 .root_bfe55a { + background: #000000 !important; +} + +.container__37e49 { + padding: 16px 16px 16px 20px !important; + /* makes the panel bigger */ +} + +.container_e131a9 { + padding: 16px 16px 16px 20px !important; + margin: 0 !important; +} + +.avatarWrapper__37e49 { + gap: 12px !important; + /* increases the gap between panel pfp and name */ +} + +.nameTag__37e49 { + display: flex; + flex-direction: column; + gap: 2px; + /* increaes the gap between panel username and status */ +} + +.guilds_c48ade { + top: -36px; + height: calc(100% - 36px); + border-right: 1px solid var(--border-subtle); + + .stack_dbd263 { + padding-top: 36px; + } + + z-index: 1; + /* makes guild list not a sack of shit and utilize the whole window to scroll */ +} + +.sidebar_c48ade:has(.voiceButtonsContainer_e131a9) .guilds_c48ade { + height: calc(100% - 151px); +} + +a.link__2ea32, +.typeThread__2ea32 .link__2ea32, +.navItem__551b0 { + padding: 8px 8px; + border-radius: 12px 0 0 12px; + /* biggerize channels */ +} + +.spine__5b40b { + height: 24px; +} + +.modeSelected__2ea32 a.link__2ea32, +.modeSelected__2ea32.typeThread__2ea32 .link__2ea32, +.navItem__551b0.selected__551b0 { + background-color: var(--brand-500); + + &:hover { + background-color: var(--brand-600); + } + + /* blurple channels */ +} + +.scroller__629e4::-webkit-scrollbar { + width: 0; + height: 0; + /* scrollbar from channel list is removed becuase it clips into channel list + couldnt find a fix for this, pr if you can */ +} + +[class*="scroll"] { + will-change: scroll-position; + /* offload scrolling to the gpu because fuck react */ +} + +.scroller__629e4, +.nav__551b0 { + padding: 0 !important; + margin: 0 !important; + width: calc(100% + 8px); + 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%); + } + + &[data-list-id^="private-channels-uid_"] { + margin-bottom: calc(var(--custom-app-panels-height)) !important; + } + + /* makes channel list connect to chat */ +} + +.nav__551b0 { + padding: 8px !important; + gap: 8px; +} + +.scroller__99e7c { + margin-bottom: var(--custom-app-panels-height) !important; +} + +/*cards and member list and more not commented bc i didnt make this */ +div[aria-label="Members"] div:not(.imageContainer_ef9ae7)>.contentImage__42bf5 { + left: 0px; + position: absolute; + z-index: -1; + max-width: unset !important; + width: 100% !important; + height: 100% !important; + filter: saturate(80%); +} + +.container__0f2e8 { + /* gradient */ + z-index: 0; + overflow: hidden; + background-color: black !important; + margin-left: 0px; + padding-left: 16px; + height: 120px; + border-radius: 0px 12px 12px 0px; + border: none !important; + + &::after { + z-index: -1; + content: ""; + position: absolute; + height: 100%; + width: 100%; + 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-blend-mode: screen, difference, ligthen; + border-radius: 0px 0px 0 0; + opacity: 0.6; + } + + .infoSection__0f2e8 { + height: 100%; + justify-content: end; + z-index: 0; + + .contentTitle__0f2e8::before { + opacity: 0.75; + content: "played "; + font-size: 12px; + } + + * { + text-shadow: 0px 0px 10px rgb(0, 0, 0); + overflow: visible !important; + z-index: 1; + } + + svg>path { + box-shadow: 0px 0px 10px rgb(0, 0, 0); + } + } + + /* username */ + .userName__0f2e8 { + position: relative; + left: 12px; + top: 5px; + } + + /* below username text */ + .contentTitle__0f2e8 { + position: relative; + font-size: 13px; + width: 150px; + white-space: wrap; + bottom: 3px; + left: 50px; + } + + .facePile__0f2e8, + .facePileItem__0f2e8, + .facePileItem__0f2e8 div, + .facePileItem__0f2e8 svg, + .facePileItem__0f2e8 foreignObject { + top: 3px; + width: 23px !important; + height: 23px !important; + contain: none; + align-self: center; + } + + .userSection__0f2e8 { + gap: 8px; + } + + .badgesContainer__635ed { + position: absolute; + bottom: calc(100% - 16px - 16px); + width: calc(100% - 16px - 8px); + justify-content: flex-end; + + .badgeContainer__635ed { + backdrop-filter: saturate(3) blur(20px); + background-color: rgba(0, 0, 0, 0.25); + border-radius: 8px; + padding: 4px; + + svg path, + [data-text-variant="text-xs/normal"] { + text-shadow: none !important; + color: #ffffff !important; + fill: #ffffff !important; + } + } + + .badgeContainer__635ed:has([style*="color: var(--text-positive);"]) { + background-color: var(--text-positive) !important; + + .tabularNumbers__4bd52 { + color: #ffffff !important; + text-shadow: none !important; + } + + svg path { + text-shadow: none !important; + color: #ffffff !important; + fill: #ffffff !important; + } + } + + .badgeContainer__635ed:has(path[fill="var(--status-positive)"]), + .badgeContainer__635ed:has(path[d^="M4 12a8 8 0 0 1 14.93-4H15a1"]) { + height: 16px !important; + width: 16px; + justify-content: center; + + .badgeLabel__635ed { + display: none; + + } + } + } + +} + +.search__97492:not(.open__97492) { + &>.searchBar__97492 { + width: 24px; + background: transparent; + border: none; + } + + & .icon__97492 { + cursor: pointer; + + &>.iconContainer_fea832 { + transform: scale(1.25) translate(-4px, 1.5px); + + &>svg.icon_fea832 { + color: var(--interactive-normal); + } + + &:hover>svg.icon_fea832 { + color: var(--interactive-active); + } + } + } + + &:hover::before { + position: absolute; + border-radius: 5px; + font-weight: 500; + font-size: 14px; + line-height: 16px; + box-sizing: border-box; + word-wrap: break-word; + z-index: 1002; + top: calc(100% + 8px); + left: 50%; + transform: translateX(-50%); + color: var(--text-normal); + padding: 8px 12px; + background-color: var(--background-floating); + content: 'Search'; + box-shadow: var(--elevation-high); + border: 1px solid var(--border-subtle); + } + + &:hover::after { + width: 0; + height: 0; + border: 0 solid transparent; + border-width: 5px; + pointer-events: none; + position: absolute; + z-index: 1; + top: calc(100% - 1.7px); + content: ''; + border-top-color: var(--background-floating); + bottom: 100%; + left: 50%; + margin-left: -5px; + border-top-width: 5px; + transform: rotate(180deg); + } + + /* iconifies search, made by obsidian */ +} + +li:has(.containerDefault_c69b6d .focusTarget__89030) { + width: 40px; + height: 0px; + + /*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"]) { + 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"]) { + margin-left: 52px; + + } + + /* turns server action tabs to funny buttons, per-button styling */ +} + +.content__99f8c .sectionDivider__629e4 { + margin-top: 36px; + /* adds margin to adjust for funny server action tabs */ +} + +.content__99f8c:has([data-list-item-id^="channels___boosts-"]) .sectionDivider__629e4 { + margin-top: calc(36px + 48px); +} + +li:has([data-list-item-id^="channels___boosts-"]) { + overflow: visible; + height: 0px !important; + + [data-list-item-id^="channels___boosts-"] { + padding-top: 48px; + pointer-events: none; + + .textArea_eff079 { + pointer-events: all; + } + + .progressBarContainer_eff079 { + pointer-events: all; + margin-top: 0; + padding-top: var(--space-8); + background-color: transparent !important; + } + } + + /* TODO: MAKE SERVER ACTION TABS GO ABOVE BOOSTS [@3] */ +} + +div[style="height: 12px;"] { + height: 4px !important; +} + +[data-list-item-id^="channels___boosts-"] { + padding-right: 16px; + margin-bottom: 16px; + pointer-events: all; + /* makes boosts not be fucked up style-wise by cut off channels */ +} + +.animatedBannerHoverLayer_f37cb1 { + display: none; + /* remove as it no longer serves a perpose */ +} + +.containerDefault_c69b6d:not([data-dnd-name]):has(.focusTarget__89030) { + width: 40px; + height: 40px; + + .link__2ea32 { + justify-content: center; + border-radius: 100%; + width: 40px; + height: 40px; + transition: background-color 0.1s; + + &:hover { + background-color: rgba(0, 0, 0, 0.25); + } + + .newChannel__599fa { + font-size: 0px; + position: absolute; + min-width: 0px; + min-height: 0px; + height: 12px; + left: 28px; + bottom: 28px; + } + } + + .name__2ea32 { + display: none; + } + + /* turns server action tabs to funny buttons */ +} + +.animatedContainer_f37cb1 { + position: absolute; + width: 100vw; + height: 100vh !important; + opacity: 1 !important; + transform: translateX(-76px) translateY(-95px) !important; + background-color: transparent !important; + border-bottom: none !important; + box-shadow: none; + /* filter: blur(10px); */ + margin-left: 5px; + pointer-events: none; + /* makes banner big and in the bg */ +} + +.sidebarList_c48ade .content__99f8c > div[style="height: 130px;"] { + display: none; + /* behold, the epilepsynator + changing this element in any way will kill the channel list + do not touch it, it is very sensitive + thank you + */ +} + +.bannerImage_f37cb1 { + transform: translateY(0px) scale(1) !important; + pointer-events: none; + /* stop banner from moving with scroll and being clickable, we have channel name for that */ +} + +.bannerImg_f37cb1 { + width: 100vw !important; + height: 400px !important; + mask-image: linear-gradient(to top, transparent 0%, rgba(0, 0, 0, 0.5) 100%); + /* resizes one last time and adds our mask */ +} + +.visual-refresh .sidebarList_c48ade .header_f37cb1 { + background-color: rgba(0, 0, 0, 0); + border: none !important; + height: auto; + z-index: 200; + border-radius: 16px; + margin-left: 8px; + background: rgba(0, 0, 0, 0); + + [class^="headerContent_"] { + height: auto; + + .guildIconV2Container__85d16 { + display: none; + } + + [class*="name_"] { + font-size: 32px !important; + font-weight: 400; + line-height: normal; + white-space: initial; + text-wrap: balance; + } + } + + /* biggifies and transparents header */ +} + +.bar_c38106 { + z-index: 1; + /* makes top bar be above banner */ +} + +.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; + overflow: visible; + pointer-events: none; + + span { + border-radius: 100%; + width: 8px; + height: 8px !important; + margin-right: 14.6px; + margin-top: 28px; + border: 5px solid var(--bg-base-tertiary); + transition: none !important; + } + + /* add general dot-to-pill */ +} + +.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; + overflow: visible; + pointer-events: none; + transition: none !important; + + span { + border-radius: 100%; + width: 8px; + height: 8px !important; + margin-right: 14.6px; + margin-top: 28px; + border: 5px solid var(--bg-base-tertiary); + transition: none !important; + } + + /* i think this does the exact same thing lmfao */ +} + +.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 { + 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 { + 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;"])) { + span { + display: block !important; + color: rgba(0, 0, 0, 0) !important; + background-color: rgba(0, 0, 0, 0) !important; + width: 47px !important; + height: 48px !important; + border-radius: 15.5px; + margin-right: 11px; + margin-top: 0px; + transform: none !important; + border: 2px solid rgba(255, 255, 255, 0.7); + } + + /* add more general dot-to-pill */ +} + +.pill_e5445c { + width: 100%; + overflow: visible !important; + opacity: 1; + /* pill rules */ +} + +.pill_e5445c [style="opacity: 1; height: 40px; transform: none;"] { + right: 0; + height: 53px !important; + background-color: var(--background-accent); + width: 64px; + border-radius: 30% 0 0 30%; + filter: drop-shadow(0px 14px 8px rgba(0, 0, 0, 0.1)); + pointer-events: none; + animation: pillAnimateIn 0.3s backwards cubic-bezier(0, 0, 0, 1.4); + /* open server thinger */ +} + +.pill_e5445c [style="opacity: 1; height: 40px; transform: none;"]::after, +.pill_e5445c [style="opacity: 1; height: 40px; transform: none;"]::before { + content: ""; + position: absolute; + bottom: 100%; + right: 0; + width: 30px; + height: 30px; + border-bottom-right-radius: 20px; + box-shadow: 15px 15px 0 15px var(--background-accent); + /* open server thinger rounding */ +} + +.pill_e5445c [style="opacity: 1; height: 40px; transform: none;"]::before { + top: 100%; + border-bottom-right-radius: 0; + border-top-right-radius: 20px; + box-shadow: 15px -15px 0 15px var(--background-accent); + /* open server thinger */ +} + +@keyframes pillAnimateIn { + from { + opacity: 0; + transform: translateX(10%); + } + + /* open server animation */ +} + +.basicThemeSelectors_fbfab6 { + .themeSelectionContainer__36dee { + width: calc(50% - 12px); + height: 48px; + } + + .themeSelection__36dee { + border-radius: 12px; + + &:after { + position: relative; + font-weight: 400; + font-size: 16px; + color: #ffffff; + left: 16px; + top: 16.5px; + } + } + + .lightIcon__36dee:after { + content: "Discord Light"; + color: #000000; + } + + .darkIcon__36dee:not(:has(.iconWrapper__36dee)):after { + content: "Discord Dark"; + } + + .darkerIcon__36dee:after { + content: "DDEX4 Colors"; + } + + .midnightIcon__36dee:after { + content: "Discord Midnight"; + } + + .selectionCircle__36dee { + border-radius: 15px; + + .checkmarkCircle__36dee { + right: 12px; + top: 13.5px; + } + } + + .themeSelectionContainer__36dee:has(.darkIcon__36dee .iconWrapper__36dee) { + width: 100%; + + .darkIcon__36dee { + .iconWrapper__36dee { + margin-top: 13px; + width: 48px; + height: 48px; + } + + &:after { + content: "Sync with Computer"; + left: 48px; + } + } + } + + /* make theme switchers be little menu things */ +} + +.quickswitcher_ac6cb0 { + border: none !important; + --interactive-normal: rgba(255, 255, 255, 0.8); + --header-primary: #ffffff; + --text-normal: #ffffff; + + .input_ac6cb0 { + background: rgba(0, 0, 0, 0.5); + font-size: 18px; + height: 52px; + } + + .autocompleteQuerySymbol_ac6cb0 { + background-color: rgba(0, 0, 0, 0.25); + } + + /* makes quickswitcher fancy */ +} + +.layerContainer_da8173:has(.quickswitcher_ac6cb0) .backdrop__78332 { + background: rgba(0, 0, 0, 0.5) !important; + backdrop-filter: blur(16px) !important; + /* 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%); + position: absolute; + width: 350px; + height: 100px; + top: 0; + left: 0; + } + + .sidebarRegionScroller__23e6b { + justify-content: flex-start; + + .sidebar__23e6b { + width: 300px; + padding: 60px 0 6px 20px; + + .item_b3f026 { + padding: 10px 10px; + border-radius: 12px 0 0 12px; + + &.selected_b3f026 { + background-color: var(--brand-500); + } + } + } + } + + /* makes sidebar big, adds channel styling */ + .searchBar_c7e907 { + margin-right: 16px; + } + + .mask__68edb { + height: 100px; + contain: none; + overflow: visible; + + [mask^="url(#uid_"] { + mask: none !important; + + .banner__68edb { + width: 100vw; + } + } + } + + /* make account card be scale-adjustable */ + + .thin_d125d2::-webkit-scrollbar { + width: 0 !important; + height: 0 !important; + } +} + +.contentColumn__23e6b { + min-width: 0px; + width: calc(100% - 300px) !important; + max-width: calc(100% - 300px) !important; + /* make content wide but dynamic */ +} + +.reaction__23977, +.codeContainer__75297, +.mosaicItem__6c706, +.videoControls_cf09d8, +.container_cacd02 { + direction: ltr !important; + text-align: left !important; + /* unfuck bubble code */ +} + +.vc-ranb-button { + margin: 0 16px; + width: calc(100% - 32px); + height: 40px !important; + min-height: 40px; + max-height: 40px !important; + padding: 2px; + background-color: var(--background-surface-higher); + background-color: rgb(var(--bg-overlay-opacity-6)); + border: none; + border-radius: 12px; + + .contents__201d5 { + font-size: 0px; + } + + .contents__201d5::after { + content: "asdfg"; + font-size: 18px; + width: 16px; + height: 16px; + position: relative; + color: transparent; + top: 2.5px; + left: 6px; + background-image: url("data:image/svg+xml,%3Csvg%20x%3D%220%22%20y%3D%220%22%20class%3D%22icon__9293f%22%20aria-hidden%3D%22true%22%20role%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23D8D8DB%22%20d%3D%22M9.7%202.89c.18-.07.32-.24.37-.43a2%202%200%200%201%203.86%200c.05.2.19.36.38.43A7%207%200%200%201%2019%209.5v2.09c0%20.12.05.24.13.33l1.1%201.22a3%203%200%200%201%20.77%202.01v.28c0%20.67-.34%201.29-.95%201.56-1.31.6-4%201.51-8.05%201.51-4.05%200-6.74-.91-8.05-1.5-.61-.28-.95-.9-.95-1.57v-.28a3%203%200%200%201%20.77-2l1.1-1.23a.5.5%200%200%200%20.13-.33V9.5a7%207%200%200%201%204.7-6.61ZM9.18%2019.84A.16.16%200%200%200%209%2020a3%203%200%201%200%206%200c0-.1-.09-.17-.18-.16a24.86%2024.86%200%200%201-5.64%200Z%22%20class%3D%22%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); + background-repeat: no-repeat; + } + + &:hover { + background-color: var(--brand-500); + + .contents__201d5::after { + background-image: url("data:image/svg+xml,%3Csvg%20x%3D%220%22%20y%3D%220%22%20class%3D%22icon__9293f%22%20aria-hidden%3D%22true%22%20role%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M9.7%202.89c.18-.07.32-.24.37-.43a2%202%200%200%201%203.86%200c.05.2.19.36.38.43A7%207%200%200%201%2019%209.5v2.09c0%20.12.05.24.13.33l1.1%201.22a3%203%200%200%201%20.77%202.01v.28c0%20.67-.34%201.29-.95%201.56-1.31.6-4%201.51-8.05%201.51-4.05%200-6.74-.91-8.05-1.5-.61-.28-.95-.9-.95-1.57v-.28a3%203%200%200%201%20.77-2l1.1-1.23a.5.5%200%200%200%20.13-.33V9.5a7%207%200%200%201%204.7-6.61ZM9.18%2019.84A.16.16%200%200%200%209%2020a3%203%200%201%200%206%200c0-.1-.09-.17-.18-.16a24.86%2024.86%200%200%201-5.64%200Z%22%20class%3D%22%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); + } + } + + /* turn vc read message button into a server-like */ +} + +.wrapper_d5f3cd { + border-radius: 12px !important; + direction: ltr; + text-align: start; + overflow: hidden; + + .header_d5f3cd { + display: none; + } + + .inviteSplash_d5f3cd { + z-index: 0; + transform-origin: top left; + left: -16px; + top: -16px; + bottom: 0; + position: relative; + height: 0; + margin: 0 !important; + overflow: visible !important; + + img { + width: calc(100% + 32px); + height: 84px; + opacity: 1; + filter: brightness(0.4); + } + } + + .content_d5f3cd { + z-index: 10; + text-shadow: #000000; + flex-wrap: nowrap; + gap: 0px; + } + + .colorGreen__201d5 { + background: var(--brand-500); + border: none; + padding: 12px 24px; + border-radius: 12px; + + &:hover { + background: var(--brand-400); + } + } + + .channel_d5f3cd, + .statusCounts_d5f3cd { + display: none; + } + + .headerLine_ae2544 { + width: 50%; + } + + .inviteDestination_d5f3cd { + margin: 0; + font-size: large; + font-weight: 500; + text-shadow: 0px 0px 10px#00000080; + overflow: visible; + + .infoTitle_ae2544 { + overflow: visible; + + .guildNameWrapper_d5f3cd { + overflow: visible; + + .guildName_d5f3cd { + overflow: visible; + } + } + } + } +} + +.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); + overflow: hidden !important; + box-shadow: 8px 8px 32px rgba(0, 0, 0, 0.25); + /* 24px is a magic number from the margin above */ + height: calc(100vh - var(--custom-app-top-bar-height) - 24px) !important; + background: var(--background-base-lower); +} + +.fullScreen_cb9592 .callContainer_cb9592 { + margin-top: 12px; + height: 100%; +} + +.contentRegion__23e6b { + margin: 10px 10px 10px 0px; + border-radius: 16px; +} + +/* borken */ +/*.accountProfilePopoutWrapper__37e49 { + + .mask__68edb, + .username_af7fb7, + .descriptionClamp_f5f93a, + .body_af7fb7 div[aria-hidden="true"] { + display: none; + } + + .header__5be3e { + height: 0px !important; + + [mask="url(#svg-mask-avatar-decoration-status-round-80)"], + [mask^="url(#svg-mask-status-"], + [mask="url(#svg-mask-avatar-status-round-80)"] { + mask: none !important; + fill: none; + border-radius: 200px; + + } + .cursorDefault__44b0c { + display: none; + } + } + + .avatar__75742, + .wrapper__44b0c, + .svg__44b0c, + .avatarDecoration__44b0c { + top: 7px; + left: 7.5px; + width: 40px !important; + height: 40px !important; + } + + .avatarDecoration__44b0c { + top: 5px !important; + scale: 1.2 !important; + } + + .editable_ab8609 { + left: 74px !important; + top: 20px; + + .outer_ab8609::before { + display: none; + } + + .outer_ab8609::after { + display: none; + } + + .outer_ab8609 { + border: none !important; + padding: 8px; + box-shadow: none; + background: var(--bg-mod-faint); + width: 210px; + max-width: none; + animation: none !important; + + .inner_ab8609 { + height: 32px; + padding: 0px 10px; + display: flex; + align-items: center; + background: transparent; + border-radius: 12px !important; + transition: height 0.5s; + animation: none !important; + + .content_ab8609 { + -webkit-line-clamp: 100; + } + } + + &:hover { + background-color: color-mix(in srgb, var(--background-base-lower) 90%, #ffffff); + + .inner_ab8609 { + height: unset !important; + animation: none !important; + } + } + } + } + + .body_af7fb7 { + padding-top: 0px; + margin-top: 0px; + height: calc(238px + 48px + 12px); + justify-content: end; + } +} */ + +/* decoration fix */ +/* profile in bottom left */ +.avatarWrapper__37e49 .avatarDecoration__44b0c { + transform: translate(4px, 4px) !important; + scale: 1.2 !important; +} + +/* avatar in chat */ +.avatarDecoration_c19a55 { + transform: translate(0px, 1px) !important; + scale: 1 !important; +} + +.mask__68edb>mask { + display: none; +} + +.channelBottomBarArea_f75fb0 { + margin: 0 !important; + border-top: 1px solid var(--border-subtle); + + .channelTextArea_f75fb0 { + border-radius: 0 !important; + border: none; + } + + .accessoryBar__74017 { + margin: 0; + padding: 8px 16px; + border-top: 1px solid var(--border-faint); + } + + /* makes message box stick to bottom */ +} +