xmc/modular/titlebars/xmc.css

310 lines
9.4 KiB
CSS
Raw Normal View History

2022-10-19 03:12:12 +00:00
[class*="recentMentionsPopout-"],
[class^="messagesPopoutWrap-"],
2023-03-18 04:34:32 +00:00
[class^="browser-"] {
2022-10-19 03:12:12 +00:00
border-radius: 0;
}
[class*="recentMentionsPopout-"] > [class^="header-"] {
color: var(--text) !important;
2023-03-18 04:34:32 +00:00
padding: 0 4px;
2022-10-19 03:12:12 +00:00
background-color: var(--titlebar-color);
box-shadow: var(--titlebar-shadow);
margin-bottom: 0;
height: 28px;
min-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*="recentMentionsPopout-"]
> [class^="header-"]
2023-03-18 04:34:32 +00:00
> [class^="controls-"]
2022-10-19 03:12:12 +00:00
> [class^="button-"] {
padding: 0;
border-radius: 0;
width: 16px;
height: 16px;
min-width: 16px;
min-height: 16px;
background-color: transparent;
}
2023-03-18 04:34:32 +00:00
[class*="recentMentionsPopout-"] > [class^="header-"] [class^="tab-"] {
margin-top: 0 !important;
}
2022-10-19 03:12:12 +00:00
[class^="messagesPopoutWrap-"] > [class^="header-"] {
padding: 0;
}
2023-03-18 04:34:32 +00:00
[class^="messagesPopoutWrap-"] > [class^="header-"] > h1 {
2022-10-19 03:12:12 +00:00
color: var(--text) !important;
padding: 0 10px;
background-color: var(--titlebar-color);
box-shadow: var(--titlebar-shadow);
margin-bottom: 0;
2023-03-18 04:34:32 +00:00
height: 28px !important;
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^="browser-"] > [class^="header-"] {
color: var(--text) !important;
padding: 0 4px;
background-color: var(--titlebar-color);
box-shadow: var(--titlebar-shadow);
margin-bottom: 0;
2022-10-19 03:12:12 +00:00
height: 28px;
2023-03-18 04:34:32 +00:00
min-height: 28px;
2022-10-19 03:12:12 +00:00
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;
}
2023-03-18 04:34:32 +00:00
[class^="browser-"] > [class^="header-"] > h1 {
font-weight: 100;
font-family: var(--_font-titlebars) !important;
font-size: 12px !important;
text-transform: none;
}
[class^="browser-"] > [class^="header-"] > [class^="threadIcon-"],
[class^="browser-"] > [class^="header-"] > [class^="closeIcon-"] > svg {
width: 16px;
height: 16px;
}
[class^="browser-"] > [class^="header-"] > [class^="threadIcon-"] {
margin-right: 2px;
}
[class^="browser-"] > [class^="header-"] > h1,
[class^="browser-"] > [class^="header-"] > [class^="divider-"],
[class^="browser-"] > [class^="header-"] > [class^="searchBox-"] {
margin-right: 0;
}
[class^="browser-"] > [class^="header-"] > [class^="divider-"] {
flex-grow: 1;
background-color: transparent;
}
2022-10-19 03:12:12 +00:00
.platform-win [class*="baseLayer-"] {
2022-10-19 03:32:11 +00:00
top: -32px;
padding-top: 32px;
}
.platform-win [class^="app-"] > [class^="app-"] > [class^="bg-"] {
top: -32px;
}
[class^="typeWindows-"] {
margin: 3px;
padding: 6px;
2023-02-04 21:05:55 +00:00
height: 10px !important;
2022-10-19 03:32:11 +00:00
background: var(--titlebar-color);
box-shadow: var(--titlebar-shadow);
}
2022-10-19 03:12:12 +00:00
2022-10-19 03:32:11 +00:00
[class^="typeMacOS-"] {
background-color: var(--background-tertiary);
height: 32px !important;
}
2022-10-19 03:12:12 +00:00
2022-10-19 03:32:11 +00:00
[class^="macButtons-"] {
padding: 8px !important;
}
2022-10-19 03:12:12 +00:00
2022-10-19 03:32:11 +00:00
[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;
2023-02-04 21:05:55 +00:00
top: -2px !important;
2022-10-19 03:32:11 +00:00
position: relative !important;
margin-left: 30px;
}
2022-10-19 03:12:12 +00:00
2022-10-19 03:32:11 +00:00
[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;
}
2022-10-19 03:12:12 +00:00
2022-10-19 03:32:11 +00:00
[class^="typeMacOS-"][class*="unfocused-"] [class*="macButton-"],
html.platform-win:not(.app-focused) [class*="winButton-"] {
opacity: 0.4;
}
2022-10-19 03:12:12 +00:00
2022-10-19 03:32:11 +00:00
[class^="typeMacOS-"][class*="unfocused-"] [class*="macButton-"]:hover,
html.platform-win:not(.app-focused) [class*="winButton-"]:hover {
opacity: 1;
}
2022-10-19 03:12:12 +00:00
2022-10-19 03:32:11 +00:00
[class*="macButton-"] > svg,
[class*="winButton-"] > svg,
[class^="wordmarkWindows-"] > svg {
display: none;
}
2022-10-19 03:12:12 +00:00
2022-10-19 03:32:11 +00:00
[class*="winButtonClose-"] {
margin-right: 3px;
}
2022-10-19 03:12:12 +00:00
2022-10-19 03:32:11 +00:00
[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;
}
2022-10-19 03:12:12 +00:00
2022-10-19 03:32:11 +00:00
[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;
}
2022-10-19 03:12:12 +00:00
2022-10-19 03:32:11 +00:00
[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;
}
2022-10-19 03:12:12 +00:00
2022-10-19 03:32:11 +00:00
[class^="wordmarkWindows-"] {
width: 16px !important;
height: 16px !important;
2023-02-04 21:05:55 +00:00
top: 6px !important;
left: 7px !important;
2022-10-19 03:32:11 +00:00
padding: 0 !important;
2023-02-12 05:30:52 +00:00
background-image: var(--titlebar-icon);
2022-10-19 03:32:11 +00:00
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;
2023-02-04 21:05:55 +00:00
top: -7px;
2022-10-19 03:32:11 +00:00
left: 21px;
height: 17px;
opacity: 1;
}
2022-10-19 03:12:12 +00:00
2022-10-19 03:32:11 +00:00
html.platform-win:not(.app-focused) [class^="wordmarkWindows-"]::after,
html:not(.platform-win)
#app-mount
> div:not(.app-focused)
2022-10-19 03:12:12 +00:00
[class^="wordmarkWindows-"]::after {
2022-10-19 03:32:11 +00:00
opacity: 0.4;
}
2022-10-19 03:12:12 +00:00
[class^="focusLock-"][aria-modal="true"]
2022-10-19 03:32:11 +00:00
> [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;
}
2022-10-19 03:12:12 +00:00
2022-10-19 03:32:11 +00:00
[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;
}
2022-10-19 03:12:12 +00:00
2022-10-19 03:32:11 +00:00
[class^="focusLock-"][aria-modal="true"]
> [class*="root-"]
> [class^="body-"]
> [class^="infoScroller-"]
> [class^="connectedAccounts-"]
> [class^="connectedAccountsColumn-"] {
margin-top: 28px;
}
2022-10-19 03:12:12 +00:00
2022-10-19 03:32:11 +00:00
[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;
}