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-12-08 02:44:42 +00:00
parent 3710b86852
commit a2bda7eff4
3 changed files with 47 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
modular/base.css
View file

@ -579,7 +579,8 @@ div[class^="listItem-"] div[class^="wrapperSimple-"],
[class*="wrapper-"] svg[class*="mask-"] > foreignObject, [class*="wrapper-"] svg[class*="mask-"] > foreignObject,
[class*="callAvatarWrapper-"] svg[class*="callAvatarMask-"] > foreignObject, [class*="callAvatarWrapper-"] svg[class*="callAvatarMask-"] > foreignObject,
div[class^="listItem-"] [class^="wrapper-"] > svg > foreignObject, div[class^="listItem-"] [class^="wrapper-"] > svg > foreignObject,
[class^="bannerSVGWrapper-"] > foreignObject { [class^="bannerSVGWrapper-"] > foreignObject,
[class^="avatarDecoration-"] > foreignObject {
mask: none !important; mask: none !important;
mask-image: none !important; mask-image: none !important;
-webkit-mask-image: none !important; -webkit-mask-image: none !important;
@ -1865,28 +1866,36 @@ code.inline {
.hljs-ansi-style-bold { .hljs-ansi-style-bold {
font-weight: 0; font-weight: 0;
} }
.hljs-ansi-foreground-black .hljs-ansi-style-bold { .hljs-ansi-foreground-black .hljs-ansi-style-bold,
.hljs-ansi-foreground-black.hljs-ansi-style-bold {
color: var(--_color8) !important; color: var(--_color8) !important;
} }
.hljs-ansi-foreground-red .hljs-ansi-style-bold { .hljs-ansi-foreground-red .hljs-ansi-style-bold,
.hljs-ansi-foreground-red.hljs-ansi-style-bold {
color: var(--_color9) !important; color: var(--_color9) !important;
} }
.hljs-ansi-foreground-green .hljs-ansi-style-bold { .hljs-ansi-foreground-green .hljs-ansi-style-bold,
.hljs-ansi-foreground-green.hljs-ansi-style-bold {
color: var(--_color10) !important; color: var(--_color10) !important;
} }
.hljs-ansi-foreground-yellow .hljs-ansi-style-bold { .hljs-ansi-foreground-yellow .hljs-ansi-style-bold,
.hljs-ansi-foreground-yellow.hljs-ansi-style-bold {
color: var(--_color11) !important; color: var(--_color11) !important;
} }
.hljs-ansi-foreground-blue .hljs-ansi-style-bold { .hljs-ansi-foreground-blue .hljs-ansi-style-bold,
.hljs-ansi-foreground-blue.hljs-ansi-style-bold {
color: var(--_color12) !important; color: var(--_color12) !important;
} }
.hljs-ansi-foreground-magenta .hljs-ansi-style-bold { .hljs-ansi-foreground-magenta .hljs-ansi-style-bold,
.hljs-ansi-foreground-magenta.hljs-ansi-style-bold {
color: var(--_color13) !important; color: var(--_color13) !important;
} }
.hljs-ansi-foreground-cyan .hljs-ansi-style-bold { .hljs-ansi-foreground-cyan .hljs-ansi-style-bold,
.hljs-ansi-foreground-cyan.hljs-ansi-style-bold {
color: var(--_color14) !important; color: var(--_color14) !important;
} }
.hljs-ansi-foreground-white .hljs-ansi-style-bold { .hljs-ansi-foreground-white .hljs-ansi-style-bold,
.hljs-ansi-foreground-white.hljs-ansi-style-bold {
color: var(--_color15) !important; color: var(--_color15) !important;
} }
.hljs-ansi-background-black { .hljs-ansi-background-black {

15
modular/cozy_compact.css
View file

@ -7,7 +7,9 @@ html:not(.a11y-font-scaled-down)
html:not(.a11y-font-scaled-down) html:not(.a11y-font-scaled-down)
[class^="messagesWrapper-"] [class^="messagesWrapper-"]
[class^="scrollerInner-"] [class^="scrollerInner-"]
> [class^="container-"]:not([class*="systemMessage-"]):not([class*="compact-"]) { > [class^="container-"]:not([class*="systemMessage-"]):not(
[class*="compact-"]
) {
padding: 0 !important; padding: 0 !important;
padding-left: 16px !important; padding-left: 16px !important;
} }
@ -18,7 +20,9 @@ html:not(.a11y-font-scaled-down)
> [class^="wrapper-"]:not([class*="systemMessage-"]):not([class*="compact-"]), > [class^="wrapper-"]:not([class*="systemMessage-"]):not([class*="compact-"]),
[class^="messagesWrapper-"] [class^="messagesWrapper-"]
[class^="scrollerInner-"] [class^="scrollerInner-"]
> [class^="container-"]:not([class*="systemMessage-"]):not([class*="compact-"]) { > [class^="container-"]:not([class*="systemMessage-"]):not(
[class*="compact-"]
) {
padding-left: 16px !important; padding-left: 16px !important;
} }
@ -145,3 +149,10 @@ div[class*="cozyMessage-"] div[class^="repliedMessage-"]:before {
border-right: 0 solid var(--interactive-active); border-right: 0 solid var(--interactive-active);
border-top: var(--spine-width) solid var(--interactive-active); border-top: var(--spine-width) solid var(--interactive-active);
} }
[class*="cozyMessage-"] [class^="avatarDecoration-"] {
margin-top: calc(24px - 20px * var(--decoration-to-avatar-ratio));
left: calc(38px - 20px * var(--decoration-to-avatar-ratio));
width: calc(20px * var(--decoration-to-avatar-ratio));
height: calc(20px * var(--decoration-to-avatar-ratio));
}

19
modular/status_icons.css
View file

@ -133,7 +133,13 @@
[class*="wrapper-"] [class*="wrapper-"]
> svg > svg
> svg[class^="cursorDefault-"] > svg[class^="cursorDefault-"]
> rect[fill^="var(--status-"] { > rect[fill^="var(--status-"],
[class^="member-"]
[class^="avatar-"]
[class*="wrapper-"]
> svg
> svg[class^="cursorDefault-"]
> rect[fill^="#"] {
mask: none !important; mask: none !important;
x: -18.5; x: -18.5;
y: -17; y: -17;
@ -144,8 +150,15 @@
[class^="panels-"] [class^="panels-"]
[class*="avatar-"] [class*="avatar-"]
> svg > svg
> svg > rect[mask^="url(#svg-mask-status"] {
> rect[fill^="var(--status-"] { mask: none !important;
x: 32;
y: 0;
width: 4px;
height: 32px;
}
[class^="panels-"] [class*="avatar-"] > svg > svg > rect[fill^="var(--status-"],
[class^="panels-"] [class*="avatar-"] > svg > svg > rect[fill^="#"] {
mask: none !important; mask: none !important;
x: 17.5; x: 17.5;
y: -17; y: -17;