mirror of https://gitlab.com/Cynosphere/xmc.git
fix endpwn status for rounded, compacter avatar decoration fixes for dms
rounded avatars is a full reimplementation because i need to remove masks. only thing "noticable" is the fact that guild hover animations look "smoother"/"slower"/"faster. i tried to get the timing close but it is what it is. this theme was never meant for vanilla purists anyways, always a second thought.
This commit is contained in:
parent
6df38a2df7
commit
77cd066398
110
xmc.user.css
110
xmc.user.css
|
@ -307,10 +307,10 @@ rect[fill="hsl(262, calc(var(--saturation-factor, 1) * 46.8%), 39.8%)"] {
|
||||||
fill: var(--status-streaming);
|
fill: var(--status-streaming);
|
||||||
}
|
}
|
||||||
|
|
||||||
[class^="containerDefault-"]:not(:hover) [class*="modeUnread-"] svg[class^="icon-"],
|
[class^="containerDefault-"]:not(:hover):not([class*="selected-"])
|
||||||
[class^="containerDefault-"]:not(:hover)
|
[class*="modeUnread-"] svg[class^="icon-"],
|
||||||
[class*="modeUnread-"]
|
[class^="containerDefault-"]:not(:hover):not([class*="selected-"])
|
||||||
[class^="name-"] {
|
[class*="modeUnread-"] [class^="name-"] {
|
||||||
color: var(--accent, var(--brand-new-500));
|
color: var(--accent, var(--brand-new-500));
|
||||||
}
|
}
|
||||||
[class^="containerDefault-"] [class*="modeUnread-"] [class^="unread-"] {
|
[class^="containerDefault-"] [class*="modeUnread-"] [class^="unread-"] {
|
||||||
|
@ -2780,7 +2780,97 @@ body > #app-mount > .platform-web > [class^="popout-"] > [class^="content-"] > [
|
||||||
@var text xmc_cbg_background 'Custom Background (full access to background, use url() for URLs)' ""
|
@var text xmc_cbg_background 'Custom Background (full access to background, use url() for URLs)' ""
|
||||||
|
|
||||||
@var select xmc_square_avatars 'Square Avatars' {
|
@var select xmc_square_avatars 'Square Avatars' {
|
||||||
'Off': "",
|
'Off': `[class*="avatar-"],
|
||||||
|
[class*="avatar-"] [class*="image-"],
|
||||||
|
[class*="callAvatar-"],
|
||||||
|
[class*="callAvatar-"] [class*="speaking-"],
|
||||||
|
[class*="avatarDefault-"],
|
||||||
|
[class*="avatarSpeaking-"],
|
||||||
|
[class*="avatar-"] [class*="inner-"],
|
||||||
|
[class*="callAvatarVoice-"],
|
||||||
|
[class*="callAvatarWrapper-"] [class*="speaking-"],
|
||||||
|
[class^="messagesWrapper-"]
|
||||||
|
[class^="scrollerInner-"]
|
||||||
|
[class^="message-"]
|
||||||
|
[class*="header-"]
|
||||||
|
[class*="avatar-"]
|
||||||
|
[class*="large-"],
|
||||||
|
[class^="messagesWrapper-"]
|
||||||
|
[class^="scrollerInner-"]
|
||||||
|
[class^="message-"]
|
||||||
|
[class*="header-"]
|
||||||
|
[class*="avatar-"]
|
||||||
|
[class*="wrapper-"],
|
||||||
|
[class^="messagesWrapper-"]
|
||||||
|
[class^="scrollerInner-"]
|
||||||
|
[class^="message-"]
|
||||||
|
[class*="contents-"]
|
||||||
|
[class*="avatar-"],
|
||||||
|
[class^="messagesWrapper-"]
|
||||||
|
[class^="scrollerInner-"]
|
||||||
|
[class^="wrapper-"]
|
||||||
|
[class*="contents-"]
|
||||||
|
[class*="avatar-"],
|
||||||
|
[class^="messageGroupCozy-"] [class*="contents-"] [class*="avatar-"],
|
||||||
|
[class*="autocomplete-"]
|
||||||
|
[class*="autocompleteInner-"]
|
||||||
|
[class*="autocompleteRow-"]
|
||||||
|
[class*="content-"]
|
||||||
|
[class*="wrapper-"],
|
||||||
|
[class*="guildsWrapper-"]
|
||||||
|
[class*="guilds-"]
|
||||||
|
[class*="guild-"]
|
||||||
|
[class*="guildInner-"],
|
||||||
|
div[class^="listItem-"] foreignObject img,
|
||||||
|
div[class^="listItem-"] foreignObject a[class^="button-"],
|
||||||
|
div[class^="listItem-"] foreignObject [class^="childWrapper-"],
|
||||||
|
div[class^="listItem-"] foreignObject [class^="folder-"],
|
||||||
|
div[class^="listItem-"] div[class^="wrapperSimple-"],
|
||||||
|
[class^="circleIconButton-"],
|
||||||
|
[class^="avatarContainer-"],
|
||||||
|
[class^="executedCommandAvatar-"] {
|
||||||
|
border-radius: 50% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
div[class^="listItem-"] foreignObject img,
|
||||||
|
div[class^="listItem-"] foreignObject [class*="selected-"] > img {
|
||||||
|
transition: border-radius 0.35s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
div[class^="listItem-"] foreignObject [class*="selected-"] > img {
|
||||||
|
border-radius: 25% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
[class^="folderIconWrapper-"]
|
||||||
|
> [class^="closedFolderIconWrapper-"]
|
||||||
|
> [class^="icon-"] {
|
||||||
|
border-radius: 50% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
[class*="avatarMasked-"],
|
||||||
|
[class*="maskProfile-"],
|
||||||
|
[class*="mask-"],
|
||||||
|
[class*="avatar-"] svg[class*="mask-"] > foreignObject,
|
||||||
|
[class*="avatarWrapper-"] svg[class*="mask-"] > foreignObject,
|
||||||
|
[class*="avatarHint-"] > foreignObject,
|
||||||
|
[class*="wrapper-"] svg[class*="mask-"] > foreignObject,
|
||||||
|
[class*="callAvatarWrapper-"] svg[class*="callAvatarMask-"] > foreignObject,
|
||||||
|
div[class^="listItem-"] [class^="wrapper-"] > svg > foreignObject,
|
||||||
|
[class^="bannerSVGWrapper-"] > foreignObject,
|
||||||
|
[class^="avatarDecoration-"] > foreignObject {
|
||||||
|
mask: none !important;
|
||||||
|
mask-image: none !important;
|
||||||
|
-webkit-mask-image: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
[class*="avatarHint-"],
|
||||||
|
[class*="avatarNormal-"],
|
||||||
|
[class*="avatarWrapper-"] [class*="wrapper-"],
|
||||||
|
[class*="avatarWrapper-"] [class*="image-"],
|
||||||
|
[class*="replyAvatar-"] {
|
||||||
|
border: none;
|
||||||
|
border-radius: 10% !important;
|
||||||
|
}`,
|
||||||
'On*': `[class*="avatar-"],
|
'On*': `[class*="avatar-"],
|
||||||
[class*="avatar-"] [class*="image-"],
|
[class*="avatar-"] [class*="image-"],
|
||||||
[class*="callAvatar-"],
|
[class*="callAvatar-"],
|
||||||
|
@ -5442,6 +5532,16 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"]))
|
||||||
[class^="sidebar-"] > [class^="privateChannels-"] ul[class^="content-"] > [class^="channel-"] [class*="layout-"] > [class^="avatar-"] {
|
[class^="sidebar-"] > [class^="privateChannels-"] ul[class^="content-"] > [class^="channel-"] [class*="layout-"] > [class^="avatar-"] {
|
||||||
margin-right: 8px;
|
margin-right: 8px;
|
||||||
}
|
}
|
||||||
|
[class^="sidebar-"] > [class^="privateChannels-"] ul[class^="content-"] > [class^="channel-"] [class*="layout-"] > [class^="avatar-"]
|
||||||
|
> [class^="wrapper-"]
|
||||||
|
> [class^="avatarDecoration-"] {
|
||||||
|
top: calc((.4 - var(--decoration-to-avatar-ratio)/2)*32px);
|
||||||
|
left: calc((.475 - var(--decoration-to-avatar-ratio)/2)*32px);
|
||||||
|
width: calc(32px * var(--decoration-to-avatar-ratio));
|
||||||
|
height: calc(32px * var(--decoration-to-avatar-ratio));
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
[class^="sidebar-"] > [class^="privateChannels-"] ul[class^="content-"] > [class*="privateChannelsHeaderContainer-"] {
|
[class^="sidebar-"] > [class^="privateChannels-"] ul[class^="content-"] > [class*="privateChannelsHeaderContainer-"] {
|
||||||
padding: 9px 4px 2px 9px;
|
padding: 9px 4px 2px 9px;
|
||||||
height: 24px;
|
height: 24px;
|
||||||
|
|
Loading…
Reference in New Issue