mirror of
https://gitlab.com/Cynosphere/xmc.git
synced 2024-08-14 22:57:03 +00:00
718 lines
24 KiB
CSS
718 lines
24 KiB
CSS
:root,
|
|
.theme-dark,
|
|
.theme-light {
|
|
--titlebar-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.22),
|
|
inset 0 0 0 2px rgba(0, 0, 0, 0.27), 0 0 0 1px var(--background-tertiary),
|
|
0 0 0 2px var(--background-secondary), 0 0 0 3px var(--background-primary);
|
|
|
|
--_font-titlebars: var(--font-primary);
|
|
|
|
--titlebar-color: var(--highlight);
|
|
|
|
--mention-background: rgba(var(--accent-rgb), 0.1);
|
|
--header-primary: var(--text, var(--white-500)) !important;
|
|
--header-secondary: var(--text, var(--primary-dark-300)) !important;
|
|
--text-normal: var(--text, var(--primary-dark-200)) !important;
|
|
--text-muted: var(--highlight, var(--primary-dark-330)) !important;
|
|
--text-link: var(--link, var(--link-500)) !important;
|
|
--text-brand: var(--accent);
|
|
--channels-default: var(--text, var(--primary-dark-345)) !important;
|
|
--channel-icon: var(--text, var(--primary-dark-360));
|
|
--interactive-normal: var(--text, var(--primary-dark-300)) !important;
|
|
--interactive-hover: var(--_color15, var(--primary-dark-200)) !important;
|
|
--interactive-active: var(--_color15, var(--white-500)) !important;
|
|
--interactive-muted: var(--highlight, var(--primary-dark-500)) !important;
|
|
--background-primary: var(--primary, var(--primary-dark-600)) !important;
|
|
--background-secondary: var(--secondary, var(--primary-dark-630)) !important;
|
|
--background-secondary-alt: var(
|
|
--secondary-alt,
|
|
var(--secondary, var(--primary-dark-660))
|
|
) !important;
|
|
--background-tertiary: var(--tertiary, var(--primary-dark-700)) !important;
|
|
--background-accent: var(--highlight, var(--primary-dark-500)) !important;
|
|
--background-floating: var(--primary, var(--primary-dark-800)) !important;
|
|
--background-modifier-hover: rgba(var(--highlight-rgb), 0.16) !important;
|
|
--background-modifier-active: rgba(var(--highlight-rgb), 0.24) !important;
|
|
--background-modifier-selected: rgba(var(--highlight-rgb), 0.32) !important;
|
|
--background-modifier-accent: rgba(var(--highlight-rgb), 0.06) !important;
|
|
--background-mentioned: rgba(var(--accent-rgb), 0.05) !important;
|
|
--background-mentioned-hover: rgba(var(--accent-rgb), 0.08) !important;
|
|
--background-message-hover: rgba(4, 4, 5, 0.07) !important;
|
|
--background-help-warning: rgba(250, 166, 26, 0.1) !important;
|
|
--background-help-info: rgba(0, 176, 244, 0.1) !important;
|
|
--scrollbar-thin-thumb: var(--text) !important;
|
|
--scrollbar-thin-track: transparent !important;
|
|
--scrollbar-auto-thumb: var(--text) !important;
|
|
--scrollbar-auto-track: transparent !important;
|
|
--scrollbar-auto-scrollbar-color-thumb: var(--text) !important;
|
|
--scrollbar-auto-scrollbar-color-track: transparent !important;
|
|
--elevation-stroke: 0 0 0 1px rgba(4, 4, 5, 0.15) !important;
|
|
--elevation-low: 0 1px 0 rgba(4, 4, 5, 0.2), 0 1.5px 0 rgba(6, 6, 7, 0.05),
|
|
0 2px 0 rgba(4, 4, 5, 0.05) !important;
|
|
--elevation-medium: 0 4px 4px rgba(0, 0, 0, 0.16) !important;
|
|
--elevation-high: 0 8px 16px rgba(0, 0, 0, 0.24) !important;
|
|
--logo-primary: #fff !important;
|
|
--focus-primary: var(--link) !important;
|
|
--guild-header-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) !important;
|
|
--channeltextarea-background: var(
|
|
--secondary,
|
|
var(--primary-dark-560)
|
|
) !important;
|
|
--activity-card-background: var(
|
|
--tertiary,
|
|
var(--primary-dark-700)
|
|
) !important;
|
|
--textbox-markdown-syntax: #8e9297 !important;
|
|
--deprecated-card-bg: rgba(32, 34, 37, 0.6) !important;
|
|
--deprecated-card-editable-bg: rgba(32, 34, 37, 0.3) !important;
|
|
--deprecated-store-bg: var(--primary) !important;
|
|
--deprecated-quickswitcher-input-background: var(
|
|
--primary,
|
|
--primary-dark-400
|
|
) !important;
|
|
--deprecated-quickswitcher-input-placeholder: hsla(
|
|
0,
|
|
0%,
|
|
100%,
|
|
0.3
|
|
) !important;
|
|
--deprecated-text-input-bg: rgba(0, 0, 0, 0.1) !important;
|
|
--deprecated-text-input-border: rgba(0, 0, 0, 0.3) !important;
|
|
--deprecated-text-input-border-hover: #040405 !important;
|
|
--deprecated-text-input-border-disabled: #181b28 !important;
|
|
--deprecated-text-input-prefix: #dcddde !important;
|
|
--input-background: var(--tertiary, var(--primary-dark-700)) !important;
|
|
--control-brand-foreground: var(--accent) !important;
|
|
--channel-text-area-placeholder: var(--highlight);
|
|
--status-positive-text: var(--text);
|
|
--status-danger-text: var(--text);
|
|
--status-warning-text: var(--text);
|
|
--button-secondary-background: var(--primary);
|
|
--button-secondary-background-hover: var(--highlight);
|
|
--button-secondary-background-active: var(--highlight);
|
|
--button-secondary-background-disabled: var(--tertiary);
|
|
--text-danger: var(--_color1);
|
|
--status-danger: var(--_color1);
|
|
--status-danger-background: var(--_color1);
|
|
--button-danger-background: var(--_color1);
|
|
--button-danger-background-hover: var(--_color9);
|
|
--button-danger-background-active: var(--_color9);
|
|
--button-outline-danger-border: var(--_color1);
|
|
--button-outline-danger-border-hover: var(--_color9);
|
|
--button-outline-danger-border-active: var(--_color9);
|
|
--button-outline-danger-background-hover: var(--_color9);
|
|
--button-outline-danger-background-active: var(--_color9);
|
|
--text-positive: var(--_color2);
|
|
--status-positive: var(--_color2);
|
|
--status-positive-background: var(--_color2);
|
|
--button-positive-background: var(--_color2);
|
|
--button-positive-background-hover: var(--_color10);
|
|
--button-positive-background-active: var(--_color10);
|
|
--button-outline-positive-border: var(--_color2);
|
|
--button-outline-positive-border-hover: var(--_color10);
|
|
--button-outline-positive-border-active: var(--_color10);
|
|
--button-outline-positive-background-hover: var(--_color10);
|
|
--button-outline-positive-background-active: var(--_color10);
|
|
--text-warning: var(--_color3);
|
|
--status-warning: var(--_color3);
|
|
--status-warning-background: var(--_color3);
|
|
--status-green-600: var(--status-online) !important;
|
|
--status-yellow-500: var(--status-idle) !important;
|
|
--status-red-500: var(--status-dnd) !important;
|
|
--status-grey-500: var(--status-offline) !important;
|
|
--green-360: var(--status-online) !important;
|
|
--yellow-300: var(--status-idle) !important;
|
|
--red-400: var(--status-dnd) !important;
|
|
--primary-400: var(--status-offline) !important;
|
|
--twitch: var(--status-streaming) !important;
|
|
--primary-600: var(--primary);
|
|
}
|
|
|
|
[data-popout-root],
|
|
html {
|
|
--brand-experiment: var(--accent) !important;
|
|
--brand-100: var(--accent) !important;
|
|
--brand-130: var(--accent) !important;
|
|
--brand-160: var(--accent) !important;
|
|
--brand-200: var(--accent) !important;
|
|
--brand-230: var(--accent) !important;
|
|
--brand-260: var(--accent) !important;
|
|
--brand-300: var(--accent) !important;
|
|
--brand-330: var(--accent) !important;
|
|
--brand-360: var(--accent) !important;
|
|
--brand-400: var(--accent) !important;
|
|
--brand-430: var(--accent) !important;
|
|
--brand-460: var(--accent) !important;
|
|
--brand-500: var(--accent) !important;
|
|
--brand-530: var(--accent) !important;
|
|
--brand-560: var(--accent) !important;
|
|
--brand-600: var(--accent) !important;
|
|
--brand-630: var(--accent) !important;
|
|
--brand-660: var(--accent) !important;
|
|
--brand-700: var(--accent) !important;
|
|
--brand-730: var(--accent) !important;
|
|
--brand-760: var(--accent) !important;
|
|
--brand-800: var(--accent) !important;
|
|
--brand-830: var(--accent) !important;
|
|
--brand-860: var(--accent) !important;
|
|
--brand-900: var(--accent) !important;
|
|
--brand-new-100: var(--accent) !important;
|
|
--brand-new-130: var(--accent) !important;
|
|
--brand-new-160: var(--accent) !important;
|
|
--brand-new-200: var(--accent) !important;
|
|
--brand-new-230: var(--accent) !important;
|
|
--brand-new-260: var(--accent) !important;
|
|
--brand-new-300: var(--accent) !important;
|
|
--brand-new-330: var(--accent) !important;
|
|
--brand-new-360: var(--accent) !important;
|
|
--brand-new-400: var(--accent) !important;
|
|
--brand-new-430: var(--accent) !important;
|
|
--brand-new-460: var(--accent) !important;
|
|
--brand-new-500: var(--accent) !important;
|
|
--brand-new-530: var(--accent) !important;
|
|
--brand-new-560: var(--accent) !important;
|
|
--brand-new-600: var(--accent) !important;
|
|
--brand-new-630: var(--accent) !important;
|
|
--brand-new-660: var(--accent) !important;
|
|
--brand-new-700: var(--accent) !important;
|
|
--brand-new-730: var(--accent) !important;
|
|
--brand-new-760: var(--accent) !important;
|
|
--brand-new-800: var(--accent) !important;
|
|
--brand-new-830: var(--accent) !important;
|
|
--brand-new-860: var(--accent) !important;
|
|
--brand-experiment-900: var(--accent) !important;
|
|
--brand-experiment-100: var(--accent) !important;
|
|
--brand-experiment-130: var(--accent) !important;
|
|
--brand-experiment-160: var(--accent) !important;
|
|
--brand-experiment-200: var(--accent) !important;
|
|
--brand-experiment-230: var(--accent) !important;
|
|
--brand-experiment-260: var(--accent) !important;
|
|
--brand-experiment-300: var(--accent) !important;
|
|
--brand-experiment-330: var(--accent) !important;
|
|
--brand-experiment-360: var(--accent) !important;
|
|
--brand-experiment-400: var(--accent) !important;
|
|
--brand-experiment-430: var(--accent) !important;
|
|
--brand-experiment-460: var(--accent) !important;
|
|
--brand-experiment-500: var(--accent) !important;
|
|
--brand-experiment-530: var(--accent) !important;
|
|
--brand-experiment-560: var(--accent) !important;
|
|
--brand-experiment-600: var(--accent) !important;
|
|
--brand-experiment-630: var(--accent) !important;
|
|
--brand-experiment-660: var(--accent) !important;
|
|
--brand-experiment-700: var(--accent) !important;
|
|
--brand-experiment-730: var(--accent) !important;
|
|
--brand-experiment-760: var(--accent) !important;
|
|
--brand-experiment-800: var(--accent) !important;
|
|
--brand-experiment-830: var(--accent) !important;
|
|
--brand-experiment-860: var(--accent) !important;
|
|
--brand-experiment-900: var(--accent) !important;
|
|
--brand-experiment-05a: rgba(var(--accent-rgb), 0.05) !important;
|
|
--brand-experiment-10a: rgba(var(--accent-rgb), 0.1) !important;
|
|
--brand-experiment-15a: rgba(var(--accent-rgb), 0.15) !important;
|
|
--brand-experiment-20a: rgba(var(--accent-rgb), 0.2) !important;
|
|
--brand-experiment-25a: rgba(var(--accent-rgb), 0.25) !important;
|
|
--brand-experiment-30a: rgba(var(--accent-rgb), 0.3) !important;
|
|
--brand-experiment-35a: rgba(var(--accent-rgb), 0.35) !important;
|
|
--brand-experiment-40a: rgba(var(--accent-rgb), 0.4) !important;
|
|
--brand-experiment-45a: rgba(var(--accent-rgb), 0.45) !important;
|
|
--brand-experiment-50a: rgba(var(--accent-rgb), 0.5) !important;
|
|
--brand-experiment-55a: rgba(var(--accent-rgb), 0.55) !important;
|
|
--brand-experiment-60a: rgba(var(--accent-rgb), 0.6) !important;
|
|
--brand-experiment-65a: rgba(var(--accent-rgb), 0.65) !important;
|
|
--brand-experiment-70a: rgba(var(--accent-rgb), 0.7) !important;
|
|
--brand-experiment-75a: rgba(var(--accent-rgb), 0.75) !important;
|
|
--brand-experiment-80a: rgba(var(--accent-rgb), 0.8) !important;
|
|
--brand-experiment-85a: rgba(var(--accent-rgb), 0.85) !important;
|
|
--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="#23a55a"],
|
|
path[fill="#23a55a"],
|
|
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="#f0b232"],
|
|
path[fill="#f0b232"],
|
|
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="#f23f43"],
|
|
path[fill="#f23f43"],
|
|
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[fill="#82858f"],
|
|
path[fill="#82858f"],
|
|
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-"]:not(:hover)
|
|
[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-"]:not(:hover)
|
|
[class*="modeSelected-"]
|
|
svg[class^="icon-"] {
|
|
color: var(--interactive-active);
|
|
}
|
|
|
|
[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(--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;
|
|
}
|