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

1531
modular/base.css
View file

File diff suppressed because it is too large Load diff

82
modular/collapsing_members.css
View file

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

4
modular/cozy_compact.css
View file

@ -128,7 +128,9 @@ html:not(.a11y-font-scaled-down)
height: 8px; height: 8px;
} }
[class^="messagesWrapper-"] [class^="scrollerInner-"] [class*="groupStart-"][class*="cozy-"] { [class^="messagesWrapper-"]
[class^="scrollerInner-"]
[class*="groupStart-"][class*="cozy-"] {
margin-top: 8px; margin-top: 8px;
} }

18
modular/custom_bg.css
View file

@ -1,5 +1,5 @@
.theme-dark, .theme-dark,
:root { :root {
--transparent_background-primary: rgba( --transparent_background-primary: rgba(
var(--primary-rgb), var(--primary-rgb),
var(--primary-alpha) var(--primary-alpha)
@ -48,7 +48,12 @@
background: var(--transparent_background-secondary) !important; background: var(--transparent_background-secondary) !important;
} }
nav[class*="guilds-"], 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; background: var(--transparent_background-tertiary) !important;
} }
@ -125,11 +130,16 @@ nav[class*="guilds-"] > ul > [class^="scroller-"],
> [class^="membersWrap-"] > [class^="membersWrap-"]
> [class^="members-"] > [class^="members-"]
> div, > 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; background: transparent !important;
} }
#gm-settings-inject [class^="auto-"]::-webkit-scrollbar-track, #gm-settings-inject [class^="auto-"]::-webkit-scrollbar-track,
#gm-settings-inject[class^="auto-"]::-webkit-scrollbar-track { #gm-settings-inject[class^="auto-"]::-webkit-scrollbar-track {
background: transparent !important; background: transparent !important;

31
modular/old_roles.css
View file

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

77
modular/status_icons.css
View file

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

2
modular/stylings.css
View file

@ -1,5 +1,5 @@
.theme-dark, .theme-dark,
:root { :root {
--_font-titlebars: "Segoe UI", sans-serif !important; --_font-titlebars: "Segoe UI", sans-serif !important;
--button-bg: linear-gradient(to bottom, var(--primary), var(--secondary)); --button-bg: linear-gradient(to bottom, var(--primary), var(--secondary));

140
modular/titlebars.css
View file

@ -4,8 +4,9 @@
padding: unset !important; padding: unset !important;
} }
[class^="userPopout-"]
[class^="userPopout-"] [class^="activityUserPopout-"] [class*="headerTextNormal-"], [class^="activityUserPopout-"]
[class*="headerTextNormal-"],
[class^="userPopout-"] [class*="bodyTitle-"], [class^="userPopout-"] [class*="bodyTitle-"],
[class^="userPopout-"] [class*="aboutMeTitle-"], [class^="userPopout-"] [class*="aboutMeTitle-"],
[class^="userPopout-"] [class*="userInfoTitle-"] { [class^="userPopout-"] [class*="userInfoTitle-"] {
@ -84,29 +85,29 @@
.platform-win [class*="baseLayer-"] { .platform-win [class*="baseLayer-"] {
top: -32px; top: -32px;
padding-top: 32px; padding-top: 32px;
} }
.platform-win [class^="app-"] > [class^="app-"] > [class^="bg-"] { .platform-win [class^="app-"] > [class^="app-"] > [class^="bg-"] {
top: -32px; top: -32px;
} }
[class^="typeWindows-"] { [class^="typeWindows-"] {
margin: 3px; margin: 3px;
padding: 6px; padding: 6px;
height: 14px !important; height: 14px !important;
background: var(--titlebar-color); background: var(--titlebar-color);
box-shadow: var(--titlebar-shadow); box-shadow: var(--titlebar-shadow);
} }
[class^="typeMacOS-"] { [class^="typeMacOS-"] {
background-color: var(--background-tertiary); background-color: var(--background-tertiary);
height: 32px !important; height: 32px !important;
} }
[class^="macButtons-"] { [class^="macButtons-"] {
padding: 8px !important; padding: 8px !important;
} }
[class*="winButton-"] { [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-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-size: 42px;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -116,9 +117,9 @@
top: -1px !important; top: -1px !important;
position: relative !important; position: relative !important;
margin-left: 30px; margin-left: 30px;
} }
[class*="macButton-"] { [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-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-size: 42px;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -126,68 +127,68 @@
width: 14px !important; width: 14px !important;
height: 14px !important; height: 14px !important;
border-radius: 0; border-radius: 0;
} }
[class^="typeMacOS-"][class*="unfocused-"] [class*="macButton-"], [class^="typeMacOS-"][class*="unfocused-"] [class*="macButton-"],
html.platform-win:not(.app-focused) [class*="winButton-"] { html.platform-win:not(.app-focused) [class*="winButton-"] {
opacity: 0.4; opacity: 0.4;
} }
[class^="typeMacOS-"][class*="unfocused-"] [class*="macButton-"]:hover, [class^="typeMacOS-"][class*="unfocused-"] [class*="macButton-"]:hover,
html.platform-win:not(.app-focused) [class*="winButton-"]:hover { html.platform-win:not(.app-focused) [class*="winButton-"]:hover {
opacity: 1; opacity: 1;
} }
[class*="macButton-"] > svg, [class*="macButton-"] > svg,
[class*="winButton-"] > svg, [class*="winButton-"] > svg,
[class^="wordmarkWindows-"] > svg { [class^="wordmarkWindows-"] > svg {
display: none; display: none;
} }
[class*="winButtonClose-"] { [class*="winButtonClose-"] {
margin-right: 3px; margin-right: 3px;
} }
[class*="macButtonClose-"], [class*="macButtonClose-"],
[class*="winButtonClose-"] { [class*="winButtonClose-"] {
background-position: 0px 0px; background-position: 0px 0px;
} }
[class*="macButtonClose-"]:hover, [class*="macButtonClose-"]:hover,
[class*="winButtonClose-"]:hover { [class*="winButtonClose-"]:hover {
background-position: 0px -14px; background-position: 0px -14px;
} }
[class*="macButtonClose-"]:active, [class*="macButtonClose-"]:active,
[class*="winButtonClose-"]:active { [class*="winButtonClose-"]:active {
background-position: 0px -28px; background-position: 0px -28px;
} }
[class*="macButtonMaximize-"], [class*="macButtonMaximize-"],
[class*="winButtonMinMax-"]:nth-child(3) { [class*="winButtonMinMax-"]:nth-child(3) {
background-position: -14px 0px; background-position: -14px 0px;
} }
[class*="macButtonMaximize-"]:hover, [class*="macButtonMaximize-"]:hover,
[class*="winButtonMinMax-"]:nth-child(3):hover { [class*="winButtonMinMax-"]:nth-child(3):hover {
background-position: -14px -14px; background-position: -14px -14px;
} }
[class*="macButtonMaximize-"]:active, [class*="macButtonMaximize-"]:active,
[class*="winButtonMinMax-"]:nth-child(3):active { [class*="winButtonMinMax-"]:nth-child(3):active {
background-position: -14px -28px; background-position: -14px -28px;
} }
[class*="macButtonMinimize-"], [class*="macButtonMinimize-"],
[class*="winButtonMinMax-"]:nth-child(4) { [class*="winButtonMinMax-"]:nth-child(4) {
background-position: -28px 0px; background-position: -28px 0px;
} }
[class*="macButtonMinimize-"]:hover, [class*="macButtonMinimize-"]:hover,
[class*="winButtonMinMax-"]:nth-child(4):hover { [class*="winButtonMinMax-"]:nth-child(4):hover {
background-position: -28px -14px; background-position: -28px -14px;
} }
[class*="macButtonMinimize-"]:active, [class*="macButtonMinimize-"]:active,
[class*="winButtonMinMax-"]:nth-child(4):active { [class*="winButtonMinMax-"]:nth-child(4):active {
background-position: -28px -28px; background-position: -28px -28px;
} }
[class^="wordmarkWindows-"] { [class^="wordmarkWindows-"] {
width: 16px !important; width: 16px !important;
height: 16px !important; height: 16px !important;
top: 8px !important; top: 8px !important;
@ -195,8 +196,8 @@
padding: 0 !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-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; background-repeat: no-repeat;
} }
[class^="wordmarkWindows-"]::after { [class^="wordmarkWindows-"]::after {
font-family: var(--_font-titlebars) !important; font-family: var(--_font-titlebars) !important;
font-size: 12px !important; font-size: 12px !important;
line-height: 250% !important; line-height: 250% !important;
@ -208,15 +209,15 @@
left: 21px; left: 21px;
height: 17px; height: 17px;
opacity: 1; opacity: 1;
} }
html.platform-win:not(.app-focused) [class^="wordmarkWindows-"]::after, html.platform-win:not(.app-focused) [class^="wordmarkWindows-"]::after,
html:not(.platform-win) html:not(.platform-win)
#app-mount #app-mount
> div:not(.app-focused) > div:not(.app-focused)
[class^="wordmarkWindows-"]::after { [class^="wordmarkWindows-"]::after {
opacity: 0.4; opacity: 0.4;
} }
[class^="focusLock-"][aria-modal="true"] [class^="focusLock-"][aria-modal="true"]
> [class*="root-"] > [class*="root-"]
@ -237,9 +238,9 @@
font-family: var(--_font-titlebars) !important; font-family: var(--_font-titlebars) !important;
font-size: 12px !important; font-size: 12px !important;
text-transform: none; text-transform: none;
} }
[class^="focusLock-"][aria-modal="true"] [class^="focusLock-"][aria-modal="true"]
> [class*="root-"] > [class*="root-"]
> [class^="body-"] > [class^="body-"]
> [class^="infoScroller-"] > [class^="infoScroller-"]
@ -260,17 +261,18 @@
text-transform: none; text-transform: none;
content: "Connected Accounts"; content: "Connected Accounts";
position: absolute; position: absolute;
} }
[class^="focusLock-"][aria-modal="true"] [class^="focusLock-"][aria-modal="true"]
> [class*="root-"] > [class*="root-"]
> [class^="body-"] > [class^="body-"]
> [class^="infoScroller-"] > [class^="infoScroller-"]
> [class^="connectedAccounts-"] > [class^="connectedAccountsColumn-"] { > [class^="connectedAccounts-"]
> [class^="connectedAccountsColumn-"] {
margin-top: 28px; margin-top: 28px;
} }
[class^="focusLock-"][aria-modal="true"] [class^="focusLock-"][aria-modal="true"]
> [class*="root-"] > [class*="root-"]
> [class^="body-"] > [class^="body-"]
> [class^="listScroller-"] > [class^="listScroller-"]
@ -290,4 +292,4 @@
font-family: var(--_font-titlebars) !important; font-family: var(--_font-titlebars) !important;
font-size: 12px !important; font-size: 12px !important;
text-transform: none; text-transform: none;
} }