Cynosphere/xmc
1
1
Fork 0
mirror of https://gitlab.com/Cynosphere/xmc.git synced 2024-08-14 22:57:03 +00:00
Code Issues Projects Releases Packages Wiki Activity

Make Modular

Browse source
This commit is contained in:
CI 2022-10-19 03:32:11 +00:00
parent d163a27ef2
commit f789f0ec78
14 changed files with 1973 additions and 1912 deletions
Download patch file Download diff file Expand all files Collapse all files

2
modular/9x_bot_tag.css
View file

@ -54,4 +54,4 @@
[class^="repliedMessage-"] [class*="botTagCompact-"]:after {
top: 1px !important;
}
}

3147
modular/base.css
View file

File diff suppressed because it is too large Load diff

144
modular/collapsing_members.css
View file

@ -1,74 +1,84 @@
[class^="chat-"]
> [class^="content-"]
> [class^="container-"] > [class^="membersWrap-"],
[class^="chat-"] > [class^="content-"] > [class^="membersWrap-"] {
width: 50px !important;
min-width: 50px !important;
}
> [class^="content-"]
> [class^="container-"]
> [class^="membersWrap-"],
[class^="chat-"] > [class^="content-"] > [class^="membersWrap-"] {
width: 50px !important;
min-width: 50px !important;
}
[class^="chat-"]
> [class^="content-"]
> [class^="container-"]:hover > [class^="membersWrap-"],
[class^="chat-"] > [class^="content-"] > [class^="membersWrap-"]:hover {
width: 240px !important;
}
[class^="chat-"]
> [class^="content-"]
> [class^="container-"]:hover
> [class^="membersWrap-"],
[class^="chat-"] > [class^="content-"] > [class^="membersWrap-"]:hover {
width: 240px !important;
}
[class^="chat-"] > [class^="content-"] > [class^="container"] > [class^="membersWrap-"],
[class^="chat-"] > [class^="content-"] > [class^="membersWrap-"] {
min-width: 0;
min-height: 100%;
background-color: var(--background-secondary);
}
[class^="chat-"]
> [class^="content-"]
> [class^="container"]
> [class^="membersWrap-"],
[class^="chat-"] > [class^="content-"] > [class^="membersWrap-"] {
min-width: 0;
min-height: 100%;
background-color: var(--background-secondary);
}
[class^="chat-"]
> [class^="content-"] > [class^="container-"]
> [class^="membersWrap-"]
> [class^="members-"],[class^="chat-"]
> [class^="content-"]
> [class^="membersWrap-"]
> [class^="members-"] {
width: 58px !important;
}
[class^="chat-"]
> [class^="content-"]
> [class^="container-"]
> [class^="membersWrap-"]
> [class^="members-"],
[class^="chat-"]
> [class^="content-"]
> [class^="membersWrap-"]
> [class^="members-"] {
width: 58px !important;
}
[class^="chat-"]
> [class^="content-"] > [class^="container-"]:hover >
[class^="membersWrap-"]
> [class^="members-"],
[class^="chat-"]
> [class^="content-"] >
[class^="membersWrap-"]:hover
> [class^="members-"]{
width: 240px !important;
}
[class^="chat-"]
> [class^="content-"]
> [class^="container-"]:hover
> [class^="membersWrap-"]
> [class^="members-"],
[class^="chat-"]
> [class^="content-"]
> [class^="membersWrap-"]:hover
> [class^="members-"] {
width: 240px !important;
}
[class^="chat-"]
> [class^="content-"] > [class^="container-"] >
[class^="membersWrap-"]
> [class^="members-"]
> [class^="content-"]
> [class^="membersGroup-"],
[class^="chat-"]
> [class^="content-"] >
[class^="membersWrap-"]
> [class^="members-"]
> [class^="content-"]
> [class^="membersGroup-"] {
height: 0;
padding-top: 12px;
}
[class^="chat-"]
> [class^="content-"]
> [class^="container-"]
> [class^="membersWrap-"]
> [class^="members-"]
> [class^="content-"]
> [class^="membersGroup-"],
[class^="chat-"]
> [class^="content-"]
> [class^="membersWrap-"]
> [class^="members-"]
> [class^="content-"]
> [class^="membersGroup-"] {
height: 0;
padding-top: 12px;
}
[class^="chat-"]
> [class^="content-"] > [class^="container-"]:hover >
[class^="membersWrap-"]
> [class^="members-"]
> [class^="content-"]
> [class^="membersGroup-"],
[class^="chat-"]
> [class^="content-"] >
[class^="membersWrap-"]:hover
> [class^="members-"]
> [class^="content-"]
> [class^="membersGroup-"] {
height: 40px;
padding-top: 24px;
}
[class^="chat-"]
> [class^="content-"]
> [class^="container-"]:hover
> [class^="membersWrap-"]
> [class^="members-"]
> [class^="content-"]
> [class^="membersGroup-"],
[class^="chat-"]
> [class^="content-"]
> [class^="membersWrap-"]:hover
> [class^="members-"]
> [class^="content-"]
> [class^="membersGroup-"] {
height: 40px;
padding-top: 24px;
}

6
modular/cozy_compact.css
View file

@ -128,7 +128,9 @@ html:not(.a11y-font-scaled-down)
height: 8px;
}
[class^="messagesWrapper-"] [class^="scrollerInner-"] [class*="groupStart-"][class*="cozy-"] {
[class^="messagesWrapper-"]
[class^="scrollerInner-"]
[class*="groupStart-"][class*="cozy-"] {
margin-top: 8px;
}
@ -142,4 +144,4 @@ div[class*="cozyMessage-"] div[class^="repliedMessage-"]:before {
border-bottom: 0 solid var(--interactive-active);
border-right: 0 solid var(--interactive-active);
border-top: var(--spine-width) solid var(--interactive-active);
}
}

20
modular/custom_bg.css
View file

@ -1,5 +1,5 @@
.theme-dark,
:root {
:root {
--transparent_background-primary: rgba(
var(--primary-rgb),
var(--primary-alpha)
@ -48,7 +48,12 @@
background: var(--transparent_background-secondary) !important;
}
nav[class*="guilds-"],
body > #app-mount > .platform-web > [class^="popout-"] > [class^="content-"] > [class^="wrapper-"] {
body
> #app-mount
> .platform-web
> [class^="popout-"]
> [class^="content-"]
> [class^="wrapper-"] {
background: var(--transparent_background-tertiary) !important;
}
@ -125,11 +130,16 @@ nav[class*="guilds-"] > ul > [class^="scroller-"],
> [class^="membersWrap-"]
> [class^="members-"]
> div,
body > #app-mount > .platform-web > [class^="popout-"] > [class^="content-"] > [class^="wrapper-"] > [class^="callContainer-"] {
body
> #app-mount
> .platform-web
> [class^="popout-"]
> [class^="content-"]
> [class^="wrapper-"]
> [class^="callContainer-"] {
background: transparent !important;
}
#gm-settings-inject [class^="auto-"]::-webkit-scrollbar-track,
#gm-settings-inject[class^="auto-"]::-webkit-scrollbar-track {
background: transparent !important;
@ -144,4 +154,4 @@ body > #app-mount > .platform-web > [class^="popout-"] > [class^="content-"] > [
#gm-settings-inject[class^="auto-"]::-webkit-scrollbar {
width: 12px !important;
height: 12px !important;
}
}

2
modular/hide_tag.css
View file

@ -12,4 +12,4 @@ section[class^="panels-"] > [class^="container-"]:last-child > div:last-child {
position: absolute;
right: 0;
padding-right: 8px;
}
}

2
modular/left_reply.css
View file

@ -33,4 +33,4 @@
width: 1px;
height: 20px;
left: 100%;
}
}

2
modular/nyantro.css
View file

@ -20,4 +20,4 @@
[class^="progressBarContainer-"] [class^="tadaIcon-"] {
display: none;
}
}

87
modular/old_roles.css
View file

@ -1,51 +1,52 @@
[class*="role-"] {
position: relative;
border-radius: 5%;
}
position: relative;
border-radius: 5%;
}
[class^="role-"], [note="FIX ME WHEN WE HAVE :has()"] {
padding-left: 16px;
}
[class^="role-"],
[note="FIX ME WHEN WE HAVE :has()"] {
padding-left: 16px;
}
[class^="roleRemoveButton-"] [class^="roleCircle-"] {
margin: 0 !important;
border-radius: 5% !important;
width: 100%;
height: 22px;
top: 0;
left: 0;
opacity: 0.25;
position: absolute;
z-index: 1;
}
[class^="roleRemoveButton-"] [class^="roleCircle-"] {
margin: 0 !important;
border-radius: 5% !important;
width: 100%;
height: 22px;
top: 0;
left: 0;
opacity: 0.25;
position: absolute;
z-index: 1;
}
[class^="roleRemoveButton-"] {
position: absolute;
left: 0;
width: 100%;
height: 22px;
overflow-x: clip;
overflow-y: visible;
}
[class^="roleRemoveButton-"] {
position: absolute;
left: 0;
width: 100%;
height: 22px;
overflow-x: clip;
overflow-y: visible;
}
[class^="roleName-"] {
z-index: 2;
}
[class^="roleName-"] {
z-index: 2;
}
[class^="roleRemoveIcon-"] {
display: block;
position: absolute;
left: 8px;
z-index: 4;
}
[class^="roleRemoveIcon-"] {
display: block;
position: absolute;
left: 8px;
z-index: 4;
}
[class^="roleRemoveIcon-"] > path {
fill: #ffffff;
filter: brightness(1);
}
[class^="roleRemoveIcon-"] > path {
fill: #ffffff;
filter: brightness(1);
}
[class^="roleRemoveButton-"] [class*="roleDot-"] {
width: 1em !important;
height: 1em !important;
margin-top: 0.25em;
}
[class^="roleRemoveButton-"] [class*="roleDot-"] {
width: 1em !important;
height: 1em !important;
margin-top: 0.25em;
}

2
modular/old_titlebar.css
View file

@ -90,4 +90,4 @@
[class^="typeMacOS-"][class*="unfocused-"] [class*="macButton-"],
html.platform-win:not(.app-focused) [class*="winButton-"] {
opacity: 1 !important;
}
}

79
modular/status_icons.css
View file

@ -30,7 +30,10 @@
> [class^="root-"]
[class^="avatar-"]
> svg,
[class^="userPopoutInner-"] [class^="avatarHoverTarget-"] > [class^="wrapper-"] > svg {
[class^="userPopoutInner-"]
[class^="avatarHoverTarget-"]
> [class^="wrapper-"]
> svg {
overflow: visible;
}
@ -403,11 +406,31 @@
[class^="avatar-"]
> svg
rect[fill="hsl(262, calc(var(--saturation-factor, 1) * 46.8%), 39.8%)"],
[class^="userProfileModalInner-"] [class^="header-"] [class^="wrapper-"] > svg rect[fill="hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%)"],
[class^="userProfileModalInner-"] [class^="header-"] [class^="wrapper-"] > svg rect[fill="hsl(38, calc(var(--saturation-factor, 1) * 95.7%), 54.1%)"],
[class^="userProfileModalInner-"] [class^="header-"] [class^="wrapper-"] > svg rect[fill="hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%)"],
[class^="userProfileModalInner-"] [class^="header-"] [class^="wrapper-"] > svg rect[fill="hsl(214, calc(var(--saturation-factor, 1) * 9.9%), 50.4%)"],
[class^="userProfileModalInner-"] [class^="header-"] [class^="wrapper-"] > svg rect[fill="hsl(262, calc(var(--saturation-factor, 1) * 46.8%), 39.8%)"] {
[class^="userProfileModalInner-"]
[class^="header-"]
[class^="wrapper-"]
> svg
rect[fill="hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%)"],
[class^="userProfileModalInner-"]
[class^="header-"]
[class^="wrapper-"]
> svg
rect[fill="hsl(38, calc(var(--saturation-factor, 1) * 95.7%), 54.1%)"],
[class^="userProfileModalInner-"]
[class^="header-"]
[class^="wrapper-"]
> svg
rect[fill="hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%)"],
[class^="userProfileModalInner-"]
[class^="header-"]
[class^="wrapper-"]
> svg
rect[fill="hsl(214, calc(var(--saturation-factor, 1) * 9.9%), 50.4%)"],
[class^="userProfileModalInner-"]
[class^="header-"]
[class^="wrapper-"]
> svg
rect[fill="hsl(262, calc(var(--saturation-factor, 1) * 46.8%), 39.8%)"] {
mask: none !important;
width: 8px;
height: 120px;
@ -415,8 +438,16 @@
y: 0;
}
[class^="userPopoutInner-"] [class^="avatarHoverTarget-"] > [class^="wrapper-"] > svg circle,
[class^="userProfileModalInner-"] [class^="header-"] [class^="wrapper-"] > svg circle {
[class^="userPopoutInner-"]
[class^="avatarHoverTarget-"]
> [class^="wrapper-"]
> svg
circle,
[class^="userProfileModalInner-"]
[class^="header-"]
[class^="wrapper-"]
> svg
circle {
display: none;
}
@ -460,14 +491,34 @@
[class^="avatar-"]
> svg
rect[fill="hsl(262, calc(var(--saturation-factor, 1) * 46.8%), 39.8%)"],
[class^="userPopoutInner-"] [class^="avatarHoverTarget-"] > [class^="wrapper-"] > svg rect[fill="hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%)"],
[class^="userPopoutInner-"] [class^="avatarHoverTarget-"] > [class^="wrapper-"] > svg rect[fill="hsl(38, calc(var(--saturation-factor, 1) * 95.7%), 54.1%)"],
[class^="userPopoutInner-"] [class^="avatarHoverTarget-"] > [class^="wrapper-"] > svg rect[fill="hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%)"],
[class^="userPopoutInner-"] [class^="avatarHoverTarget-"] > [class^="wrapper-"] > svg rect[fill="hsl(214, calc(var(--saturation-factor, 1) * 9.9%), 50.4%)"],
[class^="userPopoutInner-"] [class^="avatarHoverTarget-"] > [class^="wrapper-"] > svg rect[fill="hsl(262, calc(var(--saturation-factor, 1) * 46.8%), 39.8%)"] {
[class^="userPopoutInner-"]
[class^="avatarHoverTarget-"]
> [class^="wrapper-"]
> svg
rect[fill="hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%)"],
[class^="userPopoutInner-"]
[class^="avatarHoverTarget-"]
> [class^="wrapper-"]
> svg
rect[fill="hsl(38, calc(var(--saturation-factor, 1) * 95.7%), 54.1%)"],
[class^="userPopoutInner-"]
[class^="avatarHoverTarget-"]
> [class^="wrapper-"]
> svg
rect[fill="hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%)"],
[class^="userPopoutInner-"]
[class^="avatarHoverTarget-"]
> [class^="wrapper-"]
> svg
rect[fill="hsl(214, calc(var(--saturation-factor, 1) * 9.9%), 50.4%)"],
[class^="userPopoutInner-"]
[class^="avatarHoverTarget-"]
> [class^="wrapper-"]
> svg
rect[fill="hsl(262, calc(var(--saturation-factor, 1) * 46.8%), 39.8%)"] {
mask: none !important;
width: 8px;
height: 80px;
x: 80;
y: 0;
}
}

4
modular/stylings.css
View file

@ -1,5 +1,5 @@
.theme-dark,
:root {
:root {
--_font-titlebars: "Segoe UI", sans-serif !important;
--button-bg: linear-gradient(to bottom, var(--primary), var(--secondary));
@ -148,4 +148,4 @@ nav[class^="sidebar-"] div[class^="item-"]:not([class*="selected-"]):hover,
[class^="reaction-"] [class*="reactionCount-"] {
color: var(--text);
}
}

386
modular/titlebars.css
View file

@ -4,8 +4,9 @@
padding: unset !important;
}
[class^="userPopout-"] [class^="activityUserPopout-"] [class*="headerTextNormal-"],
[class^="userPopout-"]
[class^="activityUserPopout-"]
[class*="headerTextNormal-"],
[class^="userPopout-"] [class*="bodyTitle-"],
[class^="userPopout-"] [class*="aboutMeTitle-"],
[class^="userPopout-"] [class*="userInfoTitle-"] {
@ -82,212 +83,213 @@
}
.platform-win [class*="baseLayer-"] {
top: -32px;
padding-top: 32px;
}
.platform-win [class^="app-"] > [class^="app-"] > [class^="bg-"] {
top: -32px;
}
top: -32px;
padding-top: 32px;
}
.platform-win [class^="app-"] > [class^="app-"] > [class^="bg-"] {
top: -32px;
}
[class^="typeWindows-"] {
margin: 3px;
padding: 6px;
height: 14px !important;
background: var(--titlebar-color);
box-shadow: var(--titlebar-shadow);
}
[class^="typeWindows-"] {
margin: 3px;
padding: 6px;
height: 14px !important;
background: var(--titlebar-color);
box-shadow: var(--titlebar-shadow);
}
[class^="typeMacOS-"] {
background-color: var(--background-tertiary);
height: 32px !important;
}
[class^="typeMacOS-"] {
background-color: var(--background-tertiary);
height: 32px !important;
}
[class^="macButtons-"] {
padding: 8px !important;
}
[class^="macButtons-"] {
padding: 8px !important;
}
[class*="winButton-"] {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAJVSURBVFhH1ZjtThQxFIa9j81ust+fV8ONIH6AiMgAAgr4A/SavAFioiJBshLxAvjLgXfI25TuTGm7pM00eZJOe872me3szJl9dtcWAoneFr6trokPyLlPjdty0aujY/l//NXK1dGX9KKX+4fy7+CzFcQkF/2790kuP+4LG/rmMWKSi15s78j0w67cXF/noG8eIya56PnGpvzJtnIoRziOmOSiZ+sbcv4+yzFFOY6Y5KKnb9/J2dq6kkPfPP59F5Nc9NfyGzldWVVi6JvHiEku+uPla/n5atkKYpKLniwuyffnL6wgJrmoD8i5T43bsGgIcdt0OpUQarVaVHLRou21QdHJZCLj8dgJxHLRkDwl6lM9UXQ0GslwOHQCsRQNyVOiPtWTLjoYDJwwRYtiipgR9ameKIoz7vf7TiCWoiF5StSneqIozrjX6z2gXq/nmOOIpWhRXhnMU6I+1RNFccbdbjcHHwrBLMtyKMt5xFJUz2s2m+rkCMbMPCXqUz3pop1OZ0bSlEWMKYoxUJbH+RlRn+qJopBot9uFixHMIQaxFGUeKPtGOc88JepTPVEUW9NqtaTRaFhBDGIpyjwXmKdEfaonimJrcPYuIJaiIXlK1Kd6SirqA0X1a+0xyq7Rx3hwjYbARWNRLdGi7bVB0ehbj8Ur82OqzO1pnhu+C092w5/nEUrwDfBphL4+Z7tGXfKU6DxFCcFCfMajr8+VFSXAJU+JzlvmAXNBfc4U1edc8pToUxTO5hbqc7bC2SVPiVbmVaQyL3eVeV32gaLR/4AIgYvGoSa368P/Q8a1fTUAAAAASUVORK5CYII=");
background-size: 42px;
background-repeat: no-repeat;
background-color: transparent !important;
width: 14px !important;
height: 14px !important;
top: -1px !important;
position: relative !important;
margin-left: 30px;
}
[class*="winButton-"] {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAJVSURBVFhH1ZjtThQxFIa9j81ust+fV8ONIH6AiMgAAgr4A/SavAFioiJBshLxAvjLgXfI25TuTGm7pM00eZJOe872me3szJl9dtcWAoneFr6trokPyLlPjdty0aujY/l//NXK1dGX9KKX+4fy7+CzFcQkF/2790kuP+4LG/rmMWKSi15s78j0w67cXF/noG8eIya56PnGpvzJtnIoRziOmOSiZ+sbcv4+yzFFOY6Y5KKnb9/J2dq6kkPfPP59F5Nc9NfyGzldWVVi6JvHiEku+uPla/n5atkKYpKLniwuyffnL6wgJrmoD8i5T43bsGgIcdt0OpUQarVaVHLRou21QdHJZCLj8dgJxHLRkDwl6lM9UXQ0GslwOHQCsRQNyVOiPtWTLjoYDJwwRYtiipgR9ameKIoz7vf7TiCWoiF5StSneqIozrjX6z2gXq/nmOOIpWhRXhnMU6I+1RNFccbdbjcHHwrBLMtyKMt5xFJUz2s2m+rkCMbMPCXqUz3pop1OZ0bSlEWMKYoxUJbH+RlRn+qJopBot9uFixHMIQaxFGUeKPtGOc88JepTPVEUW9NqtaTRaFhBDGIpyjwXmKdEfaonimJrcPYuIJaiIXlK1Kd6SirqA0X1a+0xyq7Rx3hwjYbARWNRLdGi7bVB0ehbj8Ur82OqzO1pnhu+C092w5/nEUrwDfBphL4+Z7tGXfKU6DxFCcFCfMajr8+VFSXAJU+JzlvmAXNBfc4U1edc8pToUxTO5hbqc7bC2SVPiVbmVaQyL3eVeV32gaLR/4AIgYvGoSa368P/Q8a1fTUAAAAASUVORK5CYII=");
background-size: 42px;
background-repeat: no-repeat;
background-color: transparent !important;
width: 14px !important;
height: 14px !important;
top: -1px !important;
position: relative !important;
margin-left: 30px;
}
[class*="macButton-"] {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAJVSURBVFhH1ZjtThQxFIa9j81ust+fV8ONIH6AiMgAAgr4A/SavAFioiJBshLxAvjLgXfI25TuTGm7pM00eZJOe872me3szJl9dtcWAoneFr6trokPyLlPjdty0aujY/l//NXK1dGX9KKX+4fy7+CzFcQkF/2790kuP+4LG/rmMWKSi15s78j0w67cXF/noG8eIya56PnGpvzJtnIoRziOmOSiZ+sbcv4+yzFFOY6Y5KKnb9/J2dq6kkPfPP59F5Nc9NfyGzldWVVi6JvHiEku+uPla/n5atkKYpKLniwuyffnL6wgJrmoD8i5T43bsGgIcdt0OpUQarVaVHLRou21QdHJZCLj8dgJxHLRkDwl6lM9UXQ0GslwOHQCsRQNyVOiPtWTLjoYDJwwRYtiipgR9ameKIoz7vf7TiCWoiF5StSneqIozrjX6z2gXq/nmOOIpWhRXhnMU6I+1RNFccbdbjcHHwrBLMtyKMt5xFJUz2s2m+rkCMbMPCXqUz3pop1OZ0bSlEWMKYoxUJbH+RlRn+qJopBot9uFixHMIQaxFGUeKPtGOc88JepTPVEUW9NqtaTRaFhBDGIpyjwXmKdEfaonimJrcPYuIJaiIXlK1Kd6SirqA0X1a+0xyq7Rx3hwjYbARWNRLdGi7bVB0ehbj8Ur82OqzO1pnhu+C092w5/nEUrwDfBphL4+Z7tGXfKU6DxFCcFCfMajr8+VFSXAJU+JzlvmAXNBfc4U1edc8pToUxTO5hbqc7bC2SVPiVbmVaQyL3eVeV32gaLR/4AIgYvGoSa368P/Q8a1fTUAAAAASUVORK5CYII=");
background-size: 42px;
background-repeat: no-repeat;
background-color: transparent !important;
width: 14px !important;
height: 14px !important;
border-radius: 0;
}
[class*="macButton-"] {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAJVSURBVFhH1ZjtThQxFIa9j81ust+fV8ONIH6AiMgAAgr4A/SavAFioiJBshLxAvjLgXfI25TuTGm7pM00eZJOe872me3szJl9dtcWAoneFr6trokPyLlPjdty0aujY/l//NXK1dGX9KKX+4fy7+CzFcQkF/2790kuP+4LG/rmMWKSi15s78j0w67cXF/noG8eIya56PnGpvzJtnIoRziOmOSiZ+sbcv4+yzFFOY6Y5KKnb9/J2dq6kkPfPP59F5Nc9NfyGzldWVVi6JvHiEku+uPla/n5atkKYpKLniwuyffnL6wgJrmoD8i5T43bsGgIcdt0OpUQarVaVHLRou21QdHJZCLj8dgJxHLRkDwl6lM9UXQ0GslwOHQCsRQNyVOiPtWTLjoYDJwwRYtiipgR9ameKIoz7vf7TiCWoiF5StSneqIozrjX6z2gXq/nmOOIpWhRXhnMU6I+1RNFccbdbjcHHwrBLMtyKMt5xFJUz2s2m+rkCMbMPCXqUz3pop1OZ0bSlEWMKYoxUJbH+RlRn+qJopBot9uFixHMIQaxFGUeKPtGOc88JepTPVEUW9NqtaTRaFhBDGIpyjwXmKdEfaonimJrcPYuIJaiIXlK1Kd6SirqA0X1a+0xyq7Rx3hwjYbARWNRLdGi7bVB0ehbj8Ur82OqzO1pnhu+C092w5/nEUrwDfBphL4+Z7tGXfKU6DxFCcFCfMajr8+VFSXAJU+JzlvmAXNBfc4U1edc8pToUxTO5hbqc7bC2SVPiVbmVaQyL3eVeV32gaLR/4AIgYvGoSa368P/Q8a1fTUAAAAASUVORK5CYII=");
background-size: 42px;
background-repeat: no-repeat;
background-color: transparent !important;
width: 14px !important;
height: 14px !important;
border-radius: 0;
}
[class^="typeMacOS-"][class*="unfocused-"] [class*="macButton-"],
html.platform-win:not(.app-focused) [class*="winButton-"] {
opacity: 0.4;
}
[class^="typeMacOS-"][class*="unfocused-"] [class*="macButton-"],
html.platform-win:not(.app-focused) [class*="winButton-"] {
opacity: 0.4;
}
[class^="typeMacOS-"][class*="unfocused-"] [class*="macButton-"]:hover,
html.platform-win:not(.app-focused) [class*="winButton-"]:hover {
opacity: 1;
}
[class^="typeMacOS-"][class*="unfocused-"] [class*="macButton-"]:hover,
html.platform-win:not(.app-focused) [class*="winButton-"]:hover {
opacity: 1;
}
[class*="macButton-"] > svg,
[class*="winButton-"] > svg,
[class^="wordmarkWindows-"] > svg {
display: none;
}
[class*="macButton-"] > svg,
[class*="winButton-"] > svg,
[class^="wordmarkWindows-"] > svg {
display: none;
}
[class*="winButtonClose-"] {
margin-right: 3px;
}
[class*="winButtonClose-"] {
margin-right: 3px;
}
[class*="macButtonClose-"],
[class*="winButtonClose-"] {
background-position: 0px 0px;
}
[class*="macButtonClose-"]:hover,
[class*="winButtonClose-"]:hover {
background-position: 0px -14px;
}
[class*="macButtonClose-"]:active,
[class*="winButtonClose-"]:active {
background-position: 0px -28px;
}
[class*="macButtonClose-"],
[class*="winButtonClose-"] {
background-position: 0px 0px;
}
[class*="macButtonClose-"]:hover,
[class*="winButtonClose-"]:hover {
background-position: 0px -14px;
}
[class*="macButtonClose-"]:active,
[class*="winButtonClose-"]:active {
background-position: 0px -28px;
}
[class*="macButtonMaximize-"],
[class*="winButtonMinMax-"]:nth-child(3) {
background-position: -14px 0px;
}
[class*="macButtonMaximize-"]:hover,
[class*="winButtonMinMax-"]:nth-child(3):hover {
background-position: -14px -14px;
}
[class*="macButtonMaximize-"]:active,
[class*="winButtonMinMax-"]:nth-child(3):active {
background-position: -14px -28px;
}
[class*="macButtonMaximize-"],
[class*="winButtonMinMax-"]:nth-child(3) {
background-position: -14px 0px;
}
[class*="macButtonMaximize-"]:hover,
[class*="winButtonMinMax-"]:nth-child(3):hover {
background-position: -14px -14px;
}
[class*="macButtonMaximize-"]:active,
[class*="winButtonMinMax-"]:nth-child(3):active {
background-position: -14px -28px;
}
[class*="macButtonMinimize-"],
[class*="winButtonMinMax-"]:nth-child(4) {
background-position: -28px 0px;
}
[class*="macButtonMinimize-"]:hover,
[class*="winButtonMinMax-"]:nth-child(4):hover {
background-position: -28px -14px;
}
[class*="macButtonMinimize-"]:active,
[class*="winButtonMinMax-"]:nth-child(4):active {
background-position: -28px -28px;
}
[class*="macButtonMinimize-"],
[class*="winButtonMinMax-"]:nth-child(4) {
background-position: -28px 0px;
}
[class*="macButtonMinimize-"]:hover,
[class*="winButtonMinMax-"]:nth-child(4):hover {
background-position: -28px -14px;
}
[class*="macButtonMinimize-"]:active,
[class*="winButtonMinMax-"]:nth-child(4):active {
background-position: -28px -28px;
}
[class^="wordmarkWindows-"] {
width: 16px !important;
height: 16px !important;
top: 8px !important;
left: 9px !important;
padding: 0 !important;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAM6SURBVDhPhZJrUIxRGMePMUiDkUaMmeRSQy7lMijklg+lBg1DG8Nu6EalJFqxU7JtbcnSZd+tbMm2W3RZpdVlG7GpKJemZqKLiC9tYYsti/17rdf0gRm/mWfmzHPO7z/PnHPI/1A9rRKyLu38tPHgiiFZUV4K0/4b3dCAe6ky/nHF3YIspkXiq6kXXHUw8hu5YAv2giyciQsJl+8x22MYjUZzdXMKgD5ESytwX9MROTzyxX7H7QioDSpU9hXiKBWHmZ4cEDNnjIx8ncuov9Hr9Qviyq6hl47YVwbwMjrkD9qfhGzO40L8rhr8xxVwTcrHtD25IDPC0Nun3cqoY4hkcoUlJwdkay0M34zTdZ91y6cd8YB7Bh9bhBLYBJeBuD4EWZAKeuJJjDZGV1c9L+9mCOKTwvGspSHsV48THfmIrFgHs20BIM4iEGspmlq1USbhD/TU4568yO949VZML4cwikH4cFNxRqh839nd62Pv5qydYOsEMscVvuF8DaON8Wagpb2uR43+4Ud0AGCgK6ZkBIt9xThSwkNO23mklPuDFeeBRbuW4kTUqVqd7uMSRick9/UXsNOvQGdoNwW8pCtCVURXKKg3aXg+WghZcyICqVNYH8LGOPs1ILOXoFajuWgKSNR8794dGYAuQyd0tMxrzIJSS0HSI0PRcDmaR8uRUZ8OjjgOm6K4sPHyo/+DB8jyIPT09nFMIfStTvyOH07F3Q0NordZELTU4FglBeVoDao+VICvvg7vNBFcooWwY8diiuMBjN+SDStPSm8K+ENQHR/BVaWwDroKtioZssF7yOkuRnipFLtEFJzOSWDnL4GFy1lMXHUS5t5qI6MSUveqRehZGAur/Zmw2BcK3+p4iDpvQ9Agg+/NbGxPzMbqqDzYBhbAwk2MSY6HMctPAUYn5JIy85lVaBiIbRosD+3Enls8cDWZOHlHDK90MTbEXMey0wWYH3AHZm5yTHY4C/3Xb9aMTj+n9j07LKegrrJxgBtzi6p3SOCAJY+FjzQRrgIRVp6RYN5xOab6lICsVWCt941+Rv03Ta/bg/mq3Kb9qYKBzbykTy7R0n5Wck2roOilQtM2GPj7FCE/Ab+l9dhxypy/AAAAAElFTkSuQmCC");
background-repeat: no-repeat;
}
[class^="wordmarkWindows-"] {
width: 16px !important;
height: 16px !important;
top: 8px !important;
left: 9px !important;
padding: 0 !important;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAM6SURBVDhPhZJrUIxRGMePMUiDkUaMmeRSQy7lMijklg+lBg1DG8Nu6EalJFqxU7JtbcnSZd+tbMm2W3RZpdVlG7GpKJemZqKLiC9tYYsti/17rdf0gRm/mWfmzHPO7z/PnHPI/1A9rRKyLu38tPHgiiFZUV4K0/4b3dCAe6ky/nHF3YIspkXiq6kXXHUw8hu5YAv2giyciQsJl+8x22MYjUZzdXMKgD5ESytwX9MROTzyxX7H7QioDSpU9hXiKBWHmZ4cEDNnjIx8ncuov9Hr9Qviyq6hl47YVwbwMjrkD9qfhGzO40L8rhr8xxVwTcrHtD25IDPC0Nun3cqoY4hkcoUlJwdkay0M34zTdZ91y6cd8YB7Bh9bhBLYBJeBuD4EWZAKeuJJjDZGV1c9L+9mCOKTwvGspSHsV48THfmIrFgHs20BIM4iEGspmlq1USbhD/TU4568yO949VZML4cwikH4cFNxRqh839nd62Pv5qydYOsEMscVvuF8DaON8Wagpb2uR43+4Ud0AGCgK6ZkBIt9xThSwkNO23mklPuDFeeBRbuW4kTUqVqd7uMSRick9/UXsNOvQGdoNwW8pCtCVURXKKg3aXg+WghZcyICqVNYH8LGOPs1ILOXoFajuWgKSNR8794dGYAuQyd0tMxrzIJSS0HSI0PRcDmaR8uRUZ8OjjgOm6K4sPHyo/+DB8jyIPT09nFMIfStTvyOH07F3Q0NordZELTU4FglBeVoDao+VICvvg7vNBFcooWwY8diiuMBjN+SDStPSm8K+ENQHR/BVaWwDroKtioZssF7yOkuRnipFLtEFJzOSWDnL4GFy1lMXHUS5t5qI6MSUveqRehZGAur/Zmw2BcK3+p4iDpvQ9Agg+/NbGxPzMbqqDzYBhbAwk2MSY6HMctPAUYn5JIy85lVaBiIbRosD+3Enls8cDWZOHlHDK90MTbEXMey0wWYH3AHZm5yTHY4C/3Xb9aMTj+n9j07LKegrrJxgBtzi6p3SOCAJY+FjzQRrgIRVp6RYN5xOab6lICsVWCt941+Rv03Ta/bg/mq3Kb9qYKBzbykTy7R0n5Wck2roOilQtM2GPj7FCE/Ab+l9dhxypy/AAAAAElFTkSuQmCC");
background-repeat: no-repeat;
}
[class^="wordmarkWindows-"]::after {
font-family: var(--_font-titlebars) !important;
font-size: 12px !important;
line-height: 250% !important;
color: var(--text) !important;
font-weight: 0 !important;
content: "Discord";
position: absolute;
top: -8px;
left: 21px;
height: 17px;
opacity: 1;
}
html.platform-win:not(.app-focused) [class^="wordmarkWindows-"]::after,
html:not(.platform-win)
#app-mount
> div:not(.app-focused)
[class^="wordmarkWindows-"]::after {
font-family: var(--_font-titlebars) !important;
font-size: 12px !important;
line-height: 250% !important;
color: var(--text) !important;
font-weight: 0 !important;
content: "Discord";
position: absolute;
top: -8px;
left: 21px;
height: 17px;
opacity: 1;
}
html.platform-win:not(.app-focused) [class^="wordmarkWindows-"]::after,
html:not(.platform-win)
#app-mount
> div:not(.app-focused)
[class^="wordmarkWindows-"]::after {
opacity: 0.4;
}
opacity: 0.4;
}
[class^="focusLock-"][aria-modal="true"]
> [class*="root-"]
> [class^="body-"]
> [class^="infoScroller-"]
> [class^="userInfoSection-"]
> [class*="userInfoSectionHeader-"] {
color: var(--text) !important;
padding: 0 10px;
background-color: var(--titlebar-color);
box-shadow: var(--titlebar-shadow);
margin-bottom: 0;
height: 28px;
box-sizing: border-box;
display: flex;
align-items: center;
font-weight: 100;
font-family: var(--_font-titlebars) !important;
font-size: 12px !important;
text-transform: none;
}
> [class*="root-"]
> [class^="body-"]
> [class^="infoScroller-"]
> [class^="userInfoSection-"]
> [class*="userInfoSectionHeader-"] {
color: var(--text) !important;
padding: 0 10px;
background-color: var(--titlebar-color);
box-shadow: var(--titlebar-shadow);
margin-bottom: 0;
height: 28px;
box-sizing: border-box;
display: flex;
align-items: center;
font-weight: 100;
font-family: var(--_font-titlebars) !important;
font-size: 12px !important;
text-transform: none;
}
[class^="focusLock-"][aria-modal="true"]
> [class*="root-"]
> [class^="body-"]
> [class^="infoScroller-"]
> [class^="connectedAccounts-"]::before {
color: var(--text) !important;
padding: 0 10px;
background-color: var(--titlebar-color);
box-shadow: var(--titlebar-shadow);
margin-bottom: 0;
height: 28px;
width: 100%;
box-sizing: border-box;
display: flex;
align-items: center;
font-weight: 100;
font-family: var(--_font-titlebars) !important;
font-size: 12px !important;
text-transform: none;
content: "Connected Accounts";
position: absolute;
}
[class^="focusLock-"][aria-modal="true"]
> [class*="root-"]
> [class^="body-"]
> [class^="infoScroller-"]
> [class^="connectedAccounts-"]::before {
color: var(--text) !important;
padding: 0 10px;
background-color: var(--titlebar-color);
box-shadow: var(--titlebar-shadow);
margin-bottom: 0;
height: 28px;
width: 100%;
box-sizing: border-box;
display: flex;
align-items: center;
font-weight: 100;
font-family: var(--_font-titlebars) !important;
font-size: 12px !important;
text-transform: none;
content: "Connected Accounts";
position: absolute;
}
[class^="focusLock-"][aria-modal="true"]
> [class*="root-"]
> [class^="body-"]
> [class^="infoScroller-"]
> [class^="connectedAccounts-"] > [class^="connectedAccountsColumn-"] {
margin-top: 28px;
}
[class^="focusLock-"][aria-modal="true"]
> [class*="root-"]
> [class^="body-"]
> [class^="infoScroller-"]
> [class^="connectedAccounts-"]
> [class^="connectedAccountsColumn-"] {
margin-top: 28px;
}
[class^="focusLock-"][aria-modal="true"]
> [class*="root-"]
> [class^="body-"]
> [class^="listScroller-"]
> [class^="activityProfile-"]
[class*="headerTextNormal-"] {
color: var(--text) !important;
padding: 0 10px;
background-color: var(--titlebar-color);
box-shadow: var(--titlebar-shadow);
margin-bottom: 0;
width: 100%;
height: 28px;
box-sizing: border-box;
display: flex;
align-items: center;
font-weight: 100;
font-family: var(--_font-titlebars) !important;
font-size: 12px !important;
text-transform: none;
}
[class^="focusLock-"][aria-modal="true"]
> [class*="root-"]
> [class^="body-"]
> [class^="listScroller-"]
> [class^="activityProfile-"]
[class*="headerTextNormal-"] {
color: var(--text) !important;
padding: 0 10px;
background-color: var(--titlebar-color);
box-shadow: var(--titlebar-shadow);
margin-bottom: 0;
width: 100%;
height: 28px;
box-sizing: border-box;
display: flex;
align-items: center;
font-weight: 100;
font-family: var(--_font-titlebars) !important;
font-size: 12px !important;
text-transform: none;
}

2
modular/unread.css
View file

@ -48,4 +48,4 @@
[class^="listItem-"] [class^="upperBadge-"] {
z-index: 500;
}
}