some minor fixes

xmc.user.css

@@ -53,7 +53,7 @@
   --status-offline: #747f8d;
   --status-streaming: #593695;
 
-  --titlebar-color: var(--highlight) !important;
+  --titlebar-color: var(--highlight);
 }`,
   'XMC*': `.theme-dark,
 :root {
@@ -98,7 +98,7 @@
   --status-offline: var(--_color8);
   --status-streaming: var(--_color5);
 
-  --titlebar-color: var(--accent) !important;
+  --titlebar-color: var(--accent);
 }`,
   'Amora': `.theme-dark,
 :root {
@@ -272,7 +272,7 @@
   --status-offline: #747f8d;
   --status-streaming: #593695;
 
-  --titlebar-color: #060606 !important;
+  --titlebar-color: #060606;
 }`,
   'Nord': `.theme-dark,
 :root {
@@ -317,7 +317,7 @@
   --status-offline: var(--_color8);
   --status-streaming: var(--_color5);
 
-  --titlebar-color: #4c566a !important;
+  --titlebar-color: #4c566a;
 }`,
   'lovelace': `.theme-dark,
 :root {
@@ -408,7 +408,7 @@
   --status-offline: var(--_color8);
   --status-streaming: var(--_color5);
 
-  --titlebar-color: #414559 !important;
+  --titlebar-color: #414559;
 
   --interactive-hover: var(--_color6) !important;
   --interactive-active: var(--_color7) !important;
@@ -456,7 +456,7 @@
   --status-offline: var(--_color8);
   --status-streaming: var(--_color5);
 
-  --titlebar-color: #363a4f !important;
+  --titlebar-color: #363a4f;
 
   --interactive-hover: var(--_color6) !important;
   --interactive-active: var(--_color7) !important;
@@ -505,7 +505,7 @@
   --status-offline: var(--_color8);
   --status-streaming: var(--_color5);
 
-  --titlebar-color: #313244 !important;
+  --titlebar-color: #313244;
 
   --background-mentioned: rgba(137, 180, 250, 0.2) !important;
   --background-mentioned-hover: rgba(137, 180, 250, 0.15) !important;
@@ -557,7 +557,7 @@
   --status-offline: #747f8d;
   --status-streaming: #593695;
 
-  --titlebar-color: var(--tertiary) !important;
+  --titlebar-color: var(--tertiary);
 }`,
   'everforest': `.theme-dark,
 :root {
@@ -693,8 +693,6 @@
   --status-offline: var(--xmc-custom-status-offline);
   --status-streaming: var(--xmc-custom-status-streaming);
 
-  --titlebar-color: var(--xmc-custom-titlebar) !important;
-
   --interactive-hover: var(--xmc-custom-hover) !important;
   --interactive-active: var(--xmc-custom-active) !important;
 }`,
@@ -950,7 +948,7 @@ span[class="role-tag"],
   'Off': "",
   'On*': `.theme-dark,
   :root {
-  --_font-titlebars: "Segoe UI", sans-serif !important;
+  --_font-titlebars: "Segoe UI", sans-serif;
 
   --button-bg: linear-gradient(to bottom, var(--primary), var(--secondary));
   --button-shadow: inset 0 0 0 1px var(--tertiary),
@@ -978,32 +976,24 @@ section[class^="panels-"]
   box-shadow: var(--button-shadow) !important;
 }
 
-div[class^="containerDefault-"][class*="selected-"]
+[class^="containerDefault-"][class*="selected-"]
   [class^="iconVisibility-"]
   > [class^="content-"],
-div[class^="containerDefault-"]
+[class^="containerDefault-"]
   [class^="iconVisibility-"][class*="modeSelected-"]
   > [class^="content-"],
 nav[class^="sidebar-"] div[class^="item-"][class*="selected-"],
-[class^="privateChannels-"]
+[class^="member-"][aria-expanded="true"] > [class^="layout-"],
-  [class^="channel-"][class*="selected-"]
+[class^="channel-"] [class^="interactive-"][class*="selected-"] {
-  [class^="layout-"],
-[class^="member-"][class*="selected-"] > [class^="layout-"],
-.sidebarOverhaul [class^="channel-"][class*="selected-"] [class^="layout-"] {
   border-radius: 0;
   background: var(--button-bg) !important;
   box-shadow: var(--button-shadow) !important;
 }
 
-div[class^="containerDefault-"] [class^="content-"]:hover,
+[class^="containerDefault-"] [class^="content-"]:hover,
 nav[class^="sidebar-"] div[class^="item-"]:not([class*="selected-"]):hover,
-[class^="privateChannels-"]
+[class^="member-"]:not([aria-expanded="true"]):hover > [class^="layout-"],
-  [class^="channel-"]:not([class*="selected-"]):hover
+[class^="channel-"] [class^="interactive-"]:not([class*="selected-"]):hover {
-  [class^="layout-"],
-[class^="member-"]:not([class*="selected-"]):hover > [class^="layout-"],
-.sidebarOverhaul
-  [class^="channel-"]:not([class*="selected-"]):hover
-  [class^="layout-"] {
   border-radius: 0;
   background: var(--hover-bg) !important;
   box-shadow: var(--hover-shadow) !important;
@@ -2265,7 +2255,7 @@ section[class^="panels-"] > [class^="container-"]:last-child > div:last-child {
   [class^="typeWindows-"] {
     margin: 3px;
     padding: 6px;
-    height: 14px !important;
+    height: 10px !important;
     background: var(--titlebar-color);
     box-shadow: var(--titlebar-shadow);
   }
@@ -2286,7 +2276,7 @@ section[class^="panels-"] > [class^="container-"]:last-child > div:last-child {
     background-color: transparent !important;
     width: 14px !important;
     height: 14px !important;
-    top: -1px !important;
+    top: -2px !important;
     position: relative !important;
     margin-left: 30px;
   }
@@ -2363,8 +2353,8 @@ section[class^="panels-"] > [class^="container-"]:last-child > div:last-child {
   [class^="wordmarkWindows-"] {
     width: 16px !important;
     height: 16px !important;
-    top: 8px !important;
+    top: 6px !important;
-    left: 9px !important;
+    left: 7px !important;
     padding: 0 !important;
     background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAM6SURBVDhPhZJrUIxRGMePMUiDkUaMmeRSQy7lMijklg+lBg1DG8Nu6EalJFqxU7JtbcnSZd+tbMm2W3RZpdVlG7GpKJemZqKLiC9tYYsti/17rdf0gRm/mWfmzHPO7z/PnHPI/1A9rRKyLu38tPHgiiFZUV4K0/4b3dCAe6ky/nHF3YIspkXiq6kXXHUw8hu5YAv2giyciQsJl+8x22MYjUZzdXMKgD5ESytwX9MROTzyxX7H7QioDSpU9hXiKBWHmZ4cEDNnjIx8ncuov9Hr9Qviyq6hl47YVwbwMjrkD9qfhGzO40L8rhr8xxVwTcrHtD25IDPC0Nun3cqoY4hkcoUlJwdkay0M34zTdZ91y6cd8YB7Bh9bhBLYBJeBuD4EWZAKeuJJjDZGV1c9L+9mCOKTwvGspSHsV48THfmIrFgHs20BIM4iEGspmlq1USbhD/TU4568yO949VZML4cwikH4cFNxRqh839nd62Pv5qydYOsEMscVvuF8DaON8Wagpb2uR43+4Ud0AGCgK6ZkBIt9xThSwkNO23mklPuDFeeBRbuW4kTUqVqd7uMSRick9/UXsNOvQGdoNwW8pCtCVURXKKg3aXg+WghZcyICqVNYH8LGOPs1ILOXoFajuWgKSNR8794dGYAuQyd0tMxrzIJSS0HSI0PRcDmaR8uRUZ8OjjgOm6K4sPHyo/+DB8jyIPT09nFMIfStTvyOH07F3Q0NordZELTU4FglBeVoDao+VICvvg7vNBFcooWwY8diiuMBjN+SDStPSm8K+ENQHR/BVaWwDroKtioZssF7yOkuRnipFLtEFJzOSWDnL4GFy1lMXHUS5t5qI6MSUveqRehZGAur/Zmw2BcK3+p4iDpvQ9Agg+/NbGxPzMbqqDzYBhbAwk2MSY6HMctPAUYn5JIy85lVaBiIbRosD+3Enls8cDWZOHlHDK90MTbEXMey0wWYH3AHZm5yTHY4C/3Xb9aMTj+n9j07LKegrrJxgBtzi6p3SOCAJY+FjzQRrgIRVp6RYN5xOab6lICsVWCt941+Rv03Ta/bg/mq3Kb9qYKBzbykTy7R0n5Wck2roOilQtM2GPj7FCE/Ab+l9dhxypy/AAAAAElFTkSuQmCC");
     background-repeat: no-repeat;
@@ -2377,7 +2367,7 @@ section[class^="panels-"] > [class^="container-"]:last-child > div:last-child {
     font-weight: 0 !important;
     content: "Discord";
     position: absolute;
-    top: -8px;
+    top: -7px;
     left: 21px;
     height: 17px;
     opacity: 1;
@@ -2478,16 +2468,25 @@ section[class^="panels-"] > [class^="container-"]:last-child > div:last-child {
     padding-left: 16px;
   }
 
-  [class^="roleRemoveButton-"] [class^="roleCircle-"] {
+  [class^="roleRemoveButton-"] [class^="roleCircle-"],
+  [class^="roleRemoveButton-"] [class^="roleFlowerStar-"] {
     margin: 0 !important;
     border-radius: 5% !important;
-    width: 100%;
+    width: 100% !important;
-    height: 22px;
+    height: 22px !important;
     top: 0;
     left: 0;
-    opacity: 0.25;
     position: absolute;
     z-index: 1;
+    opacity: 0.25;
+  }
+
+  [class^="roleFlowerStar-"] > svg[class^="linkIcon-"] {
+    z-index: 6;
+    position: absolute;
+    opacity: 1;
+    right: -2px;
+    top: -2px;
   }
 
   [class^="roleRemoveButton-"] {
@@ -2499,6 +2498,10 @@ section[class^="panels-"] > [class^="container-"]:last-child > div:last-child {
     overflow-y: visible;
   }
 
+  [class^="role-"] [class^="roleIcon-"] {
+    z-index: 5;
+  }
+
   [class^="roleName-"] {
     z-index: 2;
   }
@@ -2643,7 +2646,7 @@ section[class^="panels-"] > [class^="container-"]:last-child > div:last-child {
 
 @var select xmc_accessible_styles 'Accessible Font Styles' {
   'Off*': "",
-  'On': `
+  'Italics + Bold': `
 span[data-slate-leaf="true"][class*="italics-"],
 em {
   font-style: normal;
@@ -2655,10 +2658,26 @@ em {
 span[data-slate-leaf="true"][class*="bold-"],
 strong {
   font-weight: 400;
-  text-shadow: 0.25px 0.25px, -0.25px -0.25px;
+  text-shadow: 0.1px 0.1px, -0.1px -0.1px;
+}`,
+  'Just Italics': `
+span[data-slate-leaf="true"][class*="italics-"],
+em {
+  font-style: normal;
+  display: inline-block;
+  transform: skewX(-8deg);
+  color: #f80;
 }`,
 }
 
+@var select xmc_override_titlebar 'Override Titlebar Color' {
+  'Off*': "",
+  'On': `:root {
+  --titlebar-color: var(--xmc_titlebar_color) !important;
+}`,
+}
+@var color xmc_titlebar_color 'Titlebar Override' '#72767d'
+
 @var color xmc_custom_color0 'Custom Scheme: Unix Black' '#484f58'
 @var color xmc_custom_color1 'Custom Scheme: Unix Red' '#f85149'
 @var color xmc_custom_color2 'Custom Scheme: Unix Green' '#3fb950'
@@ -2694,7 +2713,6 @@ strong {
 @var color xmc_custom_status_dnd 'Custom Scheme: Status - Do Not Disturb' '#f04747'
 @var color xmc_custom_status_offline 'Custom Scheme: Status - Offline/Invisible' '#747f8d'
 @var color xmc_custom_status_streaming 'Custom Scheme: Status - Streaming' '#593695'
-@var color xmc_custom_titlebar 'Custom Scheme: Titlebars' '#72767d'
 @var color xmc_custom_hover 'Custom Scheme: Interactive Hover' '#f0f6fc'
 @var color xmc_custom_active 'Custom Scheme: Interactive Active' '#f0f6fc'
 ==/UserStyle== */
@@ -3292,6 +3310,10 @@ strong {
     -webkit-mask-image: none !important;
   }
 
+  [class^="accountProfileCard-"] > [class^="userInfo-"] > [class*="avatar-"] {
+    top: 112px;
+  }
+
   /* chat box */
   [class*="chat-"] [class*="chatContent-"] form {
     position: relative;
@@ -3404,12 +3426,12 @@ strong {
     display: none;
   }
 
-  [class^="userPopout-"] [class^="banner-"] {
+  /*[class^="userPopout-"] [class^="banner-"] {
-    /*box-shadow: 0 2px 5px 0 var(--background-secondary) !important;*/
+    /*box-shadow: 0 2px 5px 0 var(--background-secondary) !important;*/ /*
     background-image: url("https://elixi.re/i/5rw87lo8.gif");
     background-repeat: no-repeat;
     image-rendering: pixelated;
-  }
+  }*/
   [class^="userPopout-"] [class^="body-"] {
     overflow: hidden visible !important;
   }
@@ -3726,14 +3748,14 @@ strong {
   }
 
   /* Profiles */
-  [class^="focusLock-"][aria-modal="true"]
+  /*[class^="focusLock-"][aria-modal="true"]
     > [class^="root-"]
     [class*="profileBanner-"] {
     background: url("https://elixi.re/i/5rw87lo8.gif");
     background-size: cover;
     background-repeat: no-repeat;
     image-rendering: pixelated;
-  }
+  }*/
 
   [class^="focusLock-"][aria-modal="true"]
     > [class*="root-"]
@@ -4399,152 +4421,152 @@ strong {
     display: block;
     overflow-x: auto;
     padding: 0.5em;
-    color: var(--_colorFG);
+    color: var(--_colorFG) !important;
   }
   .hljs-keyword {
-    color: var(--_color5);
+    color: var(--_color5) !important;
   }
   .hljs-built_in {
-    color: var(--_color6);
+    color: var(--_color6) !important;
   }
   .hljs-type {
-    color: var(--_color3);
+    color: var(--_color3) !important;
   }
   .hljs-literal {
-    color: var(--_color3);
+    color: var(--_color3) !important;
   }
   .hljs-number {
-    color: var(--_color3);
+    color: var(--_color3) !important;
   }
   .hljs-regexp {
-    color: var(--_color6);
+    color: var(--_color6) !important;
   }
   .hljs-string {
-    color: var(--_color2);
+    color: var(--_color2) !important;
   }
   .hljs-subst {
-    color: var(--_color1);
+    color: var(--_color1) !important;
   }
   .hljs-symbol {
-    color: var(--_color5);
+    color: var(--_color5) !important;
   }
   .hljs-class {
-    color: var(--_color3);
+    color: var(--_color3) !important;
   }
   .hljs-function {
-    color: var(--_color4);
+    color: var(--_color4) !important;
   }
   .hljs-title {
-    color: var(--_color4);
+    color: var(--_color4) !important;
   }
   .hljs-params {
-    color: var(--_color1);
+    color: var(--_color1) !important;
   }
   .hljs-comment {
-    color: var(--highlight);
+    color: var(--highlight) !important;
   }
   .hljs-doctag {
-    color: var(--_colorFG);
+    color: var(--_colorFG) !important;
   }
   .hljs-meta {
-    color: var(--_color1);
+    color: var(--_color1) !important;
   }
   .hljs-meta-keyword {
-    color: var(--_color3);
+    color: var(--_color3) !important;
   }
   .hljs-meta-string {
     color: var(--_color2) !important;
   }
   .hljs-section {
-    color: var(--_color4);
+    color: var(--_color4) !important;
   }
   .hljs-tag {
-    color: var(--_colorFG);
+    color: var(--_colorFG) !important;
   }
   .hljs-name {
-    color: var(--_color1);
+    color: var(--_color1) !important;
   }
   .hljs-builtin-name {
-    color: var(--_colorFG);
+    color: var(--_colorFG) !important;
   }
   .hljs-attr {
-    color: var(--_color3);
+    color: var(--_color3) !important;
   }
   .hljs-attribute {
-    color: var(--_colorFG);
+    color: var(--_colorFG) !important;
   }
   .hljs-variable {
-    color: var(--_color1);
+    color: var(--_color1) !important;
   }
   .hljs-bullet {
-    color: var(--_color1);
+    color: var(--_color1) !important;
   }
   .hljs-code {
-    color: var(--_color2);
+    color: var(--_color2) !important;
   }
   .hljs-emphasis {
-    color: var(--_color5);
+    color: var(--_color5) !important;
     font-style: italic;
   }
   .hljs-strong {
-    color: var(--_color3);
+    color: var(--_color3) !important;
     font-weight: bold;
   }
   .hljs-formula {
-    color: var(--_colorFG);
+    color: var(--_colorFG) !important;
   }
   .hljs-link {
-    color: var(--_color3);
+    color: var(--_color3) !important;
   }
   .hljs-quote {
-    color: var(--_color3);
+    color: var(--_color3) !important;
   }
   .hljs-selector-tag {
-    color: var(--_color1);
+    color: var(--_color1) !important;
   }
   .hljs-selector-id {
-    color: var(--_color4);
+    color: var(--_color4) !important;
   }
   .hljs-selector-class {
-    color: var(--_color3);
+    color: var(--_color3) !important;
   }
   .hljs-selector-attr {
-    color: var(--_color4);
+    color: var(--_color4) !important;
   }
   .hljs-selector-pseudo {
-    color: var(--_color3);
+    color: var(--_color3) !important;
   }
   .hljs-template-tag {
-    color: var(--_colorFG);
+    color: var(--_colorFG) !important;
   }
   .hljs-template-variable {
-    color: var(--_colorFG);
+    color: var(--_colorFG) !important;
   }
   .hljs-addition {
-    color: #a6e22e;
+    color: #a6e22e !important;
-    background: #384c10;
+    background: #384c10 !important;
   }
   .hljs-deletion {
-    color: #f92672;
+    color: #f92672 !important;
-    background: #4c0c23;
+    background: #4c0c23 !important;
   }
   .hljs-operator {
-    color: var(--_colorFG);
+    color: var(--_colorFG) !important;
   }
   .hljs-pattern-match {
-    color: var(--_colorFG);
+    color: var(--_colorFG) !important;
   }
   .hljs-typing {
-    color: var(--_colorFG);
+    color: var(--_colorFG) !important;
   }
   .hljs-constructor {
-    color: var(--_colorFG);
+    color: var(--_colorFG) !important;
   }
   .hljs-module-access {
-    color: var(--_colorFG);
+    color: var(--_colorFG) !important;
   }
   .hljs-module {
-    color: var(--_colorFG);
+    color: var(--_colorFG) !important;
   }
   .hljs-emphasis {
     font-style: italic !important;
@@ -4652,6 +4674,8 @@ strong {
     --tertiary-alpha: /*[[xmc_cbg_alpha_tertiary]]*/ ;
     --custom-background: /*[[xmc_cbg_background]]*/ ;
 
+    --xmc_titlebar_color: /*[[xmc_titlebar_color]]*/ ;
+
     --xmc-custom-color0: /*[[xmc_custom_color0]]*/ ;
     --xmc-custom-color1: /*[[xmc_custom_color1]]*/ ;
     --xmc-custom-color2: /*[[xmc_custom_color2]]*/ ;
@@ -4693,8 +4717,6 @@ strong {
     --xmc-custom-status-offline: /*[[xmc_custom_status_offline]]*/ ;
     --xmc-custom-status-streaming: /*[[xmc_custom_status_streaming]]*/ ;
 
-    --xmc-custom-titlebar: /*[[xmc_custom_titlebar]]*/ ;
-
     --xmc-custom-hover: /*[[xmc_custom_hover]]*/ ;
     --xmc-custom-active: /*[[xmc_custom_active]]*/ ;
   }
@@ -4716,6 +4738,7 @@ strong {
   /*[[xmc_left_reply]]*/
   /*[[xmc_collapsing_members]]*/
   /*[[xmc_accessible_styles]]*/
+  /*[[xmc_override_titlebar]]*/
 
   /* USERCSS REPLACEMENTS END */
 }