mirror of
https://gitlab.com/Cynosphere/xmc.git
synced 2024-08-14 22:57:03 +00:00
light mode support
This commit is contained in:
parent
0fbb55e637
commit
8c0a7860db
1 changed files with 363 additions and 91 deletions
454
xmc.user.css
454
xmc.user.css
|
|
@ -11,8 +11,9 @@
|
|||
|
||||
@var select xmc_overwrite_colors 'Overwrite Colors' {
|
||||
'Off': "",
|
||||
'On*': `.theme-dark,
|
||||
:root {
|
||||
'On*': `: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);
|
||||
|
|
@ -140,6 +141,7 @@
|
|||
--red-400: var(--status-dnd) !important;
|
||||
--primary-400: var(--status-offline) !important;
|
||||
--twitch: var(--status-streaming) !important;
|
||||
--primary-600: var(--primary);
|
||||
}
|
||||
|
||||
[data-popout-root],
|
||||
|
|
@ -312,7 +314,7 @@ rect[fill="hsl(262, calc(var(--saturation-factor, 1) * 46.8%), 39.8%)"] {
|
|||
fill: var(--status-streaming);
|
||||
}
|
||||
|
||||
[class^="containerDefault-"] [class*="modeUnread-"] svg[class^="icon-"],
|
||||
[class^="containerDefault-"]:not(:hover) [class*="modeUnread-"] svg[class^="icon-"],
|
||||
[class^="containerDefault-"]:not(:hover)
|
||||
[class*="modeUnread-"]
|
||||
[class^="name-"] {
|
||||
|
|
@ -322,6 +324,10 @@ rect[fill="hsl(262, calc(var(--saturation-factor, 1) * 46.8%), 39.8%)"] {
|
|||
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-"],
|
||||
|
|
@ -726,71 +732,69 @@ code.inline,
|
|||
}`,
|
||||
}
|
||||
|
||||
@var select xmc_scheme 'Color Scheme' {
|
||||
'Stock': `.theme-dark,
|
||||
:root {
|
||||
--_color0: #484f58;
|
||||
--_color1: #f85149;
|
||||
@var select xmc_scheme 'Color Scheme: Dark' {
|
||||
'Stock': `.theme-dark {
|
||||
--_color0: #0d1117;
|
||||
--_color1: #ff7b72;
|
||||
--_color2: #3fb950;
|
||||
--_color3: #d29922;
|
||||
--_color4: #58a6ff;
|
||||
--_color5: #bc8cff;
|
||||
--_color6: #39c5cf;
|
||||
--_color6: #76e3ea;
|
||||
--_color7: #b1bac4;
|
||||
|
||||
--_color8: #6e7681;
|
||||
--_color9: #ff7b72;
|
||||
--_color8: #161b22;
|
||||
--_color9: #ffa198;
|
||||
--_color10: #56d364;
|
||||
--_color11: #e3b341;
|
||||
--_color12: #79c0ff;
|
||||
--_color13: #d2a8ff;
|
||||
--_color14: #56d4dd;
|
||||
--_color14: #b3f0ff;
|
||||
--_color15: #f0f6fc;
|
||||
|
||||
--_colorFG: var(--_color7);
|
||||
|
||||
--__primary: #36393f;
|
||||
--__secondary: #2f3136;
|
||||
--__tertiary: #202225;
|
||||
--__primary-rgb: 54, 57, 63;
|
||||
--__secondary-rgb: 47, 49, 54;
|
||||
--__tertiary-rgb: 32, 34, 37;
|
||||
--primary: #36393f;
|
||||
--secondary: #2f3136;
|
||||
--tertiary: #202225;
|
||||
--primary-rgb: 54, 57, 63;
|
||||
--secondary-rgb: 47, 49, 54;
|
||||
--tertiary-rgb: 32, 34, 37;
|
||||
|
||||
--__accent: #7289da;
|
||||
--__accent-rgb: 114, 137, 218;
|
||||
--__red: #f04747;
|
||||
--__text: #dcddde;
|
||||
--__link: #00aff4;
|
||||
--__highlight: #72767d;
|
||||
--__highlight-rgb: 114, 118, 125;
|
||||
--accent: #7289da;
|
||||
--accent-rgb: 114, 137, 218;
|
||||
--red: #f04747;
|
||||
--text: #dcddde;
|
||||
--link: #00aff4;
|
||||
--highlight: #72767d;
|
||||
--highlight-rgb: 114, 118, 125;
|
||||
|
||||
--__status-online: #43b581;
|
||||
--__status-idle: #faa61a;
|
||||
--__status-dnd: #f04747;
|
||||
--__status-offline: #747f8d;
|
||||
--__status-streaming: #593695;
|
||||
--status-online: #43b581;
|
||||
--status-idle: #faa61a;
|
||||
--status-dnd: #f04747;
|
||||
--status-offline: #747f8d;
|
||||
--status-streaming: #593695;
|
||||
|
||||
--__titlebar-color: var(--highlight);
|
||||
--titlebar-color: var(--highlight);
|
||||
}`,
|
||||
'XMC*': `.theme-dark,
|
||||
:root {
|
||||
--_color0: #373e4d;
|
||||
--_color1: #fa5aa4;
|
||||
--_color2: #2be491;
|
||||
--_color3: #fa946e;
|
||||
--_color4: #63c5ea;
|
||||
--_color5: #cf8ef4;
|
||||
--_color6: #89ccf7;
|
||||
--_color7: #edfefe;
|
||||
'XMC*': `.theme-dark {
|
||||
--_color0: #0d1117;
|
||||
--_color1: #ff7b72;
|
||||
--_color2: #3fb950;
|
||||
--_color3: #d29922;
|
||||
--_color4: #58a6ff;
|
||||
--_color5: #bc8cff;
|
||||
--_color6: #76e3ea;
|
||||
--_color7: #b1bac4;
|
||||
|
||||
--_color8: #3b4252;
|
||||
--_color9: #fa74b2;
|
||||
--_color10: #44eb9f;
|
||||
--_color11: #faa687;
|
||||
--_color12: #7acbea;
|
||||
--_color13: #d8a6f4;
|
||||
--_color14: #a1d5f7;
|
||||
--_color15: #e7f7f7;
|
||||
--_color8: #161b22;
|
||||
--_color9: #ffa198;
|
||||
--_color10: #56d364;
|
||||
--_color11: #e3b341;
|
||||
--_color12: #79c0ff;
|
||||
--_color13: #d2a8ff;
|
||||
--_color14: #b3f0ff;
|
||||
--_color15: #f0f6fc;
|
||||
|
||||
--_colorFG: #bbc5ff;
|
||||
|
||||
|
|
@ -817,8 +821,7 @@ code.inline,
|
|||
|
||||
--titlebar-color: var(--accent);
|
||||
}`,
|
||||
'Amora': `.theme-dark,
|
||||
:root {
|
||||
'Amora': `.theme-dark {
|
||||
--_color0: #231d29;
|
||||
--_color1: #e83f80;
|
||||
--_color2: #a2baa8;
|
||||
|
|
@ -860,8 +863,7 @@ code.inline,
|
|||
--status-offline: var(--tertiary);
|
||||
--status-streaming: var(--_color4);
|
||||
}`,
|
||||
'Amora Focus': `.theme-dark,
|
||||
:root {
|
||||
'Amora Focus': `.theme-dark {
|
||||
--_color0: #28222d;
|
||||
--_color1: #e83f80;
|
||||
--_color2: #a2baa8;
|
||||
|
|
@ -907,8 +909,7 @@ code.inline,
|
|||
|
||||
--titlebar-color: var(--accent);
|
||||
}`,
|
||||
'Gruvbox': `.theme-dark,
|
||||
:root {
|
||||
'Gruvbox': `.theme-dark {
|
||||
--_color0: #32302f;
|
||||
--_color1: #cc241d;
|
||||
--_color2: #98971a;
|
||||
|
|
@ -950,8 +951,7 @@ code.inline,
|
|||
--status-offline: var(--_color8);
|
||||
--status-streaming: var(--_color13);
|
||||
}`,
|
||||
'AMOLED': `.theme-dark,
|
||||
:root {
|
||||
'AMOLED': `.theme-dark {
|
||||
--_color0: #484f58;
|
||||
--_color1: #f85149;
|
||||
--_color2: #3fb950;
|
||||
|
|
@ -995,8 +995,7 @@ code.inline,
|
|||
|
||||
--titlebar-color: #060606;
|
||||
}`,
|
||||
'Nord': `.theme-dark,
|
||||
:root {
|
||||
'Nord': `.theme-dark {
|
||||
--_color0: #3b4252;
|
||||
--_color1: #bf616a;
|
||||
--_color2: #a3be8c;
|
||||
|
|
@ -1040,8 +1039,7 @@ code.inline,
|
|||
|
||||
--titlebar-color: #4c566a;
|
||||
}`,
|
||||
'lovelace': `.theme-dark,
|
||||
:root {
|
||||
'lovelace': `.theme-dark {
|
||||
--_color0: #282a36;
|
||||
--_color1: #f37f97;
|
||||
--_color2: #5adecd;
|
||||
|
|
@ -1086,8 +1084,7 @@ code.inline,
|
|||
--interactive-hover: var(--_color6) !important;
|
||||
--interactive-active: var(--_color7) !important;
|
||||
}`,
|
||||
'Catppuccin Frappe': `.theme-dark,
|
||||
:root {
|
||||
'Catppuccin Frappe': `.theme-dark {
|
||||
--_color0: #51576d;
|
||||
--_color1: #e78284;
|
||||
--_color2: #a6d189;
|
||||
|
|
@ -1134,8 +1131,7 @@ code.inline,
|
|||
--interactive-hover: var(--_color6) !important;
|
||||
--interactive-active: var(--_color7) !important;
|
||||
}`,
|
||||
'Catppuccin Macchiato': `.theme-dark,
|
||||
:root {
|
||||
'Catppuccin Macchiato': `.theme-dark {
|
||||
--_color0: #494d64;
|
||||
--_color1: #ed8796;
|
||||
--_color2: #a6da95;
|
||||
|
|
@ -1183,8 +1179,7 @@ code.inline,
|
|||
--interactive-active: var(--_color7) !important;
|
||||
|
||||
}`,
|
||||
'Catppuccin Mocha': `.theme-dark,
|
||||
:root {
|
||||
'Catppuccin Mocha': `.theme-dark {
|
||||
--_color0: #45475a;
|
||||
--_color1: #f38ba8;
|
||||
--_color2: #a6e3a1;
|
||||
|
|
@ -1235,8 +1230,7 @@ code.inline,
|
|||
--background-modifier-hover: rgba(137, 180, 250, 0.08) !important;
|
||||
--background-modifier-selected: rgba(137, 180, 250, 0.24) !important;
|
||||
}`,
|
||||
'annie/dark': `.theme-dark,
|
||||
:root {
|
||||
'annie/dark': `.theme-dark {
|
||||
--_color0: #484f58;
|
||||
--_color1: #f85149;
|
||||
--_color2: #3fb950;
|
||||
|
|
@ -1280,8 +1274,7 @@ code.inline,
|
|||
|
||||
--titlebar-color: var(--tertiary);
|
||||
}`,
|
||||
'everforest': `.theme-dark,
|
||||
:root {
|
||||
'everforest': `.theme-dark {
|
||||
--_color0: #7a8478;
|
||||
--_color1: #e67e80;
|
||||
--_color2: #a7c080;
|
||||
|
|
@ -1326,8 +1319,7 @@ code.inline,
|
|||
--interactive-hover: var(--_color6) !important;
|
||||
--interactive-active: var(--_color15) !important;
|
||||
}`,
|
||||
'Tokyo Night': `.theme-dark,
|
||||
:root {
|
||||
'Tokyo Night': `.theme-dark {
|
||||
--_color0: #32344a;
|
||||
--_color1: #f7768e;
|
||||
--_color2: #9ece6a;
|
||||
|
|
@ -1419,6 +1411,234 @@ code.inline,
|
|||
}`,
|
||||
}
|
||||
|
||||
@var select xmc_scheme_light 'Color Scheme: Light' {
|
||||
'Stock': `.theme-light {
|
||||
--_color0: #24292f;
|
||||
--_color1: #ff8182;
|
||||
--_color2: #4ac26b;
|
||||
--_color3: #d4a72c;
|
||||
--_color4: #54aeff;
|
||||
--_color5: #c297ff;
|
||||
--_color6: #76e3ea;
|
||||
--_color7: #8c959f;
|
||||
|
||||
--_color8: #32383f;
|
||||
--_color9: #ffaba8;
|
||||
--_color10: #6fdd8b;
|
||||
--_color11: #eac54f;
|
||||
--_color12: #80ccff;
|
||||
--_color13: #d8b9ff;
|
||||
--_color14: #b3f0ff;
|
||||
--_color15: #d0d7de;
|
||||
|
||||
--_colorFG: var(--_color7);
|
||||
|
||||
--primary: #ffffff;
|
||||
--secondary: #f2f3f5;
|
||||
--tertiary: #e3e5e8;
|
||||
--primary-rgb: 255, 255, 255;
|
||||
--secondary-rgb: 242, 243, 245;
|
||||
--tertiary-rgb: 227, 229, 232;
|
||||
|
||||
--accent: #7289da;
|
||||
--accent-rgb: 114, 137, 218;
|
||||
--red: #f04747;
|
||||
--text: #303338;
|
||||
--link: #00aff4;
|
||||
--highlight: #72767d;
|
||||
--highlight-rgb: 114, 118, 125;
|
||||
|
||||
--status-online: #43b581;
|
||||
--status-idle: #faa61a;
|
||||
--status-dnd: #f04747;
|
||||
--status-offline: #747f8d;
|
||||
--status-streaming: #593695;
|
||||
|
||||
--titlebar-color: var(--highlight);
|
||||
|
||||
--interactive-active: #060607 !important;
|
||||
}`,
|
||||
'XMC*': `.theme-light {
|
||||
--_color0: #24292f;
|
||||
--_color1: #ff8182;
|
||||
--_color2: #4ac26b;
|
||||
--_color3: #d4a72c;
|
||||
--_color4: #54aeff;
|
||||
--_color5: #c297ff;
|
||||
--_color6: #76e3ea;
|
||||
--_color7: #8c959f;
|
||||
|
||||
--_color8: #32383f;
|
||||
--_color9: #ffaba8;
|
||||
--_color10: #6fdd8b;
|
||||
--_color11: #eac54f;
|
||||
--_color12: #80ccff;
|
||||
--_color13: #d8b9ff;
|
||||
--_color14: #b3f0ff;
|
||||
--_color15: #d0d7de;
|
||||
|
||||
--_colorFG: #373737;
|
||||
|
||||
--primary: #fcfcf9;
|
||||
--secondary: #f4f4f1;
|
||||
--tertiary: #dcdace;
|
||||
--primary-rgb: 252, 252, 249;
|
||||
--secondary-rgb: 244, 244, 241;
|
||||
--tertiary-rgb: 220, 218, 206;
|
||||
|
||||
--accent: #58516d;
|
||||
--accent-rgb: 88, 81, 109;
|
||||
--red: var(--_color1);
|
||||
--text: #373737;
|
||||
--link: var(--_color6);
|
||||
--highlight: #b0aca5;
|
||||
--highlight-rgb: 176, 172, 165;
|
||||
|
||||
--status-online: var(--_color4);
|
||||
--status-idle: var(--_color3);
|
||||
--status-dnd: var(--_color1);
|
||||
--status-offline: var(--_color8);
|
||||
--status-streaming: var(--_color5);
|
||||
|
||||
--titlebar-color: var(--accent);
|
||||
--interactive-hover: #494949 !important;
|
||||
--interactive-active: #7a7a7a !important;
|
||||
}`,
|
||||
'Gruvbox': `.theme-light {
|
||||
--_color0: #f2e5bc;
|
||||
--_color1: #cc241d;
|
||||
--_color2: #98971a;
|
||||
--_color3: #d79921;
|
||||
--_color4: #458588;
|
||||
--_color5: #b16286;
|
||||
--_color6: #689d6a;
|
||||
--_color7: #7c6f64;
|
||||
|
||||
--_color8: #f9f5d7;
|
||||
--_color9: #9d0006;
|
||||
--_color10: #79740e;
|
||||
--_color11: #b57614;
|
||||
--_color12: #076678;
|
||||
--_color13: #8f3f71;
|
||||
--_color14: #427b58;
|
||||
--_color15: #3c3836;
|
||||
|
||||
--_colorFG: #504945;
|
||||
|
||||
--primary: #f9f5d7;
|
||||
--secondary: #fbf1c7;
|
||||
--tertiary: #f2e5bc;
|
||||
--primary-rgb: 242, 229, 187;
|
||||
--secondary-rgb: 251, 241, 199;
|
||||
--tertiary-rgb: 250, 246, 214;
|
||||
|
||||
--accent: var(--_color5);
|
||||
--accent-rgb: 177, 98, 134;
|
||||
--red: var(--_color9);
|
||||
--text: var(--_colorFG);
|
||||
--link: var(--_color12);
|
||||
--highlight: #bdae93;
|
||||
--highlight-rgb: 189, 174, 147;
|
||||
|
||||
--status-online: var(--_color10);
|
||||
--status-idle: var(--_color11);
|
||||
--status-dnd: var(--_color1);
|
||||
--status-offline: var(--_color8);
|
||||
--status-streaming: var(--_color13);
|
||||
}`,
|
||||
'Nord': `.theme-light {
|
||||
--_color0: #e5e9f0;
|
||||
--_color1: #bf616a;
|
||||
--_color2: #a3be8c;
|
||||
--_color3: #ebcb8b;
|
||||
--_color4: #81a1c1;
|
||||
--_color5: #b48ead;
|
||||
--_color6: #88c0d0;
|
||||
--_color7: #3b4252;
|
||||
|
||||
--_color8: #eceff4;
|
||||
--_color9: #bf616a;
|
||||
--_color10: #a3be8c;
|
||||
--_color11: #ebcb8b;
|
||||
--_color12: #81a1c1;
|
||||
--_color13: #b48ead;
|
||||
--_color14: #88c0d0;
|
||||
--_color15: #4c566a;
|
||||
|
||||
--_colorFG: #2e3440;
|
||||
|
||||
--primary: #eceff4;
|
||||
--secondary: #e5e9f0;
|
||||
--tertiary: #d8dee9;
|
||||
--primary-rgb: 236, 239, 244;
|
||||
--secondary-rgb: 229, 233, 240;
|
||||
--tertiary-rgb: 216, 222, 233;
|
||||
|
||||
--accent: #88c0d0;
|
||||
--accent-rgb: 136, 192, 208;
|
||||
--red: var(--_color1);
|
||||
--text: var(--_colorFG);
|
||||
--link: var(--_color12);
|
||||
--highlight: #8fbcbb;
|
||||
--highlight-rgb: 143, 188, 187;
|
||||
|
||||
--status-online: var(--_color2);
|
||||
--status-idle: var(--_color3);
|
||||
--status-dnd: var(--_color1);
|
||||
--status-offline: var(--_color8);
|
||||
--status-streaming: var(--_color5);
|
||||
|
||||
--titlebar-color: #4c566a;
|
||||
}`,
|
||||
'Catppuccin Latte': `.theme-light {
|
||||
--_color0: #bcc0cc;
|
||||
--_color1: #d20f39;
|
||||
--_color2: #40a02b;
|
||||
--_color3: #df8e1d;
|
||||
--_color4: #1e66f5;
|
||||
--_color5: #ea76cb;
|
||||
--_color6: #179299;
|
||||
--_color7: #5c5f77;
|
||||
|
||||
--_color8: #626880;
|
||||
--_color9: #d20f39;
|
||||
--_color10: #40a02b;
|
||||
--_color11: #df8e1d;
|
||||
--_color12: #1e66f5;
|
||||
--_color13: #ea76cb;
|
||||
--_color14: #179299;
|
||||
--_color15: #6c6f85;
|
||||
|
||||
--_colorFG: #4c4f69;
|
||||
|
||||
--primary: #eff1f5;
|
||||
--secondary: #e6e9ef;
|
||||
--tertiary: #dce0e8;
|
||||
--primary-rgb: 239, 241, 245;
|
||||
--secondary-rgb: 230, 233, 239;
|
||||
--tertiary-rgb: 220, 224, 232;
|
||||
|
||||
--accent: #7287fd;
|
||||
--accent-rgb: 114, 135, 253;
|
||||
--red: var(--_color1);
|
||||
--text: var(--_colorFG);
|
||||
--link: var(--_color14);
|
||||
--highlight: #6c6f85;
|
||||
--highlight-rgb: 108, 111, 133;
|
||||
|
||||
--status-online: var(--_color2);
|
||||
--status-idle: var(--_color3);
|
||||
--status-dnd: var(--_color1);
|
||||
--status-offline: var(--_color8);
|
||||
--status-streaming: var(--_color5);
|
||||
|
||||
--titlebar-color: #414559;
|
||||
|
||||
--interactive-hover: var(--_color6) !important;
|
||||
--interactive-active: var(--_color7) !important;
|
||||
}`,
|
||||
}
|
||||
|
||||
@var select xmc_font 'Font' {
|
||||
'Default*': " ",
|
||||
'Revert Rebrand': `.theme-dark,
|
||||
|
|
@ -1478,9 +1698,9 @@ code.inline,
|
|||
|
||||
.theme-dark,
|
||||
:root {
|
||||
--font-primary: "Unifont Windows", "Unifont", monospace !important;
|
||||
--font-display: "Unifont Windows", "Unifont", monospace !important;
|
||||
--font-code: "Terminus (TTF) for Windows", "Terminus (TTF)", "Unifont Windows", "Unifont",
|
||||
--font-primary: "Sazanami Gothic", "UnifontBitmap", "Unifont Windows", "Unifont", monospace, "Twemoji" !important;
|
||||
--font-display: "Sazanami Gothic", "UnifontBitmap", "Unifont Windows", "Unifont", monospace, "Twemoji" !important;
|
||||
--font-code: "Terminus (TTF) for Windows", "Terminus (TTF)", "Sazanami Gothic", "UnifontBitmap", "Unifont Windows", "Unifont",
|
||||
monospace !important;
|
||||
}
|
||||
|
||||
|
|
@ -1535,11 +1755,11 @@ code.inline,
|
|||
|
||||
.theme-dark,
|
||||
:root {
|
||||
--font-primary: "Terminus (TTF) for Windows", "Terminus (TTF)", "Unifont Windows", "Unifont",
|
||||
--font-primary: "Terminus (TTF) for Windows", "Terminus (TTF)", "Sazanami Gothic", "UnifontBitmap", "Unifont Windows", "Unifont",
|
||||
monospace !important;
|
||||
--font-display: "Terminus (TTF) for Windows", "Terminus (TTF)", "Unifont Windows", "Unifont",
|
||||
--font-display: "Terminus (TTF) for Windows", "Terminus (TTF)", "Sazanami Gothic", "UnifontBitmap", "Unifont Windows", "Unifont",
|
||||
monospace !important;
|
||||
--font-code: "Terminus (TTF) for Windows", "Terminus (TTF)", "Unifont Windows", "Unifont",
|
||||
--font-code: "Terminus (TTF) for Windows", "Terminus (TTF)", "Sazanami Gothic", "UnifontBitmap", "Unifont Windows", "Unifont",
|
||||
monospace !important;
|
||||
|
||||
--_font-titlebars: var(--font-primary) !important;
|
||||
|
|
@ -1681,25 +1901,42 @@ code.inline {
|
|||
@var text xmc_font_custom 'Custom Font' ''
|
||||
@var text xmc_font_custom_mono 'Custom Monospace Font' ''
|
||||
|
||||
@var select xmc_stylings 'XMC Stylings' {
|
||||
@var select xmc_stylings 'Visual Styling' {
|
||||
'Off': "",
|
||||
'On*': `.theme-dark,
|
||||
:root {
|
||||
'XMC*': `:root {
|
||||
--_font-titlebars: "Segoe UI", sans-serif;
|
||||
}
|
||||
|
||||
--button-bg: linear-gradient(to bottom, var(--background-primary), var(--background-secondary));
|
||||
--button-shadow: inset 0 0 0 1px var(--background-tertiary),
|
||||
inset 0 0 0 2px var(--background-primary), inset 0 0 0 3px var(--background-secondary);
|
||||
|
||||
.theme-dark {
|
||||
--hover-bg: #3f3f3f;
|
||||
--hover-shadow: inset 0 0 0 1px #373737, inset 0 0 0 2px #444444,
|
||||
inset 0 0 0 3px #3c3c3c;
|
||||
|
||||
--scrollbar-shadow: inset 0 0 0 1px var(--background-tertiary), inset 0 0 0 2px #404040,
|
||||
inset 0 0 0 3px var(--background-primary), inset 0 0 0 4px var(--background-secondary);
|
||||
--scrollbar-shadow-hover: inset 0 0 0 1px var(--background-tertiary),
|
||||
inset 0 0 0 2px #646464, inset 0 0 0 3px var(--background-primary),
|
||||
inset 0 0 0 4px var(--background-secondary);
|
||||
--button-bg: linear-gradient(to bottom, var(--primary, var(--background-primary)), var(--secondary, var(--background-secondary)));
|
||||
--button-shadow: inset 0 0 0 1px var(--tertiary, var(--background-tertiary)),
|
||||
inset 0 0 0 2px var(--primary, var(--background-primary)), inset 0 0 0 3px var(--secondary, var(--background-secondary));
|
||||
|
||||
--scrollbar-shadow: inset 0 0 0 1px var(--tertiary, var(--background-tertiary)), inset 0 0 0 2px #404040,
|
||||
inset 0 0 0 3px var(--primary, var(--background-primary)), inset 0 0 0 4px var(--secondary, var(--background-secondary));
|
||||
--scrollbar-shadow-hover: inset 0 0 0 1px var(--tertiary, var(--background-tertiary)),
|
||||
inset 0 0 0 2px #646464, inset 0 0 0 3px var(--primary, var(--background-primary)),
|
||||
inset 0 0 0 4px var(--secondary, var(--background-secondary));
|
||||
}
|
||||
|
||||
.theme-light {
|
||||
--hover-bg: #ebeadf;
|
||||
--hover-shadow: inset 0 0 0 1px #dfdcd2, inset 0 0 0 2px #fafaf8,
|
||||
inset 0 0 0 3px #d1cec6;
|
||||
|
||||
--button-bg: linear-gradient(to bottom, var(--primary, var(--background-primary)), var(--secondary, var(--background-secondary)));
|
||||
--button-shadow: inset 0 0 0 1px var(--tertiary, var(--background-tertiary)),
|
||||
inset 0 0 0 2px var(--primary, var(--background-primary)), inset 0 0 0 3px var(--secondary, var(--background-secondary));
|
||||
|
||||
--scrollbar-shadow: inset 0 0 0 1px var(--tertiary, var(--background-tertiary)), inset 0 0 0 2px #404040,
|
||||
inset 0 0 0 3px var(--primary, var(--background-primary)), inset 0 0 0 4px var(--secondary, var(--background-secondary));
|
||||
--scrollbar-shadow-hover: inset 0 0 0 1px var(--tertiary, var(--background-tertiary)),
|
||||
inset 0 0 0 2px #646464, inset 0 0 0 3px var(--primary, var(--background-primary)),
|
||||
inset 0 0 0 4px var(--secondary, var(--background-secondary));
|
||||
}
|
||||
|
||||
[class*="button-"][class*="lookFilled-"],
|
||||
|
|
@ -1709,6 +1946,7 @@ section[class^="panels-"]
|
|||
button[class^="button-"],
|
||||
[class^="toolbar-"] [class^="iconWrapper-"] {
|
||||
border-radius: 0;
|
||||
color: var(--text) !important;
|
||||
background: var(--button-bg) !important;
|
||||
box-shadow: var(--button-shadow) !important;
|
||||
}
|
||||
|
|
@ -5254,6 +5492,11 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
|||
padding: 0.5em;
|
||||
}
|
||||
|
||||
[id^="message-username-"]
|
||||
[class^="badge-"]:has(> [class^="badgeVerifiedIcon-"]) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* remove "dead space"/padding from vc users */
|
||||
[class*="containerDefault-"] [class*="listDefault-"] {
|
||||
padding-left: 8px !important;
|
||||
|
|
@ -5467,6 +5710,15 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
|||
background-color: var(--background-modifier-hover);
|
||||
}
|
||||
|
||||
[class^="contentWarningPopout-"] {
|
||||
background: var(--background-primary) !important;
|
||||
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3) !important;
|
||||
}
|
||||
|
||||
[class^="customColorPicker-"] {
|
||||
background: var(--background-primary) !important;
|
||||
}
|
||||
|
||||
/* jane's steam border ext */
|
||||
/*.steam-border-message > #border {
|
||||
width: 20px !important;
|
||||
|
|
@ -5508,6 +5760,25 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
|||
font-family: var(--font-code) !important;
|
||||
}
|
||||
|
||||
/* unbreak resizing webms :^) */
|
||||
/*[class^="mediaAttachmentsContainer-"] [class^="imageWrapper-"] {
|
||||
min-width: 10px;
|
||||
min-height: 10px;
|
||||
max-width: unset;
|
||||
max-height: unset !important;
|
||||
width: unset !important;
|
||||
height: unset !important;
|
||||
object-fit: none !important;
|
||||
aspect-ratio: unset !important;
|
||||
}
|
||||
[class^="mediaAttachmentsContainer-"] [class^="messageAttachment-"] {
|
||||
height: unset;
|
||||
}
|
||||
[class^="mediaAttachmentsContainer-"] [class^="oneByOneGrid-"],
|
||||
[class^="mediaAttachmentsContainer-"] [class^="oneByTwoGrid-"] {
|
||||
max-height: unset !important;
|
||||
}*/
|
||||
|
||||
/* BASE THEME END */
|
||||
|
||||
/* USERCSS REPLACEMENTS START */
|
||||
|
|
@ -5573,6 +5844,7 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
|||
|
||||
/*[[xmc_font]]*/
|
||||
/*[[xmc_scheme]]*/
|
||||
/*[[xmc_scheme_light]]*/
|
||||
/*[[xmc_stylings]]*/
|
||||
/*[[xmc_custom_bg]]*/
|
||||
/*[[xmc_square_avatars]]*/
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue