vanja/robco-theme
1
0
Fork 0
mirror of https://github.com/signaldirective/robco-theme.git synced 2026-05-06 18:43:03 +02:00
Code Issues Packages Projects Releases Wiki Activity
Files
main
robco-theme/vencord-theme.css
T
ro 305c8c6696 First Commit of improved RobCo theme
2026-02-25 17:10:43 -05:00

660 lines
23 KiB
CSS
Raw Permalink Blame History

/*
_______ __ ______
/ \ / | / \
$$$$$$$ | ______ $$ |____ /$$$$$$ | ______
$$ |__$$ | / \ $$ \ $$ | $$/ / \
$$ $$< /$$$$$$ |$$$$$$$ |$$ | /$$$$$$ |
$$$$$$$ |$$ | $$ |$$ | $$ |$$ | __ $$ | $$ |
$$ | $$ |$$ \__$$ |$$ |__$$ |$$ \__/ |$$ \__$$ |
$$ | $$ |$$ $$/ $$ $$/ $$ $$/ $$ $$/
$$/ $$/ $$$$$$/ $$$$$$$/ $$$$$$/ $$$$$$/
ROBCO TERMINAL :: BASED ON PHOSPHOROS by OldJobobo
*/
:root {
--color00: #02160C;
--color01: #42A378;
--color02: #59CF77;
--color03: #6FE685;
--color04: #33dd88;
--color05: #4DB866;
--color06: #2E7D4A;
--color07: #59CF77;
--color08: #02160C;
--color09: #3DA862;
--color10: #59CF77;
--color11: #6FE685;
--color12: #2E7D4A;
--color13: #4DB866;
--color14: #2E7D4A;
--color15: #59CF77;
--base00: var(--color00);
/* Matrix surfaces */
--mx-0: color-mix(in srgb, var(--color00) 92%, black);
--mx-1: color-mix(in srgb, var(--color00) 82%, black);
--mx-2: color-mix(in srgb, var(--color00) 70%, black);
--mx-3: color-mix(in srgb, var(--color01) 28%, var(--color00));
--mx-4: color-mix(in srgb, var(--color06) 25%, var(--color00));
--mx-border: color-mix(in srgb, var(--color07) 28%, transparent);
/* Matrix glow */
--mx-green: var(--color04);
--mx-green-soft: color-mix(in srgb, var(--color04) 55%, var(--mx-1));
--mx-green-dim: color-mix(in srgb, var(--color04) 30%, var(--mx-1));
--mx-amber: var(--color02);
--mx-amber-dim: color-mix(in srgb, var(--color02) 40%, var(--mx-1));
--mx-gap: 12px;
--mx-scanline: linear-gradient(
180deg,
color-mix(in srgb, var(--mx-green) 6%, transparent) 0%,
transparent 8%,
transparent 50%,
color-mix(in srgb, var(--mx-green) 4%, transparent) 60%,
transparent 100%
);
--mx-grid: radial-gradient(
circle at 1px 1px,
color-mix(in srgb, var(--mx-green) 18%, transparent) 0 1px,
transparent 1px 100%
);
}
.theme-dark,
.theme-darker,
.theme-midnight,
.visual-refresh {
/* Backgrounds */
--background-primary: var(--mx-1) !important;
--background-secondary: var(--mx-0) !important;
--background-secondary-alt: var(--mx-1) !important;
--background-tertiary: var(--mx-0) !important;
--background-accent: var(--mx-2) !important;
--background-floating: var(--mx-2) !important;
--background-base-lowest: var(--mx-0) !important;
--background-base-lower: var(--mx-0) !important;
--background-base-low: var(--mx-1) !important;
--background-base-tertiary: var(--mx-0) !important;
--background-surface-high: var(--mx-2) !important;
--background-surface-higher: var(--mx-2) !important;
--background-surface-highest: var(--mx-3) !important;
--bg-surface-raised: var(--mx-2) !important;
--bg-surface-overlay: var(--mx-1) !important;
--bg-base-secondary: var(--mx-0) !important;
--bg-base-tertiary: var(--mx-0) !important;
--bg-overlay-2: var(--mx-2) !important;
--bg-overlay-3: var(--mx-3) !important;
/* Modifiers */
--background-modifier-accent: color-mix(in srgb, var(--mx-3) 60%, transparent) !important;
--background-modifier-hover: color-mix(in srgb, var(--mx-green) 10%, var(--mx-2)) !important;
--background-modifier-active: color-mix(in srgb, var(--mx-green) 16%, var(--mx-2)) !important;
--background-modifier-selected: color-mix(in srgb, var(--mx-green) 20%, var(--mx-2)) !important;
--background-mentioned: linear-gradient(90deg, color-mix(in srgb, var(--mx-green) 18%, var(--mx-1)) 0%, var(--mx-1) 100%) !important;
--background-mentioned-hover: linear-gradient(90deg, color-mix(in srgb, var(--mx-green) 28%, var(--mx-1)) 0%, var(--mx-1) 100%) !important;
--mention-background: linear-gradient(90deg, color-mix(in srgb, var(--mx-green) 22%, var(--mx-1)) 0%, var(--mx-1) 100%) !important;
--mention-foreground: var(--mx-green) !important;
/* Text */
--text-normal: #42A378 !important;
--text-muted: color-mix(in srgb, var(--color01) 70%, var(--mx-3)) !important;
--text-primary: var(--color07) !important;
--text-secondary: color-mix(in srgb, var(--color07) 70%, var(--mx-4)) !important;
--header-primary: var(--color13) !important;
--header-secondary: color-mix(in srgb, var(--color13) 70%, var(--mx-4)) !important;
--interactive-normal: var(--color07) !important;
--interactive-hover: var(--color13) !important;
--interactive-active: var(--color04) !important;
--interactive-muted: var(--mx-4) !important;
/* Accents */
--brand-500: var(--mx-green) !important;
--brand-560: var(--mx-green-soft) !important;
--text-link: var(--mx-amber) !important;
--channel-icon: var(--mx-green) !important;
--focus-primary: var(--mx-green) !important;
--input-border-focus: var(--mx-green) !important;
/* Buttons */
--button-filled-brand-background: color-mix(in srgb, var(--mx-green) 65%, var(--mx-1)) !important;
--button-filled-brand-background-hover: color-mix(in srgb, var(--mx-green) 75%, var(--mx-1)) !important;
--button-filled-brand-text: var(--mx-1) !important;
--button-positive-background: color-mix(in srgb, var(--mx-green) 65%, var(--mx-1)) !important;
--button-positive-background-hover: color-mix(in srgb, var(--mx-green) 75%, var(--mx-1)) !important;
--button-positive-text: var(--mx-1) !important;
--button-secondary-background: var(--mx-3) !important;
--button-secondary-background-hover: var(--mx-2) !important;
--button-secondary-text: var(--color07) !important;
--button-danger-background: var(--color01) !important;
--button-danger-background-hover: color-mix(in srgb, var(--color01) 85%, white) !important;
--button-danger-text: var(--mx-1) !important;
/* Status */
--status-positive: var(--mx-green) !important;
--status-warning: var(--mx-amber) !important;
--status-danger: var(--color01) !important;
}
/* Message text color override */
:is(.theme-dark, .theme-darker, .theme-midnight, .visual-refresh)
:is([class*="messageContent"], [class*="markup"]) {
color: #409931 !important;
}
body {
letter-spacing: 0.3px;
}
/* Matrix HUD framing */
[class*="sidebar"],
[class*="chatContent"] {
background-color: var(--mx-0) !important;
border: 1px solid var(--mx-border) !important;
border-radius: 14px !important;
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--mx-green) 6%, transparent) !important;
}
[class*="sidebar"] {
margin: 0 var(--mx-gap) var(--mx-gap) var(--mx-gap) !important;
}
[class*="chatContent"] {
margin: 0 var(--mx-gap) var(--mx-gap) 0 !important;
overflow: hidden !important;
}
/* Sidebar resize handle / spacer */
[class*="sidebarResizeHandle"] {
border: 0 !important;
background: transparent !important;
}
/* Scanline + grid texture */
[class*="sidebar"] [class*="sidebarList"],
[class*="chatContent"] {
background-image: var(--mx-scanline), var(--mx-grid) !important;
background-size: 100% 6px, 18px 18px !important;
background-position: 0 0, 0 0 !important;
}
/* Channel list box: remove frame, keep separator line */
[class*="sidebar"] [class*="sidebarList"] {
border: 0 !important;
border-left: 1px solid var(--mx-border) !important;
border-radius: 0 !important;
}
/* Username color: keep role colors, fallback to amber when none */
[class*="username"] {
color: inherit !important;
text-shadow: 0 0 10px color-mix(in srgb, var(--mx-amber) 55%, transparent) !important;
}
[class*="username"]:not([style]) {
color: var(--mx-amber) !important;
}
/* Channel row accents */
a[data-list-item-id^="channels___"][aria-selected="true"] {
background-color: color-mix(in srgb, var(--mx-green) 18%, var(--mx-2)) !important;
box-shadow: inset 3px 0 0 0 var(--mx-green) !important;
border-radius: 10px !important;
}
a[data-list-item-id^="channels___"]:hover {
background-color: color-mix(in srgb, var(--mx-green) 10%, var(--mx-2)) !important;
box-shadow: inset 3px 0 0 0 var(--mx-amber) !important;
border-radius: 10px !important;
}
/* Channel icon base */
a[data-list-item-id^="channels___"] svg,
a[data-list-item-id^="channels___"] svg path {
fill: color-mix(in srgb, #faff00 40%, var(--mx-1)) !important;
color: color-mix(in srgb, #faff00 40%, var(--mx-1)) !important;
}
/* Channel name base (read / not selected) */
a[data-list-item-id^="channels___"]:not([class*="modeUnread"]):not([aria-selected="true"]) [class*="name"],
a[data-list-item-id^="channels___"]:not([class*="modeUnread"]):not([aria-selected="true"]) [class*="name"] * {
color: var(--color07) !important;
opacity: 0.55 !important;
}
/* Vesktop/Vencord fallback */
#channels [class*="name__"] {
color: var(--color07) !important;
opacity: 0.55 !important;
}
#channels [class*="modeUnread"] [class*="name__"] {
color: var(--mx-green) !important;
opacity: 1 !important;
font-weight: 600 !important;
}
/* Unread channel icon */
a[data-list-item-id^="channels___"][class*="modeUnread"] svg,
a[data-list-item-id^="channels___"][class*="modeUnread"] svg path,
[class*="modeUnread"] [class*="icon__"],
[class*="modeUnread"] [class*="icon__"] path {
fill: #faff00 !important;
color: #faff00 !important;
}
/* Unread channel name */
a[data-list-item-id^="channels___"][class*="modeUnread"] [class*="name"],
a[data-list-item-id^="channels___"][class*="modeUnread"] [class*="name"] * {
color: var(--mx-green) !important;
opacity: 1 !important;
font-weight: 600 !important;
}
/* Text input focus ring */
[class*="channelTextArea"]:focus-within {
box-shadow: 0 0 0 1px var(--mx-green) inset, 0 0 12px color-mix(in srgb, var(--mx-green) 25%, transparent) !important;
border-color: var(--mx-green) !important;
}
[class*="channelTextArea"]:focus-within [class*="scrollableContainer"] {
box-shadow: none !important;
border-color: inherit !important;
}
/* Post style input padding */
[class*="textAreaForPostCreation"] {
padding: 8px 10px !important;
box-sizing: border-box !important;
}
/* Post media button spacing */
[class*="container__94439"] {
margin-left: 8px !important;
}
/* Chat input box background */
[class*="channelTextArea"] {
background: var(--mx-0) !important;
border: 1px solid var(--mx-border) !important;
border-radius: 12px !important;
}
[class*="channelTextArea"] [class*="scrollableContainer"] {
background: var(--mx-1) !important;
border: 1px solid color-mix(in srgb, var(--mx-green) 18%, transparent) !important;
border-radius: 10px !important;
color: #409931 !important;
}
/* Avoid double borders when reply bar expands the input */
[class*="channelTextArea"]:has([class*="replyBar"], [class*="attachedBars"]) [class*="scrollableContainer"] {
border: 0 !important;
box-shadow: none !important;
}
/* Restore rounded top corners when reply/attachment bars are visible */
[class*="channelTextArea"]:has([class*="replyBar"], [class*="attachedBars"]) {
border-top-left-radius: 12px !important;
border-top-right-radius: 12px !important;
overflow: hidden !important;
}
[class*="channelTextArea"] [class*="replyBar"],
[class*="channelTextArea"] [class*="attachedBars"] {
border-top-left-radius: 12px !important;
border-top-right-radius: 12px !important;
}
/* Chat input buttons (attach/gift/gif/etc) */
[class*="scrollableContainer"] [class*="buttons__"] {
color: #409931 !important;
}
[class*="scrollableContainer"] [class*="buttons__"] svg,
[class*="scrollableContainer"] [class*="buttons__"] path {
color: #409931 !important;
fill: currentColor !important;
}
[class*="scrollableContainer"] [class*="buttons__"] [class*="sprite__"] {
color: #409931 !important;
filter: brightness(0) saturate(100%) invert(54%) sepia(35%) saturate(550%) hue-rotate(74deg) brightness(92%) contrast(96%) !important;
}
/* Force green on the sprite-based button */
[class*="scrollableContainer"] [class*="buttons__"] .sprite__04eed.spriteGreyscale__04eed.active__04eed {
filter: brightness(0) saturate(100%) invert(54%) sepia(35%) saturate(550%) hue-rotate(74deg) brightness(92%) contrast(96%) !important;
opacity: 1 !important;
}
/* Mention highlight */
div[class*="mentioned"],
li[class*="mentioned"] {
background: var(--background-mentioned) !important;
box-shadow: none !important;
border-left: 3px solid var(--mx-green) !important;
border-radius: 10px !important;
position: relative;
}
div[class*="mentioned"]:hover,
li[class*="mentioned"]:hover {
background: var(--background-mentioned-hover) !important;
}
div[class*="mentioned"]::before,
li[class*="mentioned"]::before {
content: none !important;
}
/* Replying highlight */
div[class*="replying"],
li[class*="replying"] {
background: var(--background-mentioned) !important;
box-shadow: none !important;
border-left: 3px solid var(--mx-amber) !important;
border-radius: 10px !important;
position: relative;
}
div[class*="replying"]:hover,
li[class*="replying"]:hover {
background: var(--background-mentioned-hover) !important;
}
div[class*="replying"]::before,
li[class*="replying"]::before {
content: none !important;
}
/* Message hover */
[id^="chat-messages-"] [class*="messageListItem"]:hover,
[id^="chat-messages-"] [class*="messageListItem"]:hover > [class*="message"],
[id^="chat-messages-"] [class*="messageListItem"]:hover [class*="contents"] {
background: color-mix(in srgb, var(--mx-green) 10%, var(--mx-2)) !important;
border-radius: 10px !important;
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--mx-green) 18%, transparent) !important;
}
/* Unread indicators & badges */
div[class*="unreadBar"],
span[class*="unreadBar"],
div[class*="unreadPill"],
span[class*="unreadPill"],
div[class*="numberBadge"],
span[class*="numberBadge"],
div[class*="textBadge"],
span[class*="textBadge"],
div.unread__2ea32.unreadImportant__2ea32 {
background-color: var(--mx-green) !important;
color: var(--mx-1) !important;
box-shadow: 0 0 12px color-mix(in srgb, var(--mx-green) 40%, transparent) !important;
}
/* Unread mentions badge chip */
div[class*="unreadMentionsIndicatorBottom"] [class*="numberBadge"] {
background-color: var(--mx-1) !important;
border: 1px solid var(--mx-green) !important;
color: var(--mx-green) !important;
box-shadow: 0 0 8px color-mix(in srgb, var(--mx-green) 20%, transparent) !important;
}
/* Channel list unread mentions bar (bottom) */
div[class*="unreadMentionsIndicatorBottom"] {
background: color-mix(in srgb, var(--mx-1) 85%, var(--mx-green) 15%) !important;
border-top: 1px solid color-mix(in srgb, var(--mx-green) 35%, transparent) !important;
color: var(--mx-green) !important;
box-shadow: 0 -6px 16px color-mix(in srgb, var(--mx-green) 18%, transparent) !important;
}
div[class*="unreadMentionsIndicatorBottom"] > div {
background: var(--mx-1) !important;
border: 1px solid var(--mx-green) !important;
border-radius: 10px !important;
padding: 6px 10px !important;
color: inherit !important;
}
/* Channel list unread count: target the "N New" label in channel rows */
#channels [class*="children__"] [data-text-variant="text-xs/semibold"] {
color: #faff00 !important;
text-transform: lowercase !important;
letter-spacing: 0.02em !important;
}
/* New messages bar */
div#---new-messages-bar.divider__5126c {
--divider-color: color-mix(in srgb, var(--mx-green) 55%, transparent) !important;
}
div#---new-messages-bar.divider__5126c.hasContent__5126c {
background:
linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--mx-green) 35%, transparent) 20%, color-mix(in srgb, var(--mx-green) 35%, transparent) 70%, transparent 84%, transparent 100%) !important;
border-radius: 12px !important;
padding: 4px 54px 4px 10px !important;
margin: 14px 0 6px 0 !important;
display: flex !important;
align-items: center !important;
position: relative !important;
}
div#---new-messages-bar.divider__908e2.isUnread__908e2 {
--divider-color: color-mix(in srgb, var(--mx-green) 55%, transparent) !important;
}
div#---new-messages-bar.divider__908e2.isUnread__908e2 .content__908e2 {
background: color-mix(in srgb, var(--mx-1) 85%, var(--mx-green) 15%) !important;
border: 1px solid color-mix(in srgb, var(--mx-green) 55%, transparent) !important;
color: var(--mx-green) !important;
text-transform: uppercase !important;
letter-spacing: 0.08em !important;
font-weight: 600 !important;
padding: 4px 10px !important;
border-radius: 999px !important;
box-shadow: 0 0 0 1px color-mix(in srgb, var(--mx-green) 25%, transparent), 0 6px 18px rgba(0, 0, 0, 0.25) !important;
}
/* Jump to present / new messages pill */
button[class*="jumpToPresentBar"],
div[class*="jumpToPresentBar"] {
background: var(--mx-green) !important;
color: var(--mx-1) !important;
border-color: var(--mx-green) !important;
}
/* New messages bar / jump to new messages */
div[class*="newMessagesBar"] {
background: color-mix(in srgb, var(--mx-1) 88%, var(--mx-green) 12%) !important;
color: var(--mx-green) !important;
border: 1px solid color-mix(in srgb, var(--mx-green) 45%, transparent) !important;
box-shadow: 0 0 0 1px color-mix(in srgb, var(--mx-green) 20%, transparent) !important;
}
div[class*="newMessagesBar"] [class*="barButtonAlt"],
div[class*="newMessagesBar"] [class*="barButtonBase"] {
color: var(--mx-green) !important;
}
/* Mention count pills */
span[class*="mention"],
span[class*="mention"] span {
background-color: var(--mx-green) !important;
color: var(--mx-1) !important;
}
/* Inline @mention pills */
.theme-dark :is([class*="messageContent"], [class*="markup"]) [class*="mention"],
.theme-darker :is([class*="messageContent"], [class*="markup"]) [class*="mention"],
.theme-midnight :is([class*="messageContent"], [class*="markup"]) [class*="mention"],
.visual-refresh :is([class*="messageContent"], [class*="markup"]) [class*="mention"] {
background-color: color-mix(in srgb, var(--mx-green) 18%, var(--mx-1)) !important;
color: var(--mx-green) !important;
border: 1px solid color-mix(in srgb, var(--mx-green) 35%, transparent) !important;
box-shadow: none !important;
border-radius: 999px !important;
display: inline-flex !important;
align-items: center !important;
line-height: 1.4 !important;
padding: 0.12em 0.55em !important;
font-weight: 500 !important;
letter-spacing: 0.02em !important;
vertical-align: baseline !important;
text-shadow: none !important;
}
/* Reaction hover/selected */
div[class*="reaction"] {
border-radius: 10px !important;
}
div[class*="reaction"]:hover,
div[class*="reaction"][class*="reactionMe"] {
background: color-mix(in srgb, var(--mx-green) 14%, var(--mx-1)) !important;
border-color: color-mix(in srgb, var(--mx-green) 55%, transparent) !important;
box-shadow:
inset 0 0 0 1px color-mix(in srgb, var(--mx-green) 35%, transparent),
0 0 8px color-mix(in srgb, var(--mx-green) 20%, transparent) !important;
}
/* Remove reactions bar hover background from Discord defaults */
div[class*="reactions__"]:hover {
background: transparent !important;
box-shadow: none !important;
border: 0 !important;
}
/* Message action hover */
div[class*="message"] [class*="button"]:hover,
div[class*="message"] [class*="icon"]:hover {
color: var(--mx-green) !important;
}
/* Selected channel text */
a[data-list-item-id^="channels___"][aria-selected="true"] [class*="name"],
a[data-list-item-id^="channels___"][aria-selected="true"] [class*="name"] * {
color: var(--mx-green) !important;
}
/* Scrollbar hover */
div[class*="scroller"]::-webkit-scrollbar-thumb:hover {
background-color: var(--mx-green) !important;
}
/* Channel list spine (categories) */
#channels ul li svg.spine__5b40b,
#channels ul li svg.spine__5b40b path,
#channels ul li svg.invertedSpine__5b40b,
#channels ul li svg.invertedSpine__5b40b path {
fill: var(--mx-green) !important;
color: var(--mx-green) !important;
}
/* Message scroller accent */
div[class*="messagesWrapper"] > div[class*="scroller"] {
--scrollbar-auto-thumb: var(--mx-green) !important;
--scrollbar-auto-track: color-mix(in srgb, var(--mx-green) 20%, transparent) !important;
}
/* Channel list scrollbar */
div[class*="sidebar"] div[class*="scroller"] {
--scrollbar-auto-thumb: var(--mx-green) !important;
--scrollbar-auto-track: color-mix(in srgb, var(--mx-green) 20%, transparent) !important;
padding-bottom: calc(var(--custom-app-panels-height, 0px) + var(--mx-gap)) !important;
}
/* Code blocks + inline code */
.theme-dark pre,
.theme-darker pre,
.theme-midnight pre,
.visual-refresh pre {
background: color-mix(in srgb, var(--mx-2) 88%, black) !important;
border: 1px solid color-mix(in srgb, var(--mx-green) 30%, transparent) !important;
border-radius: 10px !important;
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--mx-green) 10%, transparent) !important;
}
.theme-dark :is(pre, code),
.theme-darker :is(pre, code),
.theme-midnight :is(pre, code),
.visual-refresh :is(pre, code) {
font-family: "JetBrains Mono", "Fira Code", "Cascadia Code", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace !important;
font-variant-ligatures: none !important;
}
.theme-dark :is(pre code, .hljs, .codeBlockText),
.theme-darker :is(pre code, .hljs, .codeBlockText),
.theme-midnight :is(pre code, .hljs, .codeBlockText),
.visual-refresh :is(pre code, .hljs, .codeBlockText) {
color: var(--text-normal) !important;
text-shadow: none !important;
}
.theme-dark :is(code, .inlineCode),
.theme-darker :is(code, .inlineCode),
.theme-midnight :is(code, .inlineCode),
.visual-refresh :is(code, .inlineCode) {
background: color-mix(in srgb, var(--mx-1) 80%, black) !important;
border: 1px solid color-mix(in srgb, var(--mx-green) 22%, transparent) !important;
border-radius: 6px !important;
color: var(--mx-amber) !important;
padding: 0.12em 0.35em !important;
}
/* Highlight.js token tweaks for a cleaner, standard feel */
.theme-dark :is(.hljs-comment, .hljs-quote),
.theme-darker :is(.hljs-comment, .hljs-quote),
.theme-midnight :is(.hljs-comment, .hljs-quote),
.visual-refresh :is(.hljs-comment, .hljs-quote) {
color: color-mix(in srgb, var(--color01) 70%, var(--mx-4)) !important;
font-style: italic !important;
}
.theme-dark :is(.hljs-keyword, .hljs-selector-tag, .hljs-literal),
.theme-darker :is(.hljs-keyword, .hljs-selector-tag, .hljs-literal),
.theme-midnight :is(.hljs-keyword, .hljs-selector-tag, .hljs-literal),
.visual-refresh :is(.hljs-keyword, .hljs-selector-tag, .hljs-literal) {
color: var(--mx-green) !important;
}
.theme-dark :is(.hljs-string, .hljs-doctag),
.theme-darker :is(.hljs-string, .hljs-doctag),
.theme-midnight :is(.hljs-string, .hljs-doctag),
.visual-refresh :is(.hljs-string, .hljs-doctag) {
color: var(--mx-amber) !important;
}
.theme-dark :is(.hljs-number, .hljs-attr, .hljs-attribute),
.theme-darker :is(.hljs-number, .hljs-attr, .hljs-attribute),
.theme-midnight :is(.hljs-number, .hljs-attr, .hljs-attribute),
.visual-refresh :is(.hljs-number, .hljs-attr, .hljs-attribute) {
color: color-mix(in srgb, var(--mx-amber) 65%, var(--mx-green)) !important;
}
.theme-dark :is(.hljs-title, .hljs-section, .hljs-name),
.theme-darker :is(.hljs-title, .hljs-section, .hljs-name),
.theme-midnight :is(.hljs-title, .hljs-section, .hljs-name),
.visual-refresh :is(.hljs-title, .hljs-section, .hljs-name) {
color: var(--color13) !important;
}
/* Links get a subtle console glow */
.theme-dark a,
.theme-darker a,
.theme-midnight a,
.visual-refresh a {
text-shadow: 0 0 10px color-mix(in srgb, var(--mx-amber) 35%, transparent) !important;
}
/* End */
/* 26-01-31 */
Reference in New Issue View Git Blame Copy Permalink