:root, .theme-dark, .theme-light { --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.2) !important; --background-modifier-selected: rgba(var(--highlight-rgb), 0.24) !important; --background-modifier-accent: rgba(var(--highlight-rgb), 0.24) !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(var(--primary-rgb), 0.6) !important; --deprecated-card-editable-bg: rgba(var(--primary-rgb), 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(--secondary); --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; --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[fill="#80848e"], path[fill="#80848e"], 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):not([class*="selected_"]) [class*="modeUnread_"] svg[class^="icon_"], [class^="containerDefault_"]:not(:hover):not([class*="selected_"]) [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) !important; } [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; } .theme-light [class*="button_"][class*="lookFilled_"][class*="colorPrimary_"] { color: var(--text) !important; } .postnet-repo-wrapper, .postnet-expanded-category { border-color: var(--background-tertiary) !important; background: var(--deprecated-card-bg) !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; }