mirror of
https://gitlab.com/Cynosphere/xmc.git
synced 2024-08-14 22:57:03 +00:00
Make Modular
This commit is contained in:
CI
parent
2b851d5443
commit
1a0a24415c
20 changed files with 918 additions and 1453 deletions
1542
modular/base.css
1542
modular/base.css
File diff suppressed because it is too large
Load diff
|
|
@ -28,7 +28,7 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
|||
div[class^="sidebar-"]:not(:has(> [class^="side-"]))
|
||||
> [class^="panels-"]
|
||||
> [class^="container-"]:last-child {
|
||||
width: 232px;
|
||||
width: 224px;
|
||||
position: relative;
|
||||
bottom: 0;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -29,14 +29,14 @@
|
|||
div[class^="sidebar-"]:not(:has(> [class^="side-"]))
|
||||
> [class^="panels-"]
|
||||
> [class^="container-"]:last-child {
|
||||
width: 232px;
|
||||
width: 224px;
|
||||
position: relative;
|
||||
bottom: 0;
|
||||
}
|
||||
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
||||
> [class^="panels-"]
|
||||
> [class^="container-"]:last-child {
|
||||
width: 48px;
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
div[class^="sidebar-"]:not(:has(> [class^="side-"]))
|
||||
|
|
|
|||
|
|
@ -29,14 +29,14 @@
|
|||
div[class^="sidebar-"]:not(:has(> [class^="side-"]))
|
||||
> [class^="panels-"]
|
||||
> [class^="container-"]:last-child {
|
||||
width: 232px;
|
||||
width: 224px;
|
||||
position: relative;
|
||||
bottom: 0;
|
||||
}
|
||||
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
||||
> [class^="panels-"]
|
||||
> [class^="container-"]:last-child {
|
||||
width: 48px;
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
div[class^="sidebar-"]:not(:has(> [class^="side-"]))
|
||||
|
|
|
|||
|
|
@ -28,14 +28,14 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
|||
div[class^="sidebar-"]:not(:has(> [class^="side-"]))
|
||||
> [class^="panels-"]
|
||||
> [class^="container-"]:last-child {
|
||||
width: 232px;
|
||||
width: 224px;
|
||||
position: relative;
|
||||
bottom: 0;
|
||||
}
|
||||
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
||||
> [class^="panels-"]
|
||||
> [class^="container-"]:last-child {
|
||||
width: 48px;
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
div[class^="sidebar-"]:not(:has(> [class^="side-"]))
|
||||
|
|
|
|||
|
|
@ -114,3 +114,19 @@ span[class="role-tag"],
|
|||
[class^="inlineCode-"] {
|
||||
font-size: 12px !important;
|
||||
}
|
||||
|
||||
.hljs-ansi-style-bold {
|
||||
font-weight: 0;
|
||||
}
|
||||
|
||||
[class^="markdown-"] [class^="codeInline-"],
|
||||
code.inline,
|
||||
.hljs {
|
||||
font-size: 12px !important;
|
||||
}
|
||||
|
||||
[class^="markdown-"] code,
|
||||
[class^="markdown-"] [class^="codeInline-"],
|
||||
code.inline {
|
||||
line-height: 12px !important;
|
||||
}
|
||||
|
|
|
|||
4
modular/help_button.css
Normal file
4
modular/help_button.css
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
a[href="https://support.discord.com"]
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
3
modular/hide_nowplaying.css
Normal file
3
modular/hide_nowplaying.css
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
[class^="nowPlayingColumn-"] {
|
||||
display: none;
|
||||
}
|
||||
34
modular/old_embeds.css
Normal file
34
modular/old_embeds.css
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
[class*="embed-"] {
|
||||
border-radius: 0 0 0 0;
|
||||
border-color: var(--interactive-active);
|
||||
}
|
||||
[class*="embed-"] [class*="embedInner-"] {
|
||||
border-color: transparent;
|
||||
}
|
||||
[class*="embed-"] [class*="embedAuthorIcon-"] {
|
||||
border-radius: 0;
|
||||
}
|
||||
[class*="embed-"] [class^="grid-"] {
|
||||
padding: 8px !important;
|
||||
}
|
||||
[class*="embed-"] [class*="embedMargin-"] {
|
||||
margin-top: 4px !important;
|
||||
}
|
||||
[class*="embed-"] [class*="embedMedia-"] {
|
||||
margin-top: 4px !important;
|
||||
}
|
||||
[class*="embed-"] [class*="embedTitle-"] {
|
||||
font-size: 16px !important;
|
||||
font-weight: 200 !important;
|
||||
}
|
||||
[class*="embed-"] [class*="embedFieldName-"] {
|
||||
font-weight: 500 !important;
|
||||
}
|
||||
[class*="embed-"] [class*="embedDescription-"],
|
||||
[class*="embed-"] [class*="embedFieldName-"],
|
||||
[class*="embed-"] [class*="embedFieldValue-"] {
|
||||
font-size: 16px !important;
|
||||
}
|
||||
[class*="embed-"] [class*="embedFooterText-"] {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
|
@ -219,3 +219,476 @@ html {
|
|||
--brand-experiment-90a: rgba(var(--accent-rgb), 0.9) !important;
|
||||
--brand-experiment-95a: rgba(var(--accent-rgb), 0.95) !important;
|
||||
}
|
||||
|
||||
[class^="appMount-"],
|
||||
[class^="bg-"],
|
||||
[class^="layers-"] > [class^="layer-"],
|
||||
[class^="app-"] {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
html:not(.overlay) body {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
rect[fill="#43b581"],
|
||||
path[fill="#43b581"],
|
||||
rect[fill="#3ba55c"],
|
||||
path[fill="#3ba55c"],
|
||||
rect[fill="rgba(67, 181, 129, 1)"],
|
||||
rect[fill="rgba(59, 165, 92, 1)"],
|
||||
rect[mask="url(#svg-mask-status-online)"][fill="#ffffff"],
|
||||
rect[mask="url(#svg-mask-status-online-mobile)"][fill="#ffffff"],
|
||||
rect[fill="hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%)"],
|
||||
path[fill="hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%)"] {
|
||||
fill: var(--status-online);
|
||||
}
|
||||
|
||||
rect[fill="#faa61a"],
|
||||
path[fill="#faa61a"],
|
||||
rect[fill="rgba(250, 166, 26, 1)"],
|
||||
rect[mask="url(#svg-mask-status-idle)"][fill="#ffffff"],
|
||||
rect[mask="url(#svg-mask-status-idle-mobile)"][fill="#ffffff"],
|
||||
rect[fill="hsl(38, calc(var(--saturation-factor, 1) * 95.7%), 54.1%)"],
|
||||
path[fill="hsl(38, calc(var(--saturation-factor, 1) * 95.7%), 54.1%)"] {
|
||||
fill: var(--status-idle);
|
||||
}
|
||||
|
||||
rect[fill="#f04747"],
|
||||
path[fill="#f04747"],
|
||||
rect[fill="#ed4245"],
|
||||
path[fill="#ed4245"],
|
||||
rect[fill="rgba(240, 71, 71, 1)"],
|
||||
rect[mask="url(#svg-mask-status-dnd)"][fill="#ffffff"],
|
||||
rect[mask="url(#svg-mask-status-dnd-mobile)"][fill="#ffffff"],
|
||||
rect[fill="hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%)"],
|
||||
path[fill="hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%)"] {
|
||||
fill: var(--status-dnd);
|
||||
}
|
||||
|
||||
rect[fill="#747f8d"],
|
||||
path[fill="#747f8d"],
|
||||
rect[mask="url(#svg-mask-status-offline)"][fill="#ffffff"],
|
||||
rect[mask="url(#svg-mask-status-offline-mobile)"][fill="#ffffff"],
|
||||
rect[fill="hsl(214, calc(var(--saturation-factor, 1) * 9.9%), 50.4%)"] {
|
||||
fill: var(--status-offline);
|
||||
}
|
||||
|
||||
rect[fill="#593695"],
|
||||
path[fill="#593695"],
|
||||
rect[fill="rgba(89, 54, 149, 1)"],
|
||||
rect[mask="url(#svg-mask-status-streaming)"][fill="#ffffff"],
|
||||
rect[mask="url(#svg-mask-status-streaming-mobile)"][fill="#ffffff"],
|
||||
rect[fill="hsl(262, calc(var(--saturation-factor, 1) * 46.8%), 39.8%)"] {
|
||||
fill: var(--status-streaming);
|
||||
}
|
||||
|
||||
[class^="containerDefault-"] [class*="modeUnread-"] svg[class^="icon-"],
|
||||
[class^="containerDefault-"]:not(:hover)
|
||||
[class*="modeUnread-"]
|
||||
[class^="name-"] {
|
||||
color: var(--accent, var(--brand-new-500));
|
||||
}
|
||||
[class^="containerDefault-"] [class*="modeUnread-"] [class^="unread-"] {
|
||||
background-color: var(--accent, var(--brand-new-500));
|
||||
}
|
||||
|
||||
[class^="containerDefault-"]
|
||||
[class*="iconVisibility-"]:hover
|
||||
svg[class^="icon-"],
|
||||
[class^="containerDefault-"] [class*="iconVisibility-"]:hover [class^="name-"],
|
||||
[class^="wrapper-"]:hover
|
||||
> [class^="content-"]
|
||||
> [class^="mainContent-"]
|
||||
> [class^="iconContainer-"]
|
||||
> svg[class^="icon-"] {
|
||||
color: var(--interactive-hover) !important;
|
||||
}
|
||||
|
||||
[class^="menu-"] [class^="item-"]:active,
|
||||
[class^="menu-"] [class^="item-"][class*="focused-"],
|
||||
[class*="lookFilled-"][class*="colorBrand-"]:not([class*="buttonColor-"]),
|
||||
[class*="lookFilled-"][class*="colorBrandNew-"]:not([class*="buttonColor-"]),
|
||||
[style*="background-color: rgb(114, 137, 218)"]:not([class*="swatch-"]),
|
||||
[class^="slider-"] [class^="bar-"] [class^="barFill-"],
|
||||
[class^="control-"]
|
||||
[class^="container-"][style*="background-color: rgb(67, 181, 129);"] {
|
||||
background-color: var(--accent, var(--brand-new-500)) !important;
|
||||
}
|
||||
|
||||
[style*="border-color: rgb(114, 137, 218)"],
|
||||
[class*="lookOutlined-"][class*="colorBrand-"] {
|
||||
border-color: var(--accent, var(--brand-new-500)) !important;
|
||||
}
|
||||
|
||||
[class*="lookOutlined-"][class*="colorBrand-"],
|
||||
[class*="colorDefault-"]:not([class*="focused-"]) [class^="checkbox-"],
|
||||
[class*="colorDefault-"]:not([class*="focused-"]) [class^="radioSelection-"],
|
||||
[class*="colorDefault-"][class*="focused-"] [class^="check-"] {
|
||||
color: var(--accent, var(--brand-new-500)) !important;
|
||||
}
|
||||
|
||||
[class*="mentioned-"]:before {
|
||||
background-color: var(--accent, var(--brand-new-500));
|
||||
}
|
||||
|
||||
[class^="slider-"] [class^="bar-"],
|
||||
[class^="control-"]
|
||||
[class^="container-"][style*="background-color: rgb(114, 118, 125);"] {
|
||||
background-color: var(--background-secondary) !important;
|
||||
}
|
||||
|
||||
.mention[class*="wrapper-"] {
|
||||
color: var(--accent, var(--brand-new-500));
|
||||
background: rgba(var(--accent-rgb), 0.1);
|
||||
}
|
||||
|
||||
.mention[class*="wrapper-"]:hover {
|
||||
color: #ffffff;
|
||||
background: var(--accent, var(--brand-new-500));
|
||||
}
|
||||
|
||||
[class*="mentioned-"] .mention.interactive:hover {
|
||||
color: var(--accent, var(--brand-new-500)) !important;
|
||||
}
|
||||
|
||||
[class^="mediaBarGrabber-"],
|
||||
[class^="mediaBarProgress-"],
|
||||
[class^="mediaBarProgress-"]:after,
|
||||
[class^="mediaBarProgress-"]:before {
|
||||
background-color: var(--accent, var(--brand-new-500)) !important;
|
||||
}
|
||||
|
||||
[class^="reaction-"] {
|
||||
background-color: var(--background-secondary);
|
||||
border: none;
|
||||
border-radius: 4px !important;
|
||||
}
|
||||
|
||||
[class^="reaction-"]:hover,
|
||||
[class^="reaction-"][class*="reactionMe-"] {
|
||||
background-color: var(--highlight, var(--primary-dark-500));
|
||||
}
|
||||
|
||||
[class^="reaction-"][class*="reactionMe-"] [class*="reactionCount-"],
|
||||
[class^="reaction-"]:hover [class*="reactionCount-"] {
|
||||
color: var(--_color15, var(--white-500));
|
||||
}
|
||||
|
||||
[class^="reaction-"] [class*="reactionCount-"] {
|
||||
color: var(--text, var(--text-normal));
|
||||
}
|
||||
|
||||
[class*="progressBarHeader-"] > [class^="container-"]:not([class*="checked-"]),
|
||||
[class^="control-"] > [class^="container-"]:not([class*="checked-"]) {
|
||||
background-color: var(--highlight) !important;
|
||||
}
|
||||
[class*="progressBarHeader-"] > [class^="container-"][class*="checked-"],
|
||||
[class^="control-"] > [class^="container-"][class*="checked-"] {
|
||||
background-color: var(--_color2) !important;
|
||||
}
|
||||
|
||||
[class^="radioBar-"][style*="--radio-bar-accent-color:hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%);"] {
|
||||
--radio-bar-accent-color: var(--_color2) !important;
|
||||
}
|
||||
[class^="radioBar-"][style*="--radio-bar-accent-color:hsl(37, calc(var(--saturation-factor, 1) * 81.2%), 43.9%);"] {
|
||||
--radio-bar-accent-color: var(--_color3) !important;
|
||||
}
|
||||
[class^="radioBar-"][style*="--radio-bar-accent-color:hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%);"] {
|
||||
--radio-bar-accent-color: var(--_color1) !important;
|
||||
}
|
||||
|
||||
span[style*="background-color: hsl(235, calc(var(--saturation-factor, 1) * 85.6%), 64.7%);"] {
|
||||
background-color: var(--accent, var(--brand-500)) !important;
|
||||
}
|
||||
span[style*="background-color: hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%);"] {
|
||||
background-color: var(--red, var(--status-red-500)) !important;
|
||||
}
|
||||
|
||||
[class^="updateIconForeground-"] {
|
||||
fill: var(--_color2);
|
||||
}
|
||||
|
||||
[class*="tierHeaderLocked-"],
|
||||
[class*="tierHeaderUnlocked-"] {
|
||||
background-color: var(--background-secondary) !important;
|
||||
}
|
||||
|
||||
[class*="tierAccomplished-"],
|
||||
[class*="tierCurrent-"],
|
||||
[class*="tierFirst-"] {
|
||||
background: var(--_color13) !important;
|
||||
}
|
||||
|
||||
[class^="progressWithSubscriptions-"] > svg > g > rect[class^="background-"] {
|
||||
color: var(--background-secondary);
|
||||
}
|
||||
|
||||
[class^="tierIcon-"],
|
||||
[class^="unlockedIcon-"],
|
||||
[class^="progressWithSubscriptions-"] > svg > g > rect[class^="foreground-"] {
|
||||
color: var(--_color13) !important;
|
||||
}
|
||||
svg[fill="#FF73FA"] {
|
||||
fill: var(--_color13) !important;
|
||||
}
|
||||
|
||||
[class^="activeCircle-"] {
|
||||
background-color: var(--_color2) !important;
|
||||
}
|
||||
|
||||
[class*="allow-"][class*="selected-"] {
|
||||
background-color: var(--status-positive) !important;
|
||||
}
|
||||
|
||||
[class^="item-"][style*="background-color: hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%);"] {
|
||||
background-color: var(--_color2) !important;
|
||||
}
|
||||
|
||||
[class*="unreadBar-"][class*="mention-"],
|
||||
[class^="numberBadge-"] {
|
||||
background-color: var(--red, var(--status-red-500)) !important;
|
||||
}
|
||||
|
||||
[class*="bar-"][class*="mention-"] {
|
||||
background-color: var(--red, var(--status-red-500));
|
||||
}
|
||||
|
||||
a[class^="anchor-"]:not([aria-controls^="popout_"]) {
|
||||
color: var(--text-link) !important;
|
||||
}
|
||||
|
||||
[class^="markdown-"] [class^="codeInline-"],
|
||||
code.inline,
|
||||
.hljs {
|
||||
color: var(--_colorFG) !important;
|
||||
}
|
||||
[class^="markdown-"] code,
|
||||
.hljs {
|
||||
background: var(--background-secondary) !important;
|
||||
}
|
||||
.hljs-keyword {
|
||||
color: var(--_color5) !important;
|
||||
}
|
||||
.hljs-built_in {
|
||||
color: var(--_color6) !important;
|
||||
}
|
||||
.hljs-type {
|
||||
color: var(--_color3) !important;
|
||||
}
|
||||
.hljs-literal {
|
||||
color: var(--_color3) !important;
|
||||
}
|
||||
.hljs-number {
|
||||
color: var(--_color3) !important;
|
||||
}
|
||||
.hljs-regexp {
|
||||
color: var(--_color6) !important;
|
||||
}
|
||||
.hljs-string {
|
||||
color: var(--_color2) !important;
|
||||
}
|
||||
.hljs-subst {
|
||||
color: var(--_color1) !important;
|
||||
}
|
||||
.hljs-symbol {
|
||||
color: var(--_color5) !important;
|
||||
}
|
||||
.hljs-class {
|
||||
color: var(--_color3) !important;
|
||||
}
|
||||
.hljs-function {
|
||||
color: var(--_color4) !important;
|
||||
}
|
||||
.hljs-title {
|
||||
color: var(--_color4) !important;
|
||||
}
|
||||
.hljs-params {
|
||||
color: var(--_color1) !important;
|
||||
}
|
||||
.hljs-comment {
|
||||
color: var(--highlight) !important;
|
||||
}
|
||||
.hljs-doctag {
|
||||
color: var(--_colorFG) !important;
|
||||
}
|
||||
.hljs-meta {
|
||||
color: var(--_color1) !important;
|
||||
}
|
||||
.hljs-meta-keyword {
|
||||
color: var(--_color3) !important;
|
||||
}
|
||||
.hljs-meta-string {
|
||||
color: var(--_color2) !important;
|
||||
}
|
||||
.hljs-section {
|
||||
color: var(--_color4) !important;
|
||||
}
|
||||
.hljs-tag {
|
||||
color: var(--_colorFG) !important;
|
||||
}
|
||||
.hljs-name {
|
||||
color: var(--_color1) !important;
|
||||
}
|
||||
.hljs-builtin-name {
|
||||
color: var(--_colorFG) !important;
|
||||
}
|
||||
.hljs-attr {
|
||||
color: var(--_color3) !important;
|
||||
}
|
||||
.hljs-attribute {
|
||||
color: var(--_colorFG) !important;
|
||||
}
|
||||
.hljs-variable {
|
||||
color: var(--_color1) !important;
|
||||
}
|
||||
.hljs-bullet {
|
||||
color: var(--_color1) !important;
|
||||
}
|
||||
.hljs-code {
|
||||
color: var(--_color2) !important;
|
||||
}
|
||||
.hljs-emphasis {
|
||||
color: var(--_color5) !important;
|
||||
}
|
||||
.hljs-strong {
|
||||
color: var(--_color3) !important;
|
||||
}
|
||||
.hljs-formula {
|
||||
color: var(--_colorFG) !important;
|
||||
}
|
||||
.hljs-link {
|
||||
color: var(--_color3) !important;
|
||||
}
|
||||
.hljs-quote {
|
||||
color: var(--_color3) !important;
|
||||
}
|
||||
.hljs-selector-tag {
|
||||
color: var(--_color1) !important;
|
||||
}
|
||||
.hljs-selector-id {
|
||||
color: var(--_color4) !important;
|
||||
}
|
||||
.hljs-selector-class {
|
||||
color: var(--_color3) !important;
|
||||
}
|
||||
.hljs-selector-attr {
|
||||
color: var(--_color4) !important;
|
||||
}
|
||||
.hljs-selector-pseudo {
|
||||
color: var(--_color3) !important;
|
||||
}
|
||||
.hljs-template-tag {
|
||||
color: var(--_colorFG) !important;
|
||||
}
|
||||
.hljs-template-variable {
|
||||
color: var(--_colorFG) !important;
|
||||
}
|
||||
.hljs-addition {
|
||||
color: #a6e22e !important;
|
||||
background: #384c10 !important;
|
||||
}
|
||||
.hljs-deletion {
|
||||
color: #f92672 !important;
|
||||
background: #4c0c23 !important;
|
||||
}
|
||||
.hljs-operator {
|
||||
color: var(--_colorFG) !important;
|
||||
}
|
||||
.hljs-pattern-match {
|
||||
color: var(--_colorFG) !important;
|
||||
}
|
||||
.hljs-typing {
|
||||
color: var(--_colorFG) !important;
|
||||
}
|
||||
.hljs-constructor {
|
||||
color: var(--_colorFG) !important;
|
||||
}
|
||||
.hljs-module-access {
|
||||
color: var(--_colorFG) !important;
|
||||
}
|
||||
.hljs-module {
|
||||
color: var(--_colorFG) !important;
|
||||
}
|
||||
.hljs-ansi-foreground-black [class^="hljs-ansi-background-"],
|
||||
.hljs-ansi-foreground-black {
|
||||
color: var(--_color0) !important;
|
||||
}
|
||||
.hljs-ansi-foreground-red {
|
||||
color: var(--_color1) !important;
|
||||
}
|
||||
.hljs-ansi-foreground-green {
|
||||
color: var(--_color2) !important;
|
||||
}
|
||||
.hljs-ansi-foreground-yellow {
|
||||
color: var(--_color3) !important;
|
||||
}
|
||||
.hljs-ansi-foreground-blue {
|
||||
color: var(--_color4) !important;
|
||||
}
|
||||
.hljs-ansi-foreground-magenta {
|
||||
color: var(--_color5) !important;
|
||||
}
|
||||
.hljs-ansi-foreground-cyan {
|
||||
color: var(--_color6) !important;
|
||||
}
|
||||
.hljs-ansi-foreground-white [class^="hljs-ansi-background-"],
|
||||
.hljs-ansi-foreground-white {
|
||||
color: var(--_color7) !important;
|
||||
}
|
||||
.hljs-ansi-foreground-black .hljs-ansi-style-bold,
|
||||
.hljs-ansi-foreground-black.hljs-ansi-style-bold {
|
||||
color: var(--_color8) !important;
|
||||
}
|
||||
.hljs-ansi-foreground-red .hljs-ansi-style-bold,
|
||||
.hljs-ansi-foreground-red.hljs-ansi-style-bold {
|
||||
color: var(--_color9) !important;
|
||||
}
|
||||
.hljs-ansi-foreground-green .hljs-ansi-style-bold,
|
||||
.hljs-ansi-foreground-green.hljs-ansi-style-bold {
|
||||
color: var(--_color10) !important;
|
||||
}
|
||||
.hljs-ansi-foreground-yellow .hljs-ansi-style-bold,
|
||||
.hljs-ansi-foreground-yellow.hljs-ansi-style-bold {
|
||||
color: var(--_color11) !important;
|
||||
}
|
||||
.hljs-ansi-foreground-blue .hljs-ansi-style-bold,
|
||||
.hljs-ansi-foreground-blue.hljs-ansi-style-bold {
|
||||
color: var(--_color12) !important;
|
||||
}
|
||||
.hljs-ansi-foreground-magenta .hljs-ansi-style-bold,
|
||||
.hljs-ansi-foreground-magenta.hljs-ansi-style-bold {
|
||||
color: var(--_color13) !important;
|
||||
}
|
||||
.hljs-ansi-foreground-cyan .hljs-ansi-style-bold,
|
||||
.hljs-ansi-foreground-cyan.hljs-ansi-style-bold {
|
||||
color: var(--_color14) !important;
|
||||
}
|
||||
.hljs-ansi-foreground-white .hljs-ansi-style-bold,
|
||||
.hljs-ansi-foreground-white.hljs-ansi-style-bold {
|
||||
color: var(--_color15) !important;
|
||||
}
|
||||
.hljs-ansi-background-black {
|
||||
background-color: var(--_color0) !important;
|
||||
}
|
||||
.hljs-ansi-background-red {
|
||||
background-color: var(--_color1) !important;
|
||||
}
|
||||
.hljs-ansi-background-green {
|
||||
background-color: var(--_color2) !important;
|
||||
}
|
||||
.hljs-ansi-background-yellow {
|
||||
background-color: var(--_color3) !important;
|
||||
}
|
||||
.hljs-ansi-background-blue {
|
||||
background-color: var(--_color4) !important;
|
||||
}
|
||||
.hljs-ansi-background-magenta {
|
||||
background-color: var(--_color5) !important;
|
||||
}
|
||||
.hljs-ansi-background-cyan {
|
||||
background-color: var(--_color6) !important;
|
||||
}
|
||||
.hljs-ansi-background-white {
|
||||
background-color: var(--_color7) !important;
|
||||
}
|
||||
|
|
|
|||
3
modular/pip.css
Normal file
3
modular/pip.css
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
[class*="pictureInPicture-"] {
|
||||
display: none;
|
||||
}
|
||||
|
|
@ -27,19 +27,19 @@
|
|||
--__secondary-rgb: 47, 49, 54;
|
||||
--__tertiary-rgb: 32, 34, 37;
|
||||
|
||||
--accent: #7289da;
|
||||
--accent-rgb: 114, 137, 218;
|
||||
--__accent: #7289da;
|
||||
--__accent-rgb: 114, 137, 218;
|
||||
--__red: #f04747;
|
||||
--__text: #dcddde;
|
||||
--__link: #00aff4;
|
||||
--__highlight: #72767d;
|
||||
--__highlight-rgb: 114, 118, 125;
|
||||
|
||||
--status-online: #43b581;
|
||||
--status-idle: #faa61a;
|
||||
--status-dnd: #f04747;
|
||||
--status-offline: #747f8d;
|
||||
--status-streaming: #593695;
|
||||
--__status-online: #43b581;
|
||||
--__status-idle: #faa61a;
|
||||
--__status-dnd: #f04747;
|
||||
--__status-offline: #747f8d;
|
||||
--__status-streaming: #593695;
|
||||
|
||||
--__titlebar-color: var(--highlight);
|
||||
}
|
||||
|
|
|
|||
115
modular/square_avatars.css
Normal file
115
modular/square_avatars.css
Normal file
|
|
@ -0,0 +1,115 @@
|
|||
[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^="folderIconWrapper-"],
|
||||
[class^="avatarContainer-"] {
|
||||
border-radius: 10% !important;
|
||||
}
|
||||
|
||||
[class^="folderIconWrapper-"]
|
||||
> [class^="closedFolderIconWrapper-"]
|
||||
> [class^="icon-"] {
|
||||
border-radius: 6px !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;
|
||||
}
|
||||
|
||||
[class^="userPopout-"] [class*="avatarWrapper-"] > [class^="avatarHint-"] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
[class^="userPopout-"]
|
||||
[class*="avatarWrapper-"]
|
||||
> [class^="avatar-"]
|
||||
> svg
|
||||
> foreignObject {
|
||||
x: 8px;
|
||||
}
|
||||
|
||||
[class^="userPopout-"]
|
||||
[class*="avatarWrapper-"]
|
||||
> [class^="avatar-"]
|
||||
> svg
|
||||
> rect {
|
||||
x: 0;
|
||||
y: 0;
|
||||
width: 8px;
|
||||
height: 100%;
|
||||
mask: none !important;
|
||||
}
|
||||
|
||||
[class^="accountProfileCard-"] [class^="avatar-"] {
|
||||
border: 0;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
[class^="numberBadge-"] {
|
||||
border-radius: 4px !important;
|
||||
}
|
||||
|
|
@ -1,3 +1,45 @@
|
|||
[class*="chat-"] [class*="chatContent-"] form {
|
||||
position: relative;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
[class*="chat-"] form [class*="typing-"] {
|
||||
position: absolute;
|
||||
top: -2px;
|
||||
left: 10px;
|
||||
}
|
||||
|
||||
[class*="channelTextArea-"] {
|
||||
margin-bottom: 10px !important;
|
||||
margin-top: 24px !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
[class*="channelTextArea-"] [class*="inner-"] {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
[class*="sansAttachButton-"] {
|
||||
padding-left: 10px !important;
|
||||
}
|
||||
|
||||
.typing .ellipsis,
|
||||
[class*="typing-"] span[class*="ellipsis-"] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
form [class*="typing-"] {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
[class^="scrollerSpacer-"] {
|
||||
height: 4px !important;
|
||||
}
|
||||
|
||||
[class^="chatContent-"] > form:before {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
[class^="chatContent-"] > form {
|
||||
padding: 0 !important;
|
||||
bottom: 0;
|
||||
|
|
|
|||
|
|
@ -1,3 +1,45 @@
|
|||
[class*="chat-"] [class*="chatContent-"] form {
|
||||
position: relative;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
[class*="chat-"] form [class*="typing-"] {
|
||||
position: absolute;
|
||||
top: -2px;
|
||||
left: 10px;
|
||||
}
|
||||
|
||||
[class*="channelTextArea-"] {
|
||||
margin-bottom: 10px !important;
|
||||
margin-top: 24px !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
[class*="channelTextArea-"] [class*="inner-"] {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
[class*="sansAttachButton-"] {
|
||||
padding-left: 10px !important;
|
||||
}
|
||||
|
||||
.typing .ellipsis,
|
||||
[class*="typing-"] span[class*="ellipsis-"] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
form [class*="typing-"] {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
[class^="scrollerSpacer-"] {
|
||||
height: 4px !important;
|
||||
}
|
||||
|
||||
[class^="chatContent-"] > form:before {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
[class^="channelTextArea-"],
|
||||
[class^="channelTextArea-"] > [class^="scrollableContainer-"] {
|
||||
background-color: transparent !important;
|
||||
|
|
|
|||
41
modular/textarea/xmc_default.css
Normal file
41
modular/textarea/xmc_default.css
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
[class*="chat-"] [class*="chatContent-"] form {
|
||||
position: relative;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
[class*="chat-"] form [class*="typing-"] {
|
||||
position: absolute;
|
||||
top: -2px;
|
||||
left: 10px;
|
||||
}
|
||||
|
||||
[class*="channelTextArea-"] {
|
||||
margin-bottom: 10px !important;
|
||||
margin-top: 24px !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
[class*="channelTextArea-"] [class*="inner-"] {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
[class*="sansAttachButton-"] {
|
||||
padding-left: 10px !important;
|
||||
}
|
||||
|
||||
.typing .ellipsis,
|
||||
[class*="typing-"] span[class*="ellipsis-"] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
form [class*="typing-"] {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
[class^="scrollerSpacer-"] {
|
||||
height: 4px !important;
|
||||
}
|
||||
|
||||
[class^="chatContent-"] > form:before {
|
||||
display: none !important;
|
||||
}
|
||||
3
modular/unmirror.css
Normal file
3
modular/unmirror.css
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
[class*="mirror-"] {
|
||||
transform: none !important;
|
||||
}
|
||||
|
|
@ -20,7 +20,7 @@
|
|||
border-radius: 100% !important;
|
||||
transform: none !important;
|
||||
z-index: 100;
|
||||
background: var(--red);
|
||||
background: var(--red, var(--status-red-500));
|
||||
}
|
||||
[class^="listItem-"] [class^="pill-"] > span[style*="height: 40px;"] {
|
||||
display: block;
|
||||
|
|
@ -30,7 +30,7 @@
|
|||
right: 4px;
|
||||
top: 5px !important;
|
||||
border-radius: 10% !important;
|
||||
box-shadow: 0 0 0 2.5px var(--accent);
|
||||
box-shadow: 0 0 0 2.5px var(--accent, var(--brand-500));
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
|
|
|
|||
9
modular/voice_rings.css
Normal file
9
modular/voice_rings.css
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
[class*="avatarSpeaking-"],
|
||||
[class^="avatar-"][class*="speaking-"] {
|
||||
box-shadow: 0 0 0 2px var(--status-online, var(--status-green-600)),
|
||||
0 0 0 3px var(--background-secondary) !important;
|
||||
}
|
||||
|
||||
[class^="voiceUsers-"] [class^="avatarContainer-"] {
|
||||
overflow: visible;
|
||||
}
|
||||
12
modular/wide_settings.css
Normal file
12
modular/wide_settings.css
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
[class*="standardSidebarView-"]
|
||||
[class*="contentColumn-"]:not([class*="contentColumnWide-"]) {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
[class*="standardSidebarView-"] [class*="sidebarRegion-"] {
|
||||
flex: 0;
|
||||
}
|
||||
|
||||
[class^="accountProfileCard-"] {
|
||||
max-width: 660px;
|
||||
}
|
||||
Loading…
Reference in a new issue