diff --git a/src/_colors.scss b/src/_colors.scss index 7d9484b..610fb65 100644 --- a/src/_colors.scss +++ b/src/_colors.scss @@ -1,4 +1,4 @@ -$c0: #2d2d2d; +/*$c0: #2d2d2d; $c1: #e83f80; $c2: #a2baa8; $c3: #eacac0; @@ -14,14 +14,39 @@ $c11: #f0ddd8; $c12: #b4a4de; $c13: #edabd2; $c14: #c4d1f5; -$c15: #edebf7; +$c15: #edebf7;*/ /*$primary: #1a1a1a; $secondary: #171717; $tertiary: #141414; $accent: #634e75;*/ -$primary: #0a0a0a; +/*$primary: #0a0a0a; $secondary: #090909; $tertiary: #080808; $accent: #287373; -$highlight: #5c5c5c; +$highlight: #5c5c5c;*/ + +$c0: #2a2727; +$c1: #ea83a5; +$c2: #90b99f; +$c3: #e6b99d; +$c4: #aca1cf; +$c5: #e29eca; +$c6: #85b5ba; +$c7: #d4c0c0; + +$c8: #393535; +$c9: #f591b2; +$c10: #9dc6ac; +$c11: #f0c5a9; +$c12: #b9aeda; +$c13: #ecaad6; +$c14: #99c9ce; +$c15: #ddcaca; + +$primary: #141212; +$secondary: #131111; +$tertiary: #121010; +$accent: #6a8cbc; +$highlight: #5f5757; +$text: #c9c7cd; diff --git a/src/avatars.scss b/src/avatars.scss index 3e09ba2..75a8bd4 100644 --- a/src/avatars.scss +++ b/src/avatars.scss @@ -145,7 +145,7 @@ div[class^="listItem_"] [class^="wrapper_"] > svg > foreignObject, } &:has(rect[fill="#f23f43"]), &:has(rect[fill="#d83a42"]) { - --status-color: #{colors.$c5}; + --status-color: #{colors.$c1}; } &:has(rect[fill="#593695"]), &:has(rect[fill="#9147ff"]) { diff --git a/src/channel_list.scss b/src/channel_list.scss index 0eaacd1..02381e4 100644 --- a/src/channel_list.scss +++ b/src/channel_list.scss @@ -229,7 +229,11 @@ font-size: 12px; margin-left: 23px; color: var(--text-normal); - text-shadow: 0px 0px 4px colors.$c0, 0px 0px 4px colors.$c0, 0px 0px 4px colors.$c0, 0px 0px 4px colors.$c0; + text-shadow: + 0px 0px 4px colors.$c0, + 0px 0px 4px colors.$c0, + 0px 0px 4px colors.$c0, + 0px 0px 4px colors.$c0; } } @@ -326,7 +330,7 @@ background-color: transparent; --channel-icon: var(--text-normal); [class^="name_"] { - color: colors.$c7; + color: colors.$text; } } } diff --git a/src/color_overrides.scss b/src/color_overrides.scss index 93f5e7d..b57e609 100644 --- a/src/color_overrides.scss +++ b/src/color_overrides.scss @@ -319,11 +319,11 @@ $black-900: color.scale($black-500, $lightness: -95%); --scrollbar-auto-scrollbar-color-thumb: #282828 !important; --channel-text-area-placeholder: #{colors.$highlight} !important; - --interactive-normal: #{colors.$c7} !important; - --interactive-active: #{colors.$c15} !important; - --text-normal: #{colors.$c7} !important; + --interactive-normal: #{colors.$text} !important; + --interactive-active: #{colors.$c7} !important; + --text-normal: #{colors.$text} !important; --text-muted: #{colors.$highlight} !important; - --header-primary: #{colors.$c7} !important; + --header-primary: #{colors.$text} !important; --header-secondary: #{colors.$c7} !important; --background-primary: #{colors.$primary} !important; @@ -340,8 +340,8 @@ $black-900: color.scale($black-500, $lightness: -95%); --input-background: #{colors.$tertiary} !important; --channeltextarea-background: #{colors.$tertiary} !important; - --status-positive-text: #{colors.$c7} !important; - --status-danger-text: #{colors.$c7} !important; + --status-positive-text: #{colors.$text} !important; + --status-danger-text: #{colors.$text} !important; --status-warning-text: #{colors.$c0} !important; } @@ -1006,16 +1006,20 @@ svg[fill="#FF73FA"] { } } +[class*="checked_"][class*="disabled_"] { + background-color: #{colors.$c2} !important; +} + /****/ .visual-refresh.theme-dark, .visual-refresh .theme-dark { - --text-primary: #{colors.$c15}; + --text-primary: #{colors.$text}; --text-secondary: #{colors.$c7}; --channels-default: #{colors.$highlight}; --text-brand: #{colors.$accent}; - --interactive-muted: #2d2d2d; + --interactive-muted: #2d2a2a; --bg-brand: #{colors.$accent}; --bg-base-primary: #{colors.$primary} !important; @@ -1034,7 +1038,7 @@ svg[fill="#FF73FA"] { //--card-primary-bg: #{colors.$secondary} !important; --background-message-hover: #{colors.$tertiary} !important; --background-code: #{colors.$secondary} !important; - --border-normal: #383838; + --border-normal: #433e3e; //--custom-app-top-bar-height: 24px; @@ -1095,21 +1099,24 @@ svg[fill="#FF73FA"] { } } - [class^="cardHeader_"] { + /*[class^="cardHeader_"] { background: #1a1a1a !important; - } + }*/ [class^="member_"] { - color: #7f7f7f; + color: #817575; &:hover { - color: #{colors.$c7}; + color: #{colors.$text}; } [class*="activityText_"] { color: #{colors.$highlight}; } } + [class^="backdrop_"] { + background: rgba(0, 0, 0, 0.75) !important; + } } /****/ @@ -1117,7 +1124,7 @@ svg[fill="#FF73FA"] { [class^="markdown_"] [class^="codeInline_"], code.inline, .hljs { - color: #{colors.$c7} !important; + color: #{colors.$text} !important; } [class^="markdown_"] code, diff --git a/src/context_menu.scss b/src/context_menu.scss index 021a9b8..f402088 100644 --- a/src/context_menu.scss +++ b/src/context_menu.scss @@ -98,7 +98,7 @@ top: 0px; width: 16px; height: 16px; - background-color: colors.$c7; + background-color: colors.$text; mask-image: images.$MenuArrow; -webkit-mask-image: images.$MenuArrow; mask-repeat: no-repeat; @@ -117,7 +117,7 @@ top: 0px; width: 16px; height: 16px; - background-color: colors.$c7; + background-color: colors.$text; mask-image: images.$MenuCheck; -webkit-mask-image: images.$MenuCheck; mask-repeat: no-repeat; @@ -136,7 +136,7 @@ top: 0px; width: 16px; height: 16px; - background-color: colors.$c7; + background-color: colors.$text; mask-image: images.$MenuRadio; -webkit-mask-image: images.$MenuRadio; mask-repeat: no-repeat; @@ -149,8 +149,8 @@ width: 12px; height: 12px; border-radius: 0; - border-top: 1px solid colors.$c7; - border-left: 1px solid colors.$c7; + border-top: 1px solid colors.$text; + border-left: 1px solid colors.$text; margin: 0; margin-right: 2px; } diff --git a/src/member_list.scss b/src/member_list.scss index 9fae7c3..c930f97 100644 --- a/src/member_list.scss +++ b/src/member_list.scss @@ -25,7 +25,7 @@ line-height: 21px; font-weight: normal; font-size: 12px; - color: colors.$c7; + color: colors.$text; text-shadow: 0px 0px 4px colors.$c0, 0px 0px 4px colors.$c0, diff --git a/src/misc.scss b/src/misc.scss index 8784f08..385aeb0 100644 --- a/src/misc.scss +++ b/src/misc.scss @@ -269,6 +269,10 @@ nav[class*="guilds_"] [class^="itemsContainer_"] > [class^="footer_"] { } }*/ +::marker { + font-variant-numeric: normal; +} + /* unround */ *, [class], diff --git a/src/private_channels.scss b/src/private_channels.scss index 59055ed..2b47836 100644 --- a/src/private_channels.scss +++ b/src/private_channels.scss @@ -78,9 +78,9 @@ &:hover:not([class*="selected_"]) { [class^="link_"] { background-color: transparent; - --channel-icon: #{colors.$c7}; + --channel-icon: #{colors.$text}; [class^="name_"] { - color: colors.$c7; + color: colors.$text; } } } @@ -98,7 +98,7 @@ line-height: 21px; font-weight: normal; font-size: 12px; - color: colors.$c7; + color: colors.$text; text-shadow: 0px 0px 4px colors.$c0, 0px 0px 4px colors.$c0, diff --git a/src/settings_icons.css b/src/settings_icons.css index 8289645..fb055d9 100644 --- a/src/settings_icons.css +++ b/src/settings_icons.css @@ -12,6 +12,7 @@ &[data-tab-id] { [class^="poggermodeIcon_"], + [class^="clickerGameIcon_"], svg { display: none; } @@ -96,6 +97,9 @@ &[data-tab-id="Powermode Settings"]:after { mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' aria-hidden='true'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M14.243 1.03a1 1 0 0 1 .727 1.213l-1 4a1 1 0 0 1-1.94-.486l1-4a1 1 0 0 1 1.213-.727Zm6.464 3.677a1 1 0 0 0-1.414-1.414l-4 4a1 1 0 0 0 1.414 1.414l4-4Zm-6.867 12.03c-.33-1.212-1.172-2.69-2.53-4.047-1.357-1.358-2.835-2.2-4.046-2.53-1.275-.348-1.828-.052-1.992.112-.164.163-.46.717-.112 1.992.33 1.211 1.172 2.689 2.53 4.046 1.358 1.358 2.835 2.2 4.046 2.53 1.275.348 1.829.052 1.992-.112.164-.164.46-.717.112-1.992Zm1.303 3.406c1.78-1.781.698-5.751-2.419-8.867-3.116-3.117-7.086-4.2-8.867-2.419-.542.542-.818 1.287-.853 2.149L3 11l-1.164 8.922a2 2 0 0 0 2.242 2.242L13 21l-.006-.004c.862-.035 1.607-.311 2.149-.853ZM7.05 3.316a1 1 0 0 1 1.898-.632l1 3a1 1 0 1 1-1.898.632l-1-3Zm15.92 6.441a1 1 0 0 0-1.213-.727l-4 1a1 1 0 1 0 .485 1.94l4-1a1 1 0 0 0 .727-1.213Zm-2.287 7.192a1 1 0 0 0 .632-1.898l-3-1a1 1 0 0 0-.632 1.898l3 1Z' clip-rule='evenodd'/%3E%3C/svg%3E"); } + &[data-tab-id="Clicker Game Settings"]:after { + mask: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.598 11.1271C23.598 11.1271 19.9782 14.4607 20.3879 24.2122H7.27512C7.27512 24.2122 7.47997 17.2115 3.24561 12.2939C3.24561 12.2939 7.75327 12.8356 11.3046 20.4613C11.3046 20.4613 11.7143 7.37622 19.2273 1.45898C19.2273 1.45898 15.9492 9.62644 17.0419 16.5443C17.0419 16.5443 18.954 12.6272 23.5985 11.1271H23.598Z' fill='currentColor'/%3E%3Cpath d='M7.80078 4.5376C7.80078 4.5376 10.7933 8.09617 11.3613 14.8006C11.3613 14.8006 11.6576 12.8993 12.5266 10.5824C12.5266 10.5824 11.6433 7.85418 7.80129 4.5376H7.80078Z' fill='currentColor'/%3E%3C/svg%3E"); + } &[data-tab-id="Text & Images"]:after { mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M2 4.333a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v7.483c0 .185-.357.281-.486.149-.375-.385-.883-.63-1.424-.63h-2.277c-.845 0-1.601.575-1.9 1.364a.202.202 0 0 1-.351.05l-.212-.283a2 2 0 0 0-3.2 0L9.927 15.43l-.506-.633a1.5 1.5 0 0 0-2.342 0l-1.854 2.318a.75.75 0 0 0 .585 1.218h7.236a.5.5 0 0 1 .467.678l-.883 2.322H5a3 3 0 0 1-3-3v-14Zm8.204.977c.229-.91-.88-1.55-1.555-.898a.934.934 0 0 1-1.298 0c-.675-.653-1.784-.013-1.556.898a.934.934 0 0 1-.649 1.125c-.903.258-.903 1.538 0 1.796a.934.934 0 0 1 .65 1.125c-.229.91.88 1.55 1.555.898a.934.934 0 0 1 1.298 0c.675.653 1.784.013 1.556-.898a.934.934 0 0 1 .649-1.125c.903-.258.903-1.538 0-1.796a.934.934 0 0 1-.65-1.125Z' clip-rule='evenodd'/%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M21.609 23.36h2.294l-3.79-9.972H17.79L14 23.36h2.294l.654-1.907h4.007l.654 1.907Zm-3.994-3.816 1.336-3.887 1.336 3.887h-2.671Z' clip-rule='evenodd'/%3E%3C/svg%3E"); } @@ -190,12 +194,21 @@ &[data-tab-id="Nameplates Preview Tool"]:after { mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M15.35 7.24C15.9 6.67 16 5.8 16 5a3 3 0 1 1 3 3c-.8 0-1.67.09-2.24.65a1.5 1.5 0 0 0 0 2.11l1.12 1.12a3 3 0 0 1 0 4.24l-5 5a3 3 0 0 1-4.25 0l-5.76-5.75a3 3 0 0 1 0-4.24l4.04-4.04.97-.97a3 3 0 0 1 4.24 0l1.12 1.12c.58.58 1.52.58 2.1 0ZM6.9 9.9 4.3 12.54a1 1 0 0 0 0 1.42l2.17 2.17.83-.84a1 1 0 0 1 1.42 1.42l-.84.83.59.59 1.83-1.84a1 1 0 0 1 1.42 1.42l-1.84 1.83.17.17a1 1 0 0 0 1.42 0l2.63-2.62L6.9 9.9Z' clip-rule='evenodd' class=''%3E%3C/path%3E%3C/svg%3E"); } + &[data-tab-id="Shop Keeper"]:after { + mask: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M2.63 4.19A3 3 0 0 1 5.53 2H7a1 1 0 0 1 1 1v3.98a3.1 3.1 0 0 1-.3 1.35A2.97 2.97 0 0 1 4.98 10c-2 0-3.44-1.9-2.9-3.83zM10 2a1 1 0 0 0-1 1v4a3 3 0 0 0 3 3 3 3 0 0 0 3-2.97V3a1 1 0 0 0-1-1zm7 0a1 1 0 0 0-1 1v4.03A2.95 2.95 0 0 0 19.02 10c2 0 3.44-1.9 2.9-3.83l-.55-1.98A3 3 0 0 0 18.47 2z' /%3E%3Cpath fill='currentColor' d='M21 11.42V19a3 3 0 0 1-3 3h-2.75a.25.25 0 0 1-.25-.25V16a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v5.75c0 .14-.11.25-.25.25H6a3 3 0 0 1-3-3v-7.58c0-.18.2-.3.37-.24a4.46 4.46 0 0 0 4.94-1.1c.1-.12.3-.12.4 0a4.49 4.49 0 0 0 6.58 0c.1-.12.3-.12.4 0a4.45 4.45 0 0 0 4.94 1.1c.17-.07.37.06.37.24' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E"); + } &[data-tab-id="Web Setting Tree Tool"]:after { mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M4 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM4 10a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM2 20a2 2 0 1 1 4 0 2 2 0 0 1-4 0ZM9 3a1 1 0 0 0 0 2h12a1 1 0 1 0 0-2H9ZM8 12a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1ZM9 19a1 1 0 1 0 0 2h5a1 1 0 1 0 0-2H9Z' class=''%3E%3C/path%3E%3C/svg%3E"); } + &[data-tab-id="Quest Minor Reward Capping Config"]:after { + mask: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 21.703A8.954 8.954 0 0 1 12 20.5c1.641 0 3.177.438 4.5 1.203a1 1 0 0 0 1-1.73 10.937 10.937 0 0 0-1.908-.873 7.948 7.948 0 0 0 1.53-1.068 4 4 0 0 0 5.487-1.803.767.767 0 0 0-.238-.95 3.978 3.978 0 0 0-2.018-.764 4.002 4.002 0 0 0 2.637-4.044.764.764 0 0 0-.71-.711 4.063 4.063 0 0 0-1.606.215A3.99 3.99 0 0 0 22 7c0-.887-.289-1.707-.778-2.37a.767.767 0 0 0-.95-.238c-.75.36-1.37.946-1.772 1.67V6a4 4 0 0 0-4.898-3.899.771.771 0 0 0-.598.719 4 4 0 0 0 3.694 4.169C17.59 8.287 18 9.937 18 11.5c0 3.656-2.75 6.5-6 6.5s-6-2.844-6-6.5c0-1.563.41-3.213 1.302-4.511a4 4 0 0 0 3.694-4.17.771.771 0 0 0-.598-.718A4 4 0 0 0 5.5 6.063a4.017 4.017 0 0 0-1.772-1.671.767.767 0 0 0-.951.237A3.982 3.982 0 0 0 2 7a3.99 3.99 0 0 0 1.326 2.975 3.994 3.994 0 0 0-1.605-.215.764.764 0 0 0-.711.71 4.002 4.002 0 0 0 2.637 4.045 3.979 3.979 0 0 0-2.018.763.767.767 0 0 0-.237.951 4 4 0 0 0 5.487 1.803c.466.415.979.774 1.529 1.068a10.94 10.94 0 0 0-1.909.872 1 1 0 1 0 1.002 1.731Z' fill='currentColor'/%3E%3C/svg%3E"); + } &[data-tab-id="StartupTimings"]:after { mask: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.7903 20.6197C15.3554 21.5217 13.6949 22.0001 12 22C10.3051 22.0001 8.64459 21.5217 7.20963 20.6197C5.77467 19.7177 4.62357 18.4289 3.88883 16.9015C3.15409 15.3741 2.86557 13.6703 3.05649 11.9862C3.24741 10.3021 3.90999 8.70614 4.96799 7.382L4.29299 6.707C4.11083 6.5184 4.01004 6.2658 4.01232 6.0036C4.01459 5.7414 4.11976 5.49059 4.30517 5.30518C4.49058 5.11977 4.74139 5.0146 5.00359 5.01233C5.26579 5.01005 5.51839 5.11084 5.70699 5.293L6.38199 5.968C7.7086 4.90503 9.31031 4.24152 11 4.055V3H8.99999C8.73477 3 8.48042 2.89464 8.29288 2.70711C8.10535 2.51957 7.99999 2.26522 7.99999 2C7.99999 1.73478 8.10535 1.48043 8.29288 1.29289C8.48042 1.10536 8.73477 1 8.99999 1H15C15.2652 1 15.5196 1.10536 15.7071 1.29289C15.8946 1.48043 16 1.73478 16 2C16 2.26522 15.8946 2.51957 15.7071 2.70711C15.5196 2.89464 15.2652 3 15 3H13V4.055C14.6897 4.24152 16.2914 4.90503 17.618 5.968L18.293 5.293C18.4816 5.11084 18.7342 5.01005 18.9964 5.01233C19.2586 5.0146 19.5094 5.11977 19.6948 5.30518C19.8802 5.49059 19.9854 5.7414 19.9877 6.0036C19.9899 6.2658 19.8891 6.5184 19.707 6.707L19.032 7.382C20.09 8.70614 20.7526 10.3021 20.9435 11.9862C21.1344 13.6703 20.8459 15.3741 20.1111 16.9015C19.3764 18.4289 18.2253 19.7177 16.7903 20.6197ZM15.9877 10.0036C15.9899 10.2658 15.8891 10.5184 15.707 10.707L12.707 13.707C12.5184 13.8892 12.2658 13.99 12.0036 13.9877C11.7414 13.9854 11.4906 13.8802 11.3052 13.6948C11.1198 13.5094 11.0146 13.2586 11.0123 12.9964C11.01 12.7342 11.1108 12.4816 11.293 12.293L14.293 9.293C14.4816 9.11084 14.7342 9.01005 14.9964 9.01233C15.2586 9.0146 15.5094 9.11977 15.6948 9.30518C15.8802 9.49059 15.9854 9.7414 15.9877 10.0036Z' fill='white'/%3E%3C/svg%3E"); } + &[data-tab-id="Scan QR Code"]:after { + mask: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M4 6c0-1.1.9-2 2-2h3a1 1 0 0 0 0-2H6a4 4 0 0 0-4 4v3a1 1 0 0 0 2 0zm0 12c0 1.1.9 2 2 2h3a1 1 0 1 1 0 2H6a4 4 0 0 1-4-4v-3a1 1 0 1 1 2 0zM20 6a2 2 0 0 0-2-2h-3a1 1 0 1 1 0-2h3a4 4 0 0 1 4 4v3a1 1 0 1 1-2 0z' /%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M5 7c0-1.1.9-2 2-2h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2zm2 0h2v2H7zm-2 8c0-1.1.9-2 2-2h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2zm2 0h2v2H7zm6-8c0-1.1.9-2 2-2h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2zm2 0h2v2h-2zm2.08 6a1.5 1.5 0 0 0-1.42 1.03c-.09.25-.3.47-.56.47H15a2 2 0 0 0-2 2V20c0 1.1.9 2 2 2h6a2 2 0 0 0 2-2v-3.5a2 2 0 0 0-2-2h-.1c-.26 0-.47-.22-.56-.47A1.5 1.5 0 0 0 18.92 13zM20 18a2 2 0 1 1-4 0 2 2 0 0 1 4 0' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E"); + } &[data-tab-id="logout"]:after { mask: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.75 3.015C3.03138 2.69566 3.3776 2.43995 3.76557 2.26493C4.15355 2.08991 4.57437 1.99959 5 2H15C15.7956 2 16.5587 2.31607 17.1213 2.87868C17.6839 3.44129 18 4.20435 18 5V12.645C18 13.077 17.453 13.339 17.048 13.188C16.4061 12.9481 15.7015 12.9352 15.0513 13.1514C14.4011 13.3676 13.8444 13.7999 13.474 14.3764C13.1036 14.9528 12.9416 15.6387 13.0151 16.32C13.0886 17.0012 13.3931 17.6368 13.878 18.121L13.904 18.146C13.9741 18.2159 14.0219 18.3051 14.0412 18.4022C14.0606 18.4993 14.0507 18.6 14.0128 18.6915C13.9749 18.7829 13.9106 18.8611 13.8283 18.916C13.7459 18.9709 13.649 19.0002 13.55 19H13.5C13.3674 19 13.2402 19.0527 13.1464 19.1464C13.0527 19.2402 13 19.3674 13 19.5C13 21.387 10.989 22.594 9.323 21.706L3.53 18.614C3.06601 18.3532 2.67976 17.9736 2.41089 17.5143C2.14202 17.0549 2.00021 16.5323 2 16V5C2.001 4.24 2.284 3.544 2.75 3.015ZM16.583 17.998L15.293 16.708C15.1054 16.5205 14.9999 16.2661 14.9998 16.0009C14.9997 15.7356 15.105 15.4811 15.2925 15.2935C15.48 15.1059 15.7344 15.0004 15.9996 15.0003C16.2649 15.0002 16.5194 15.1055 16.707 15.293L17.767 16.353L21 19.586V16C21 15.7348 21.1054 15.4804 21.2929 15.2929C21.4804 15.1054 21.7348 15 22 15C22.2652 15 22.5196 15.1054 22.7071 15.2929C22.8946 15.4804 23 15.7348 23 16V22C23 22.2652 22.8946 22.5196 22.7071 22.7071C22.5196 22.8946 22.2652 23 22 23H16C15.7348 23 15.4804 22.8946 15.2929 22.7071C15.1054 22.5196 15 22.2652 15 22C15 21.7348 15.1054 21.4804 15.2929 21.2929C15.4804 21.1054 15.7348 21 16 21H19.586L16.583 17.998ZM4.051 4.966C4.0454 4.96371 4.03933 4.96283 4.03331 4.96343C4.02729 4.96404 4.02151 4.96611 4.01648 4.96946C4.01144 4.97282 4.00731 4.97736 4.00444 4.98268C4.00156 4.98801 4.00004 4.99395 4 5V16C3.99982 16.1734 4.04471 16.3438 4.13027 16.4945C4.21582 16.6453 4.33909 16.7712 4.488 16.86L10.265 19.94C10.3411 19.9805 10.4264 20.0007 10.5125 19.9985C10.5987 19.9964 10.6829 19.9719 10.7568 19.9277C10.8308 19.8834 10.892 19.8208 10.9346 19.7458C10.9773 19.6709 10.9998 19.5862 11 19.5V8.024C11.0001 7.92334 10.9697 7.82501 10.913 7.74187C10.8563 7.65872 10.7758 7.59464 10.682 7.558L4.051 4.966ZM9 12C9.26522 12 9.51957 12.1054 9.70711 12.2929C9.89464 12.4804 10 12.7348 10 13V15C10 15.2652 9.89464 15.5196 9.70711 15.7071C9.51957 15.8946 9.26522 16 9 16C8.73478 16 8.48043 15.8946 8.29289 15.7071C8.10536 15.5196 8 15.2652 8 15V13C8 12.7348 8.10536 12.4804 8.29289 12.2929C8.48043 12.1054 8.73478 12 9 12Z' fill='currentColor'/%3E%3C/svg%3E"); } @@ -208,6 +221,9 @@ &[data-tab-id="PROFILE"]:after { mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' aria-hidden='true'%3E%3Cg clip-path='url(%23a)' style='fill:currentColor;fill-opacity:1'%3E%3Cpath fill='var(--primary-500)' d='m2.392 8.39 8.389-6.452a2 2 0 0 1 2.438 0l8.389 6.453c1.345 1.035.871 3.17-.786 3.537L20.5 12l-.82 8.2a2 2 0 0 1-1.99 1.8H16a1 1 0 0 1-1-1v-5a3 3 0 0 0-6 0v5a1 1 0 0 1-1 1H6.31a2 2 0 0 1-1.99-1.8L3.5 12l-.322-.072c-1.657-.368-2.131-2.502-.786-3.537Z' style='fill:currentColor;fill-opacity:1'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='currentColor' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } + &[data-tab-id="TAG"]:after { + mask: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M12.24 2a3 3 0 0 0-2.12.88l-8.25 8.25a3 3 0 0 0 0 4.24l6.76 6.76a3 3 0 0 0 4.24 0l8.25-8.25a3 3 0 0 0 .88-2.12V4a2 2 0 0 0-2-2h-7.76ZM17 9a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E"); + } &[data-tab-id="ENGAGEMENT"]:after { mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M18.91 12.98a5.45 5.45 0 0 1 2.18 6.2c-.1.33-.09.68.1.96l.83 1.32a1 1 0 0 1-.84 1.54h-5.5A5.6 5.6 0 0 1 10 17.5a5.6 5.6 0 0 1 5.68-5.5c1.2 0 2.32.36 3.23.98Z' class=''%3E%3C/path%3E%3Cpath fill='currentColor' d='M19.24 10.86c.32.16.72-.02.74-.38L20 10c0-4.42-4.03-8-9-8s-9 3.58-9 8c0 1.5.47 2.91 1.28 4.11.14.21.12.49-.06.67l-1.51 1.51A1 1 0 0 0 2.4 18h5.1a.5.5 0 0 0 .49-.5c0-4.2 3.5-7.5 7.68-7.5 1.28 0 2.5.3 3.56.86Z' class=''%3E%3C/path%3E%3C/svg%3E"); } @@ -236,7 +252,7 @@ mask: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.293 14.707C16.1055 14.5195 16.0002 14.2652 16.0002 14C16.0002 13.7348 16.1055 13.4805 16.293 13.293L18.793 10.793C19.1641 10.4272 19.4591 9.99153 19.6611 9.51118C19.8632 9.03082 19.9681 8.51524 19.97 7.99413C19.9718 7.47303 19.8706 6.95671 19.672 6.47492C19.4735 5.99312 19.1816 5.55538 18.8131 5.1869C18.4446 4.81843 18.0069 4.5265 17.5251 4.32795C17.0433 4.12939 16.5269 4.02813 16.0058 4.03C15.4847 4.03187 14.9692 4.13683 14.4888 4.33883C14.0084 4.54084 13.5728 4.83589 13.207 5.207L10.707 7.707C10.6147 7.80251 10.5044 7.87869 10.3824 7.9311C10.2604 7.98351 10.1292 8.0111 9.99638 8.01225C9.8636 8.0134 9.73192 7.9881 9.60902 7.93782C9.48613 7.88754 9.37447 7.81329 9.28058 7.71939C9.18669 7.6255 9.11244 7.51385 9.06216 7.39095C9.01187 7.26806 8.98657 7.13638 8.98773 7.0036C8.98888 6.87082 9.01647 6.7396 9.06887 6.61759C9.12128 6.49559 9.19747 6.38525 9.29298 6.293L11.793 3.793C12.9132 2.69862 14.4196 2.08998 15.9856 2.0991C17.5516 2.10822 19.0509 2.73436 20.1583 3.84171C21.2656 4.94907 21.8918 6.44834 21.9009 8.01435C21.91 9.58036 21.3014 11.0868 20.207 12.207L17.707 14.707C17.5195 14.8945 17.2651 14.9998 17 14.9998C16.7348 14.9998 16.4805 14.8945 16.293 14.707ZM7.70698 9.293C7.89445 9.48053 7.99976 9.73483 7.99976 10C7.99976 10.2652 7.89445 10.5195 7.70698 10.707L5.20698 13.207C4.47498 13.9496 4.06629 14.9514 4.07003 15.9941C4.07376 17.0368 4.48963 18.0357 5.22693 18.773C5.96423 19.5103 6.96315 19.9262 8.00584 19.9299C9.04853 19.9337 10.0504 19.525 10.793 18.793L13.293 16.293C13.4816 16.1108 13.7342 16.01 13.9964 16.0123C14.2586 16.0146 14.5094 16.1198 14.6948 16.3052C14.8802 16.4906 14.9854 16.7414 14.9877 17.0036C14.9899 17.2658 14.8891 17.5184 14.707 17.707L12.207 20.207C11.6569 20.7701 11.0005 21.2184 10.2759 21.526C9.55126 21.8336 8.77281 21.9943 7.98563 21.9989C7.19844 22.0035 6.41817 21.8518 5.69003 21.5527C4.96188 21.2536 4.30032 20.8129 3.74369 20.2563C3.18706 19.6997 2.74642 19.0381 2.44729 18.31C2.14816 17.5818 1.99649 16.8015 2.00108 16.0143C2.00566 15.2272 2.1664 14.4487 2.47399 13.7241C2.78158 12.9995 3.2299 12.3431 3.79298 11.793L6.29298 9.293C6.4805 9.10553 6.73481 9.00021 6.99998 9.00021C7.26514 9.00021 7.51945 9.10553 7.70698 9.293ZM14.707 10.707C14.8025 10.6148 14.8787 10.5044 14.9311 10.3824C14.9835 10.2604 15.0111 10.1292 15.0122 9.9964C15.0134 9.86362 14.9881 9.73194 14.9378 9.60905C14.8875 9.48615 14.8133 9.3745 14.7194 9.2806C14.6255 9.18671 14.5138 9.11246 14.3909 9.06218C14.268 9.0119 14.1364 8.98659 14.0036 8.98775C13.8708 8.9889 13.7396 9.01649 13.6176 9.0689C13.4956 9.12131 13.3852 9.19749 13.293 9.293L9.29298 13.293C9.11082 13.4816 9.01002 13.7342 9.0123 13.9964C9.01458 14.2586 9.11975 14.5094 9.30516 14.6948C9.49057 14.8802 9.74138 14.9854 10.0036 14.9877C10.2658 14.99 10.5184 14.8892 10.707 14.707L14.707 10.707Z' fill='currentColor'/%3E%3C/svg%3E"); } &[data-tab-id="ACCESS"]:after { - mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M21.41 5.41A2 2 0 1 0 18.6 2.6l-7.75 7.74a.53.53 0 0 1-.58.11 6 6 0 1 0 3.3 3.28.51.51 0 0 1 .1-.55c.19-.19.5-.19.68 0l1.25 1.24a2 2 0 1 0 2.82-2.82l-1.23-1.24a.5.5 0 0 1 0-.7l.47-.47c.2-.2.5-.2.7 0l1.24 1.23A2 2 0 1 0 22.4 7.6l-1.23-1.24a.5.5 0 0 1 0-.7l.23-.24ZM10 16a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z' clip-rule='evenodd' class=''%3E%3C/path%3E%3C/svg%3E"); + mask: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M6 9h1V6a5 5 0 0 1 10 0v3h1a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3v-8a3 3 0 0 1 3-3m9-3v3H9V6a3 3 0 1 1 6 0m-1 8a2 2 0 0 1-1 1.73V18a1 1 0 1 1-2 0v-2.27A2 2 0 1 1 14 14' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E"); } &[data-tab-id="INTEGRATIONS"]:after { @@ -307,5 +323,8 @@ &[data-tab-id="CLAN"]:after { mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill='currentColor' d='M11.66.99a.36.36 0 0 1 .68 0l1.4 3.8c.04.1.12.18.22.21l3.8 1.4c.32.13.32.57 0 .7l-3.8 1.4a.36.36 0 0 0-.21.21l-1.4 3.8a.36.36 0 0 1-.7 0l-1.4-3.8a.36.36 0 0 0-.21-.21l-3.8-1.4a.36.36 0 0 1 0-.7l3.8-1.4c.1-.03.18-.11.21-.21l1.4-3.8Z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M17.42 10.3a.75.75 0 1 1 1.06 1.07l3.97 3.97c.23.23.1.6-.22.64l-1.31.15a.38.38 0 0 0-.33.33l-.15 1.31a.38.38 0 0 1-.64.23l-3.97-3.98-2.77 2.77 5.19 5.18a.75.75 0 1 1-1.06 1.07L12 17.84l-5.19 5.2a.75.75 0 0 1-1.06-1.07l5.19-5.18-2.77-2.77L4.2 18a.37.37 0 0 1-.64-.23l-.15-1.31a.38.38 0 0 0-.33-.33l-1.31-.15a.37.37 0 0 1-.22-.64l3.97-3.97a.75.75 0 0 1 1.06-1.06L12 15.72l5.42-5.41Z' clip-rule='evenodd'/%3E%3C/svg%3E"); } + &[data-tab-id="COMMUNITY_WELCOME"]:after { + mask: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M13 10a4 4 0 1 0 0-8 4 4 0 0 0 0 8'/%3E%3Cpath fill='currentColor' d='M3 5v-.75C3 3.56 3.56 3 4.25 3s1.24.56 1.33 1.25C6.12 8.65 9.46 12 13 12h1a8 8 0 0 1 8 8 2 2 0 0 1-2 2 .21.21 0 0 1-.2-.15 7.7 7.7 0 0 0-1.32-2.3c-.15-.2-.42-.06-.39.17l.25 2c.02.15-.1.28-.25.28H9a2 2 0 0 1-2-2v-2.22c0-1.57-.67-3.05-1.53-4.37A15.85 15.85 0 0 1 3 5' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E"); + } /* #endregion */ } diff --git a/src/textbox.scss b/src/textbox.scss index f7abba9..7fbc77e 100644 --- a/src/textbox.scss +++ b/src/textbox.scss @@ -128,3 +128,21 @@ html:not(.visual-refresh-chat-input) { left: 100%; } } + +/*[class^="channelTextArea_"] > div > [class^="inner_"] {*/ +/*:has(> * > .file-input) { + button[aria-label="Send a gift"] { + display: none; + } + &:not(:has([aria-hidden="true"] + [role="textbox"])) { + [aria-label="Open sticker picker"] { + display: none; + } + [aria-label="Open GIF picker"] { + display: none; + } + .app-launcher-entrypoint { + display: none; + } + } +}*/ diff --git a/src/transparent.scss b/src/transparent.scss index b03c672..88a67ba 100644 --- a/src/transparent.scss +++ b/src/transparent.scss @@ -20,12 +20,19 @@ --chat-background-default: transparent !important; --custom-channel-members-bg: transparent !important; + + --background-message-hover: rgba(10, 10, 10, 0.5) !important; + --background-surface-high: rgba(10, 10, 10, 0.5) !important; + --background-tertiary: rgba(10, 10, 10, 0.75) !important; + --card-primary-bg: rgba(10, 10, 10, 0.5) !important; + --bg-surface-overlay: rgba(10, 10, 10, 0.8); + --autocomplete-bg: rgba(10, 10, 10, 0.8); } body, .visual-refresh body, -.visual-refresh #app-mount, #app-mount, +.visual-refresh #app-mount, [class^="app_"] > [class^="app_"], [class^="layer_"]:not([class*="baseLayer_"]) { background: transparent !important; @@ -40,10 +47,29 @@ nav[class*="guilds_"], [class^="chatContent_"] > form[class^="form_"], [class^="chat_"] > [class^="subtitleContainer_"] > [class^="title_"], [class^="contentRegion_"], -[class^="contentRegionScroller_"] { +[class^="contentRegionScroller_"], +[class^="replyBar_"], +[class^="stackedBars_"], +[class^="callContainer_"], +[class^="callContainer_"] > [class^="root_"] { background: var(--background-base-lowest) !important; } [class^="chat_"] > [class^="subtitleContainer_"] > [class^="title_"] [class^="children"]::after { display: none; } + +[class^="cardHeader_"] { + background-color: rgba(10, 10, 10, 0.5) !important; +} + +[class^="tooltip_"], +[class^="streamPreview_"] { + background-color: rgba(10, 10, 10, 0.8) !important; +} +[class^="tooltip_"], +[id^="popout_"][class*="layer_"], +[class^="channelTextArea_"] > [class^="autocomplete_"] { + backdrop-filter: blur(8px); + will-change: transform; +}