Upload CSS & Reformat CSS
This commit is contained in:
parent
01128bef6e
commit
4513c813c9
6 changed files with 626 additions and 404 deletions
|
|
@ -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 */
|
||||
|
||||
|
|
|
|||
76
snippets/css/CompactChannelList/ccl.css
Normal file
76
snippets/css/CompactChannelList/ccl.css
Normal file
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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%;
|
||||
}
|
||||
/* */
|
||||
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
/* */
|
||||
|
||||
|
|
|
|||
|
|
@ -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 */
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue