diff --git a/xmc.user.css b/xmc.user.css index bf6f229..3740050 100644 --- a/xmc.user.css +++ b/xmc.user.css @@ -409,7 +409,7 @@ rect[fill="hsl(262, calc(var(--saturation-factor, 1) * 46.8%), 39.8%)"] { [class^="reaction-"][class*="reactionMe-"] [class*="reactionCount-"], [class^="reaction-"]:hover [class*="reactionCount-"] { - color: var(--_color15, var(--white-500)); + color: var(--white-500); } [class^="reaction-"] [class*="reactionCount-"] { @@ -776,6 +776,10 @@ code.inline, --status-streaming: #593695; --titlebar-color: var(--highlight); +} + +#splash { + background-color: #36393f; }`, 'XMC*': `.theme-dark { --_color0: #0d1117; @@ -820,6 +824,10 @@ code.inline, --status-streaming: var(--_color5); --titlebar-color: var(--accent); +} + +#splash { + background-color: #2c2c2c; }`, 'Amora': `.theme-dark { --_color0: #231d29; @@ -862,6 +870,10 @@ code.inline, --status-dnd: var(--_color5); --status-offline: var(--tertiary); --status-streaming: var(--_color4); +} + +#splash { + background-color: #302838; }`, 'Amora Focus': `.theme-dark { --_color0: #28222d; @@ -908,6 +920,10 @@ code.inline, --status-streaming: var(--_color4); --titlebar-color: var(--accent); +} + +#splash { + background-color: #1a1a1a; }`, 'Gruvbox': `.theme-dark { --_color0: #32302f; @@ -950,6 +966,10 @@ code.inline, --status-dnd: var(--_color1); --status-offline: var(--_color8); --status-streaming: var(--_color13); +} + +#splash { + background-color: #32302f; }`, 'AMOLED': `.theme-dark { --_color0: #484f58; @@ -994,6 +1014,10 @@ code.inline, --status-streaming: #593695; --titlebar-color: #060606; +} + +#splash { + background-color: #000000; }`, 'Nord': `.theme-dark { --_color0: #3b4252; @@ -1038,6 +1062,10 @@ code.inline, --status-streaming: var(--_color5); --titlebar-color: #4c566a; +} + +#splash { + background-color: #434c5e; }`, 'lovelace': `.theme-dark { --_color0: #282a36; @@ -1083,6 +1111,10 @@ code.inline, --interactive-hover: var(--_color6) !important; --interactive-active: var(--_color7) !important; +} + +#splash { + background-color: #1d1f28; }`, 'Catppuccin Frappe': `.theme-dark { --_color0: #51576d; @@ -1130,6 +1162,10 @@ code.inline, --interactive-hover: var(--_color6) !important; --interactive-active: var(--_color7) !important; +} + +#splash { + background-color: #303446; }`, 'Catppuccin Macchiato': `.theme-dark { --_color0: #494d64; @@ -1178,6 +1214,10 @@ code.inline, --interactive-hover: var(--_color6) !important; --interactive-active: var(--_color7) !important; +} + +#splash { + background-color: #24273a; }`, 'Catppuccin Mocha': `.theme-dark { --_color0: #45475a; @@ -1229,6 +1269,10 @@ code.inline, --background-modifier-active: rgba(205, 214, 244, 0.16) !important; --background-modifier-hover: rgba(137, 180, 250, 0.08) !important; --background-modifier-selected: rgba(137, 180, 250, 0.24) !important; +} + +#splash { + background-color: #1e1e2e; }`, 'annie/dark': `.theme-dark { --_color0: #484f58; @@ -1273,6 +1317,10 @@ code.inline, --status-streaming: #593695; --titlebar-color: var(--tertiary); +} + +#splash { + background-color: #141414; }`, 'everforest': `.theme-dark { --_color0: #7a8478; @@ -1318,6 +1366,10 @@ code.inline, --interactive-hover: var(--_color6) !important; --interactive-active: var(--_color15) !important; +} + +#splash { + background-color: #323c41; }`, 'Tokyo Night': `.theme-dark { --_color0: #32344a; @@ -1363,6 +1415,106 @@ code.inline, --interactive-hover: var(--_color4) !important; --interactive-active: var(--_color15) !important; +} + +#splash { + background-color: #1a1b26; +}`, + 'Valve': `.theme-dark { + --_color0: #3c4635; + --_color1: #aa0000; + --_color2: #4d7455; + --_color3: #cf6a32; + --_color4: #476291; + --_color5: #8650ac; + --_color6: #5e98d9; + --_color7: #837e77; + + --_color8: #4c5844; + --_color9: #eb4b4b; + --_color10: #70b04a; + --_color11: #ffd700; + --_color12: #4b69ff; + --_color13: #8847ff; + --_color14: #38f3ab; + --_color15: #b2b2b2; + + --_colorFG: #ffffff; + + --primary: #4c5844; + --secondary: #3c4635; + --tertiary: #282e22; + --primary-rgb: 76, 88, 68; + --secondary-rgb: 60, 70, 53; + --tertiary-rgb: 40, 46, 34; + + --accent: #958831; + --accent-rgb: 150, 137, 49; + --red: var(--_color9); + --text: var(--_colorFG); + --link: var(--_color12); + --highlight: #889180; + --highlight-rgb: 137, 145, 130; + + --status-online: var(--_color10); + --status-idle: var(--_color11); + --status-dnd: var(--_color9); + --status-offline: var(--tertiary); + --status-streaming: var(--_color5); + + --status-danger: var(--red); +} + +#splash { + background-color: #4c5844; +}`, + 'Source Engine - Tools': `.theme-dark { + --_color0: #3c4635; + --_color1: #aa0000; + --_color2: #4d7455; + --_color3: #cf6a32; + --_color4: #476291; + --_color5: #8650ac; + --_color6: #5e98d9; + --_color7: #837e77; + + --_color8: #4c5844; + --_color9: #eb4b4b; + --_color10: #70b04a; + --_color11: #ffd700; + --_color12: #4b69ff; + --_color13: #8847ff; + --_color14: #38f3ab; + --_color15: #b2b2b2; + + --_colorFG: #d9d9d9; + + --primary: #404040; + --secondary: #343434; + --tertiary: #2c2c2c; + --primary-rgb: 64, 64, 64; + --secondary-rgb: 52, 52, 52; + --tertiary-rgb: 44, 44, 44; + + --accent: #ff9a1e; + --accent-rgb: 255, 154, 30; + --red: var(--_color9); + --text: var(--_colorFG); + --link: var(--_color12); + --highlight: #b5b5b5; + --highlight-rgb: 181, 181, 181; + + --status-online: var(--_color10); + --status-idle: var(--_color11); + --status-dnd: var(--_color9); + --status-offline: var(--tertiary); + --status-streaming: var(--_color5); + + --status-danger: var(--red); +} + +#splash { + background-color: #404040; }`, 'Custom': `.theme-dark,:root { --_color0: var(--xmc-custom-color0); @@ -1408,6 +1560,10 @@ code.inline, --interactive-hover: var(--xmc-custom-hover) !important; --interactive-active: var(--xmc-custom-active) !important; +} + +#splash { + background-color: var(--xmc-custom-primary, #36393f); }`, } @@ -2054,15 +2210,6 @@ nav[class^="sidebar-"] div[class^="item-"]:not([class*="selected-"]):hover, [class^="reaction-"][class*="reactionMe-"] { background-color: var(--hover-bg); box-shadow: var(--hover-shadow); -} - -[class^="reaction-"][class*="reactionMe-"] [class*="reactionCount-"], -[class^="reaction-"]:hover [class*="reactionCount-"] { - color: #ffffff; -} - -[class^="reaction-"] [class*="reactionCount-"] { - color: var(--text); }`, } @@ -2276,7 +2423,8 @@ div[class^="listItem-"] foreignObject [class^="folder-"], div[class^="listItem-"] div[class^="wrapperSimple-"], [class^="circleIconButton-"], [class^="folderIconWrapper-"], -[class^="avatarContainer-"] { +[class^="avatarContainer-"], +[class^="executedCommandAvatar-"] { border-radius: 10% !important; } @@ -4773,6 +4921,10 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) ul[class^="content-"] > [class*="privateChannelsHeaderContainer-"] > * { display: none; +} + +div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) .channel-typing-indicator { + display: none; }`, 'Compact-er Support': `div[class^="sidebar-"]:not(:has(> [class^="side-"])) > nav { width: unset; @@ -4952,6 +5104,10 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) ul[class^="content-"] > [class*="privateChannelsHeaderContainer-"] > * { display: none; +} + +div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) .channel-typing-indicator { + display: none; }`, 'Dynamic': `@media (width < 1300px) { div[class^="sidebar-"]:not(:has(> [class^="side-"])) > nav { @@ -5133,6 +5289,10 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) > [class*="privateChannelsHeaderContainer-"] > * { display: none; } + +div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) .channel-typing-indicator { + display: none; +} }`, 'Dynamic + Compact-er Support': `@media (width < 1300px) { div[class^="sidebar-"]:not(:has(> [class^="side-"])) > nav { @@ -5314,6 +5474,10 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) > [class*="privateChannelsHeaderContainer-"] > * { display: none; } + +div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) .channel-typing-indicator { + display: none; +} }`, } @@ -5423,10 +5587,6 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) @-moz-document domain(discord.com) { /* BASE THEME START */ - #splash { - background-color: var(--primary, var(--background-primary)); - } - /* i have no idea what half of these are for anymore */ /* most of them are probably now-redundant color fixes */ /* others are things i dont feel like need a toggle at the current moment */