mirror of
https://gitlab.com/Cynosphere/xmc.git
synced 2024-08-14 22:57:03 +00:00
more color schemes, other misc fixes/changes
This commit is contained in:
parent
124ecc8e8c
commit
66ffad916b
1 changed files with 175 additions and 15 deletions
190
xmc.user.css
190
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-"][class*="reactionMe-"] [class*="reactionCount-"],
|
||||||
[class^="reaction-"]:hover [class*="reactionCount-"] {
|
[class^="reaction-"]:hover [class*="reactionCount-"] {
|
||||||
color: var(--_color15, var(--white-500));
|
color: var(--white-500);
|
||||||
}
|
}
|
||||||
|
|
||||||
[class^="reaction-"] [class*="reactionCount-"] {
|
[class^="reaction-"] [class*="reactionCount-"] {
|
||||||
|
@ -776,6 +776,10 @@ code.inline,
|
||||||
--status-streaming: #593695;
|
--status-streaming: #593695;
|
||||||
|
|
||||||
--titlebar-color: var(--highlight);
|
--titlebar-color: var(--highlight);
|
||||||
|
}
|
||||||
|
|
||||||
|
#splash {
|
||||||
|
background-color: #36393f;
|
||||||
}`,
|
}`,
|
||||||
'XMC*': `.theme-dark {
|
'XMC*': `.theme-dark {
|
||||||
--_color0: #0d1117;
|
--_color0: #0d1117;
|
||||||
|
@ -820,6 +824,10 @@ code.inline,
|
||||||
--status-streaming: var(--_color5);
|
--status-streaming: var(--_color5);
|
||||||
|
|
||||||
--titlebar-color: var(--accent);
|
--titlebar-color: var(--accent);
|
||||||
|
}
|
||||||
|
|
||||||
|
#splash {
|
||||||
|
background-color: #2c2c2c;
|
||||||
}`,
|
}`,
|
||||||
'Amora': `.theme-dark {
|
'Amora': `.theme-dark {
|
||||||
--_color0: #231d29;
|
--_color0: #231d29;
|
||||||
|
@ -862,6 +870,10 @@ code.inline,
|
||||||
--status-dnd: var(--_color5);
|
--status-dnd: var(--_color5);
|
||||||
--status-offline: var(--tertiary);
|
--status-offline: var(--tertiary);
|
||||||
--status-streaming: var(--_color4);
|
--status-streaming: var(--_color4);
|
||||||
|
}
|
||||||
|
|
||||||
|
#splash {
|
||||||
|
background-color: #302838;
|
||||||
}`,
|
}`,
|
||||||
'Amora Focus': `.theme-dark {
|
'Amora Focus': `.theme-dark {
|
||||||
--_color0: #28222d;
|
--_color0: #28222d;
|
||||||
|
@ -908,6 +920,10 @@ code.inline,
|
||||||
--status-streaming: var(--_color4);
|
--status-streaming: var(--_color4);
|
||||||
|
|
||||||
--titlebar-color: var(--accent);
|
--titlebar-color: var(--accent);
|
||||||
|
}
|
||||||
|
|
||||||
|
#splash {
|
||||||
|
background-color: #1a1a1a;
|
||||||
}`,
|
}`,
|
||||||
'Gruvbox': `.theme-dark {
|
'Gruvbox': `.theme-dark {
|
||||||
--_color0: #32302f;
|
--_color0: #32302f;
|
||||||
|
@ -950,6 +966,10 @@ code.inline,
|
||||||
--status-dnd: var(--_color1);
|
--status-dnd: var(--_color1);
|
||||||
--status-offline: var(--_color8);
|
--status-offline: var(--_color8);
|
||||||
--status-streaming: var(--_color13);
|
--status-streaming: var(--_color13);
|
||||||
|
}
|
||||||
|
|
||||||
|
#splash {
|
||||||
|
background-color: #32302f;
|
||||||
}`,
|
}`,
|
||||||
'AMOLED': `.theme-dark {
|
'AMOLED': `.theme-dark {
|
||||||
--_color0: #484f58;
|
--_color0: #484f58;
|
||||||
|
@ -994,6 +1014,10 @@ code.inline,
|
||||||
--status-streaming: #593695;
|
--status-streaming: #593695;
|
||||||
|
|
||||||
--titlebar-color: #060606;
|
--titlebar-color: #060606;
|
||||||
|
}
|
||||||
|
|
||||||
|
#splash {
|
||||||
|
background-color: #000000;
|
||||||
}`,
|
}`,
|
||||||
'Nord': `.theme-dark {
|
'Nord': `.theme-dark {
|
||||||
--_color0: #3b4252;
|
--_color0: #3b4252;
|
||||||
|
@ -1038,6 +1062,10 @@ code.inline,
|
||||||
--status-streaming: var(--_color5);
|
--status-streaming: var(--_color5);
|
||||||
|
|
||||||
--titlebar-color: #4c566a;
|
--titlebar-color: #4c566a;
|
||||||
|
}
|
||||||
|
|
||||||
|
#splash {
|
||||||
|
background-color: #434c5e;
|
||||||
}`,
|
}`,
|
||||||
'lovelace': `.theme-dark {
|
'lovelace': `.theme-dark {
|
||||||
--_color0: #282a36;
|
--_color0: #282a36;
|
||||||
|
@ -1083,6 +1111,10 @@ code.inline,
|
||||||
|
|
||||||
--interactive-hover: var(--_color6) !important;
|
--interactive-hover: var(--_color6) !important;
|
||||||
--interactive-active: var(--_color7) !important;
|
--interactive-active: var(--_color7) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#splash {
|
||||||
|
background-color: #1d1f28;
|
||||||
}`,
|
}`,
|
||||||
'Catppuccin Frappe': `.theme-dark {
|
'Catppuccin Frappe': `.theme-dark {
|
||||||
--_color0: #51576d;
|
--_color0: #51576d;
|
||||||
|
@ -1130,6 +1162,10 @@ code.inline,
|
||||||
|
|
||||||
--interactive-hover: var(--_color6) !important;
|
--interactive-hover: var(--_color6) !important;
|
||||||
--interactive-active: var(--_color7) !important;
|
--interactive-active: var(--_color7) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#splash {
|
||||||
|
background-color: #303446;
|
||||||
}`,
|
}`,
|
||||||
'Catppuccin Macchiato': `.theme-dark {
|
'Catppuccin Macchiato': `.theme-dark {
|
||||||
--_color0: #494d64;
|
--_color0: #494d64;
|
||||||
|
@ -1178,6 +1214,10 @@ code.inline,
|
||||||
--interactive-hover: var(--_color6) !important;
|
--interactive-hover: var(--_color6) !important;
|
||||||
--interactive-active: var(--_color7) !important;
|
--interactive-active: var(--_color7) !important;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#splash {
|
||||||
|
background-color: #24273a;
|
||||||
}`,
|
}`,
|
||||||
'Catppuccin Mocha': `.theme-dark {
|
'Catppuccin Mocha': `.theme-dark {
|
||||||
--_color0: #45475a;
|
--_color0: #45475a;
|
||||||
|
@ -1229,6 +1269,10 @@ code.inline,
|
||||||
--background-modifier-active: rgba(205, 214, 244, 0.16) !important;
|
--background-modifier-active: rgba(205, 214, 244, 0.16) !important;
|
||||||
--background-modifier-hover: rgba(137, 180, 250, 0.08) !important;
|
--background-modifier-hover: rgba(137, 180, 250, 0.08) !important;
|
||||||
--background-modifier-selected: rgba(137, 180, 250, 0.24) !important;
|
--background-modifier-selected: rgba(137, 180, 250, 0.24) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#splash {
|
||||||
|
background-color: #1e1e2e;
|
||||||
}`,
|
}`,
|
||||||
'annie/dark': `.theme-dark {
|
'annie/dark': `.theme-dark {
|
||||||
--_color0: #484f58;
|
--_color0: #484f58;
|
||||||
|
@ -1273,6 +1317,10 @@ code.inline,
|
||||||
--status-streaming: #593695;
|
--status-streaming: #593695;
|
||||||
|
|
||||||
--titlebar-color: var(--tertiary);
|
--titlebar-color: var(--tertiary);
|
||||||
|
}
|
||||||
|
|
||||||
|
#splash {
|
||||||
|
background-color: #141414;
|
||||||
}`,
|
}`,
|
||||||
'everforest': `.theme-dark {
|
'everforest': `.theme-dark {
|
||||||
--_color0: #7a8478;
|
--_color0: #7a8478;
|
||||||
|
@ -1318,6 +1366,10 @@ code.inline,
|
||||||
|
|
||||||
--interactive-hover: var(--_color6) !important;
|
--interactive-hover: var(--_color6) !important;
|
||||||
--interactive-active: var(--_color15) !important;
|
--interactive-active: var(--_color15) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#splash {
|
||||||
|
background-color: #323c41;
|
||||||
}`,
|
}`,
|
||||||
'Tokyo Night': `.theme-dark {
|
'Tokyo Night': `.theme-dark {
|
||||||
--_color0: #32344a;
|
--_color0: #32344a;
|
||||||
|
@ -1363,6 +1415,106 @@ code.inline,
|
||||||
|
|
||||||
--interactive-hover: var(--_color4) !important;
|
--interactive-hover: var(--_color4) !important;
|
||||||
--interactive-active: var(--_color15) !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 {
|
'Custom': `.theme-dark,:root {
|
||||||
--_color0: var(--xmc-custom-color0);
|
--_color0: var(--xmc-custom-color0);
|
||||||
|
@ -1408,6 +1560,10 @@ code.inline,
|
||||||
|
|
||||||
--interactive-hover: var(--xmc-custom-hover) !important;
|
--interactive-hover: var(--xmc-custom-hover) !important;
|
||||||
--interactive-active: var(--xmc-custom-active) !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-"] {
|
[class^="reaction-"][class*="reactionMe-"] {
|
||||||
background-color: var(--hover-bg);
|
background-color: var(--hover-bg);
|
||||||
box-shadow: var(--hover-shadow);
|
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-"],
|
div[class^="listItem-"] div[class^="wrapperSimple-"],
|
||||||
[class^="circleIconButton-"],
|
[class^="circleIconButton-"],
|
||||||
[class^="folderIconWrapper-"],
|
[class^="folderIconWrapper-"],
|
||||||
[class^="avatarContainer-"] {
|
[class^="avatarContainer-"],
|
||||||
|
[class^="executedCommandAvatar-"] {
|
||||||
border-radius: 10% !important;
|
border-radius: 10% !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -4773,6 +4921,10 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
||||||
ul[class^="content-"]
|
ul[class^="content-"]
|
||||||
> [class*="privateChannelsHeaderContainer-"] > * {
|
> [class*="privateChannelsHeaderContainer-"] > * {
|
||||||
display: none;
|
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 {
|
'Compact-er Support': `div[class^="sidebar-"]:not(:has(> [class^="side-"])) > nav {
|
||||||
width: unset;
|
width: unset;
|
||||||
|
@ -4952,6 +5104,10 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
||||||
ul[class^="content-"]
|
ul[class^="content-"]
|
||||||
> [class*="privateChannelsHeaderContainer-"] > * {
|
> [class*="privateChannelsHeaderContainer-"] > * {
|
||||||
display: none;
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) .channel-typing-indicator {
|
||||||
|
display: none;
|
||||||
}`,
|
}`,
|
||||||
'Dynamic': `@media (width < 1300px) {
|
'Dynamic': `@media (width < 1300px) {
|
||||||
div[class^="sidebar-"]:not(:has(> [class^="side-"])) > nav {
|
div[class^="sidebar-"]:not(:has(> [class^="side-"])) > nav {
|
||||||
|
@ -5133,6 +5289,10 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
||||||
> [class*="privateChannelsHeaderContainer-"] > * {
|
> [class*="privateChannelsHeaderContainer-"] > * {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) .channel-typing-indicator {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}`,
|
}`,
|
||||||
'Dynamic + Compact-er Support': `@media (width < 1300px) {
|
'Dynamic + Compact-er Support': `@media (width < 1300px) {
|
||||||
div[class^="sidebar-"]:not(:has(> [class^="side-"])) > nav {
|
div[class^="sidebar-"]:not(:has(> [class^="side-"])) > nav {
|
||||||
|
@ -5314,6 +5474,10 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
||||||
> [class*="privateChannelsHeaderContainer-"] > * {
|
> [class*="privateChannelsHeaderContainer-"] > * {
|
||||||
display: none;
|
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) {
|
@-moz-document domain(discord.com) {
|
||||||
/* BASE THEME START */
|
/* BASE THEME START */
|
||||||
|
|
||||||
#splash {
|
|
||||||
background-color: var(--primary, var(--background-primary));
|
|
||||||
}
|
|
||||||
|
|
||||||
/* i have no idea what half of these are for anymore */
|
/* i have no idea what half of these are for anymore */
|
||||||
/* most of them are probably now-redundant color fixes */
|
/* most of them are probably now-redundant color fixes */
|
||||||
/* others are things i dont feel like need a toggle at the current moment */
|
/* others are things i dont feel like need a toggle at the current moment */
|
||||||
|
|
Loading…
Reference in a new issue