From c9c914889d17a09fe2e94435b617ad0ba0ac787a Mon Sep 17 00:00:00 2001 From: Cynthia Foxwell Date: Sat, 4 Feb 2023 14:04:49 -0700 Subject: [PATCH] some minor fixes --- xmc.user.css | 211 ++++++++++++++++++++++++++++----------------------- 1 file changed, 117 insertions(+), 94 deletions(-) diff --git a/xmc.user.css b/xmc.user.css index bd2cc3d..684e77f 100644 --- a/xmc.user.css +++ b/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^="channel-"][class*="selected-"] - [class^="layout-"], -[class^="member-"][class*="selected-"] > [class^="layout-"], -.sidebarOverhaul [class^="channel-"][class*="selected-"] [class^="layout-"] { +[class^="member-"][aria-expanded="true"] > [class^="layout-"], +[class^="channel-"] [class^="interactive-"][class*="selected-"] { 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^="channel-"]:not([class*="selected-"]):hover - [class^="layout-"], -[class^="member-"]:not([class*="selected-"]):hover > [class^="layout-"], -.sidebarOverhaul - [class^="channel-"]:not([class*="selected-"]):hover - [class^="layout-"] { +[class^="member-"]:not([aria-expanded="true"]):hover > [class^="layout-"], +[class^="channel-"] [class^="interactive-"]:not([class*="selected-"]):hover { 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; - left: 9px !important; + top: 6px !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%; - height: 22px; + width: 100% !important; + 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-"] { - /*box-shadow: 0 2px 5px 0 var(--background-secondary) !important;*/ + /*[class^="userPopout-"] [class^="banner-"] { + /*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; - background: #384c10; + color: #a6e22e !important; + background: #384c10 !important; } .hljs-deletion { - color: #f92672; - background: #4c0c23; + color: #f92672 !important; + 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 */ }