From c60bd3b8b91b81b1eb67dad71b4fa6ac1d94d61e Mon Sep 17 00:00:00 2001 From: Bitslayn <96226175+Bitslayn@users.noreply.github.com> Date: Sat, 10 Aug 2024 02:23:49 -0400 Subject: [PATCH] AAAAAAAAAA --- .../Backup/banners.scss | 104 ----- .../Backup/components/banner/buttons.scss | 90 ---- .../Backup/components/tooltip.scss | 30 -- .../Backup/fixes/botfix.scss | 57 --- .../Backup/fixes/static.scss | 88 ---- .../Backup/globals.scss | 148 ------ .../Backup/heights.scss | 12 - .../Backup/index.scss | 17 - .../Backup/lang.scss | 205 --------- .../Backup/profiles/full.scss | 335 -------------- .../Backup/profiles/panel.scss | 300 ------------- .../Backup/profiles/popout.scss | 425 ------------------ .../Backup/roles.scss | 7 - .../src/background.scss | 3 + .../{Backup => src}/eyebrows.scss | 23 +- .../btw.bitslayn.revertProfiles/src/full.scss | 346 ++++++++++++++ .../src/index.scss | 45 +- .../src/inlineStatus.scss | 2 +- .../btw.bitslayn.revertProfiles/src/lang.scss | 66 +-- .../src/roles.scss | 17 + 20 files changed, 454 insertions(+), 1866 deletions(-) delete mode 100644 themes/btw.bitslayn.revertProfiles/Backup/banners.scss delete mode 100644 themes/btw.bitslayn.revertProfiles/Backup/components/banner/buttons.scss delete mode 100644 themes/btw.bitslayn.revertProfiles/Backup/components/tooltip.scss delete mode 100644 themes/btw.bitslayn.revertProfiles/Backup/fixes/botfix.scss delete mode 100644 themes/btw.bitslayn.revertProfiles/Backup/fixes/static.scss delete mode 100644 themes/btw.bitslayn.revertProfiles/Backup/globals.scss delete mode 100644 themes/btw.bitslayn.revertProfiles/Backup/heights.scss delete mode 100644 themes/btw.bitslayn.revertProfiles/Backup/index.scss delete mode 100644 themes/btw.bitslayn.revertProfiles/Backup/lang.scss delete mode 100644 themes/btw.bitslayn.revertProfiles/Backup/profiles/full.scss delete mode 100644 themes/btw.bitslayn.revertProfiles/Backup/profiles/panel.scss delete mode 100644 themes/btw.bitslayn.revertProfiles/Backup/profiles/popout.scss delete mode 100644 themes/btw.bitslayn.revertProfiles/Backup/roles.scss rename themes/btw.bitslayn.revertProfiles/{Backup => src}/eyebrows.scss (79%) create mode 100644 themes/btw.bitslayn.revertProfiles/src/full.scss create mode 100644 themes/btw.bitslayn.revertProfiles/src/roles.scss diff --git a/themes/btw.bitslayn.revertProfiles/Backup/banners.scss b/themes/btw.bitslayn.revertProfiles/Backup/banners.scss deleted file mode 100644 index e13391a..0000000 --- a/themes/btw.bitslayn.revertProfiles/Backup/banners.scss +++ /dev/null @@ -1,104 +0,0 @@ -@use "globals" as *; - -// Solid color -[class*="biteSizeOuter"] - > [class*="userProfileInner"] - > header:not(:has([style*="background-image"])) { - > [class^="avatar"] { - top: 16px; - left: 22px; - } - > [class^="bannerSVGWrapper"] { - @include dumbmaxing; - mask { - rect { - width: 300px; - height: 52.94px; - } - circle { - cx: 54.5; - cy: 49.5; - r: 40.59; - } - } - foreignObject { - height: 52.95px; - > [class^="banner"] { - height: 52.94px; - &::before { - content: unset; - } - } - } - } -} -[class*="fullSizeOuter"] - > [class*="userProfileInner"] - > header:not(:has([style*="background-image"])) { - height: 106px; - > [class^="headerInner"] > [class^="avatar"] { - position: fixed; - top: 41px; - left: 22px; - } - > [class^="bannerSVGWrapper"] { - @include dumbmaxing; - mask { - rect { - width: 600px; - height: 104.02px; - } - circle { - cx: 82; - cy: 101; - r: 68; - } - } - foreignObject { - height: 105.01px; - > [class^="banner"] { - height: 105.01px; - &::before { - content: unset; - } - } - } - } -} - -// Premium + solid color -[class*="biteSizeOuter"][class*="userProfileOuterThemed"] > [class*="userProfileInner"] { - > header:not(:has([style*="background-image"])) > [class^="bannerSVGWrapper"] { - @include dumbmaxing; - mask circle { - cx: 51.25; - cy: 46; - } - } -} -[class*="fullSizeOuter"][class*="userProfileOuterThemed"] > [class*="userProfileInner"] { - > header:not(:has([style*="background-image"])) > [class^="headerInner"] > [class^="avatar"] { - top: 45px; - left: 26px; - } -} - -// USRBG -[class*="biteSizeOuter"]:not([class*="userProfileOuterThemed"]) > [class*="userProfileInner"] { - > header:has([style*="background-image"]) > svg { - @include dumbmaxing; - mask circle { - cx: 54.5 !important; - cy: 102.5 !important; - } - } -} -[class*="fullSizeOuter"]:not([class*="userProfileOuterThemed"]) > [class*="userProfileInner"] { - > header:has([style*="background-image"]) > svg { - @include dumbmaxing; - mask circle { - cx: 88; - cy: 209; - } - } -} diff --git a/themes/btw.bitslayn.revertProfiles/Backup/components/banner/buttons.scss b/themes/btw.bitslayn.revertProfiles/Backup/components/banner/buttons.scss deleted file mode 100644 index c321bbc..0000000 --- a/themes/btw.bitslayn.revertProfiles/Backup/components/banner/buttons.scss +++ /dev/null @@ -1,90 +0,0 @@ -@use "../../globals" as *; -@use "../tooltip" as *; -@use "../../lang"; -@use "sass:map"; - -// Bitesize & Full banner button styles -@mixin bubble-styles { - width: 28px; - height: 28px; - @include dumbmaxing; - padding: unset !important; - background: hsl(var(--black-500-hsl) / 0.3) !important; - transition: background-color 0.2s ease; - display: flex; - justify-content: center; - align-items: center; - > [class^="contents"], - > [class^="contents"] > svg { - width: 18px; - height: 18px; - @include dumbmaxing; - gap: unset; - } - &:hover { - background: hsl(var(--black-500-hsl) / 0.6) !important; - opacity: unset; - } -} - -@mixin fake-bubble-styles { - @include bubble-styles(); - visibility: visible; - font-size: 0; - color: var(--white-500); - border-radius: var(--radius-round); - position: absolute; - top: 12px; - right: 12px; -} - -[class^="userPopoutInner"] { - > footer > button:has(> [class^="contents"] > svg > [d^="m13.96 5.46 "]) { - @include fake-bubble-styles(); - &:hover { - // @each $lang, $string in lang.$edit-profile { - // &:lang(#{$lang})::before { - // content: $string !important; - // } - // } - @include tooltip(attr(aria-label), -17px); - } - } - &:has(> footer > button > [class^="contents"] > svg > [d^="m13.96 5.46 "]) { - > [class^="wrapper"] { - right: 46px; // Assume a gap of 6px - } - } -} - -[class^="userPopoutInner"], -[class^="userProfileModalInner"], -[class^="userPanelInner"] > div { - > [class^="wrapper"] > div:has( - > button > div > svg > path[d^="M19 14a1 1 0"], /* Add Friend */ - > button > div > svg > path[d^="M12 10a4 4 0"], /* Friends */ - > button > div > svg > path[d^="M5.26 12.45c"], /* Mod View */ - > button > div > svg > path[d^="M16 6a4 4 0 "] /* Pending */ - ) { - display: none; - } -} -[class^="userPopoutInner"], -[class^="userPanelInner"] > div { - > [class^="wrapper"] > div:has( - > button > div > svg > path[d^="M4 14a2 2 0 "] /* More */ - ) { - display: none; - } -} - -[class^="userPopoutInner"], -[class^="userProfileModalInner"], -[class^="userPanelInner"] > div { - > [class^="wrapper"] { - gap: 6px; - > div > * { - @include bubble-styles(); - } - } -} diff --git a/themes/btw.bitslayn.revertProfiles/Backup/components/tooltip.scss b/themes/btw.bitslayn.revertProfiles/Backup/components/tooltip.scss deleted file mode 100644 index 635cfb6..0000000 --- a/themes/btw.bitslayn.revertProfiles/Backup/components/tooltip.scss +++ /dev/null @@ -1,30 +0,0 @@ -@mixin tooltip($label, $offset) { - // Content - &::before { - content: $label; - position: fixed; - font-size: 14px; - transform: translateY(calc($offset - 21px)); - background-color: var(--background-floating); - box-shadow: var(--shadow-high); - color: var(--text-normal); - padding: 8px 12px; - border-radius: 5px; - pointer-events: none; - box-sizing: border-box; - width: max-content; - max-width: 190px; - word-wrap: break-word; - } - // Pointer - &::after { - content: ""; - position: fixed; - border-top: 5px solid var(--background-floating); - border-right: 5px solid transparent; - border-bottom: 5px solid transparent; - border-left: 5px solid transparent; - transform: translateY($offset); - pointer-events: none; - } -} diff --git a/themes/btw.bitslayn.revertProfiles/Backup/fixes/botfix.scss b/themes/btw.bitslayn.revertProfiles/Backup/fixes/botfix.scss deleted file mode 100644 index 18e9c30..0000000 --- a/themes/btw.bitslayn.revertProfiles/Backup/fixes/botfix.scss +++ /dev/null @@ -1,57 +0,0 @@ -// Profiles without names/bots without profiles, Discord Official Messages profile -[class^="biteSizeOuter"] - > [class^="userProfileModalInner"]:not( - :has( - > footer > [class^="channelTextArea"], - > [class^="body"] > [class^="container"] > [class^="tags"] > [class^="container"] - ) - ) { - > header { - > [class^="bannerSVGWrapper"] { - padding: 0 0 3px; - } - &::before { - // Warning circle icon when profile is unable to load - content: 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%3Ccircle cx='12' cy='12' r='10' fill='transparent' class=''%3E%3C/circle%3E%3Cpath fill='%23f0b132' fill-rule='evenodd' d='M12 23a11 11 0 1 0 0-22 11 11 0 0 0 0 22Zm1.44-15.94L13.06 14a1.06 1.06 0 0 1-2.12 0l-.38-6.94a1 1 0 0 1 1-1.06h.88a1 1 0 0 1 1 1.06Zm-.19 10.69a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Z' clip-rule='evenodd' class=''%3E%3C/path%3E%3C/svg%3E"); - position: absolute; - z-index: 1; - top: 8px; - right: 16px; - width: 20px; - height: 20px; - } - &::after { - content: ""; - display: block; - position: absolute; - transform: translateY(-12px); - width: 308px; - height: 12px; - margin: 0 16px; - border-top-left-radius: var(--radius-sm); - border-top-right-radius: var(--radius-sm); - background-color: var(--profile-body-background-color); - } - } - > [class^="body"] { - > [class^="container"] { - position: static; - margin: unset; - padding: unset; - > [class^="tags"] > [class^="userTag"] > [class^="username"] { - display: none; - } - } - } -} -[class*="SizeOuter"] > [class*="userProfileInner"] > [class^="body"] { - > [class^="container"] { - gap: unset; - > [class^="usernameRow"] { - > h1 { - color: var(--interactive-active); - font-weight: 600; - } - } - } -} diff --git a/themes/btw.bitslayn.revertProfiles/Backup/fixes/static.scss b/themes/btw.bitslayn.revertProfiles/Backup/fixes/static.scss deleted file mode 100644 index 601fc73..0000000 --- a/themes/btw.bitslayn.revertProfiles/Backup/fixes/static.scss +++ /dev/null @@ -1,88 +0,0 @@ -// Fix static profiles -div[id^="popout"] > [data-popout-animating="false"]:has(> div > [class^="biteSizeOuter"]), // Required :has() to fix "Invite to Server" context menu button -[class^="accountProfilePopoutWrapper"], -[class^="customizationSection"], -[class^="previewContainer"] > [class^="biteSizeOuter"], -[class^="previewsContainerInner"] > [class^="biteSizeOuter"], -[class^="profileEffectPreviewsContainerInner"] > [class^="biteSizeOuter"], -[class^="userProfilePreview"] > [class^="biteSizeOuter"], -[class^="userPanelOuter"] { - transform: translate(0) !important; -} - -// Discord istg how many different class names for profile previews do you need lmao -[class^="previewsContainerInner"], -[class^="profileEffectPreviewsContainerInner"], -[class^="previewContainer"] { - > [class^="biteSizeOuter"] - > [class^="userPopoutInner"] - > header - > [class^="avatar"]:hover::after { - display: none; - } -} - -// Fix static badges -[class^="customizationSection"] [class*="userProfileInner"] { - [class^="tags"] > [class^="container"] { - top: calc(40px + var(--banner-height)) !important; - } - > [class^="body"] > [class^="container"] { - top: calc(56px + var(--banner-height) + var(--badge-container-height)) !important; - } -} - -// Fix profiles with no body or footer -// Oddly enough, aria-label profile names are consistent across different languages -[aria-label="discord"], -[aria-label="Deleted User"] { - [class*="biteSizeOuter"] > [class*="userProfileInner"] { - > footer { - visibility: hidden; - padding: unset !important; - margin: unset !important; - } - > [class^="body"] { - margin-bottom: 16px; - padding: unset !important; - &::before { - display: none; - } - > [class^="container"] { - border-bottom-left-radius: var(--radius-sm); - border-bottom-right-radius: var(--radius-sm); - } - } - } -} -// Your static profile -[class^="userPopoutInner"] { - > [class^="body"]:not([class*="fade"]) { - margin-bottom: 16px; - padding-bottom: 12px; - border-bottom-left-radius: var(--radius-sm); - border-bottom-right-radius: var(--radius-sm); - } -} - -// "Unable to load profile banner, badges, and about me." indicator -[class^="nicknameIcons"] > div[aria-label]:not([class^="clickTarget"]) { - position: fixed; - top: 8px; - right: 16px; - > svg { - width: 20px; - height: 20px; - } -} - -// Fix dropdown menu positioning -[class^="accountProfilePopoutWrapper"] - [class^="biteSizeOverlayBackground"] - > [class^="menu"] - [class*="layer"] { - top: unset !important; - left: unset !important; - transform: translate(267px, -34px); - padding-left: 3px; -} diff --git a/themes/btw.bitslayn.revertProfiles/Backup/globals.scss b/themes/btw.bitslayn.revertProfiles/Backup/globals.scss deleted file mode 100644 index 295ae10..0000000 --- a/themes/btw.bitslayn.revertProfiles/Backup/globals.scss +++ /dev/null @@ -1,148 +0,0 @@ -[class^="biteSizeOuter"] { - --banner-height: 60px; - --banner-offset: calc(120px - var(--banner-height)); - &:has(> [class^="userPopoutInner"] > header > svg > foreignObject > [style*="background-image"]) { - --banner-height: 120px; - } - --badge-container-height: 22px; // 0 rows (Minimal gap of 16px) - &:has( - > [class^="userPopoutInner"] - > [class^="body"] - > [class^="container"] - > [class^="tags"] - > [class^="container"] - > div - ) { - --badge-container-height: 30px; // 1 row - } - &:has( - > [class^="userPopoutInner"] - > [class^="body"] - > [class^="container"] - > [class^="tags"] - > [class^="container"] - > div:nth-child(9) - ) { - --badge-container-height: 54px; // 2 rows - } - &:has( - > [class^="userPopoutInner"] - > [class^="body"] - > [class^="container"] - > [class^="tags"] - > [class^="container"] - > div:nth-child(17) - ) { - --badge-container-height: 78px; // 3 rows, if anyone has more than 24 badges then tf are you doing with your life? - } - --guild-tag-height: 0px; - &:has(> [class^="userPopoutInner"] > [class^="body"] > span[class^="clickable"]) { - --guild-tag-height: 17px; - } - - --pronouns-height: 0px; - &:has( - > [class^="userPopoutInner"] - > [class^="body"] - > [class^="container"] - > [class^="tags"] - > [class^="pronounsTooltip"] - ) { - --pronouns-height: 20px; - } -} - -[class^="fullSizeOuter"] { - --banner-height: 105px; // Pretty sure this should be 206px - --banner-offset: calc(210px - var(--banner-height)); - &:has( - > [class^="userProfileModalInner"] - > header - > svg - > foreignObject - > [style*="background-image"] - ) { - --banner-height: 210px; // Should be 212px but I got lazy - } - --badge-container-height: 22px; // 0 rows (Minimal gap of 24px) - &:has( - > [class^="userProfileModalInner"] - > [class^="body"] - > [class^="container"] - > [class^="tags"] - > [class^="container"] - > div - ) { - --badge-container-height: 28px; // 1 row - } - &:has( - > [class^="userProfileModalInner"] - > [class^="body"] - > [class^="container"] - > [class^="tags"] - > [class^="container"] - > div:nth-child(10) - ) { - --badge-container-height: 46px; // 2 rows - } - &:has( - > [class^="userProfileModalInner"] - > [class^="body"] - > [class^="container"] - > [class^="tags"] - > [class^="container"] - > div:nth-child(19) - ) { - --badge-container-height: 72px; // 3 rows - } -} - -[class^="userPanelOuter"] { - --banner-height: 125px; - --banner-offset: 0px; - --badge-container-height: 22px; // 0 rows (Minimal gap of 16px) - &:has( - > [class^="userPanelInner"] - > [class^="body"] - > [class^="container"] - > [class^="tags"] - > [class^="container"] - > div - ) { - --badge-container-height: 30px; // 1 row - } - &:has( - > [class^="userPanelInner"] - > [class^="body"] - > [class^="container"] - > [class^="tags"] - > [class^="container"] - > div:nth-child(9) - ) { - --badge-container-height: 54px; // 2 rows - } - &:has( - > [class^="userPanelInner"] - > [class^="body"] - > [class^="container"] - > [class^="tags"] - > [class^="container"] - > div:nth-child(17) - ) { - --badge-container-height: 78px; // 3 rows, if anyone has more than 24 badges then tf are you doing with your life? - } -} - -[class*="userProfileOuter"] { - --edge-padding: 0px; - &[class*="userProfileOuterThemed"] { - --edge-padding: 4px; - } -} - -@mixin dumbmaxing { - min-width: unset !important; - min-height: unset !important; - max-width: unset !important; - max-height: unset !important; -} diff --git a/themes/btw.bitslayn.revertProfiles/Backup/heights.scss b/themes/btw.bitslayn.revertProfiles/Backup/heights.scss deleted file mode 100644 index 20bc66d..0000000 --- a/themes/btw.bitslayn.revertProfiles/Backup/heights.scss +++ /dev/null @@ -1,12 +0,0 @@ -[class^="fullSizeOuter"] { - max-height: 586px; // 586px - &:has([class*="fullSizeBannerPremium"]) { - max-height: 692px; // 586px + 106px - } - &[class*="userProfileOuterThemed"] { - max-height: 594px; // 586px + 8px - &:has([class*="fullSizeBannerPremium"]) { - max-height: 700px; // 586px + 8px + 106px - } - } -} diff --git a/themes/btw.bitslayn.revertProfiles/Backup/index.scss b/themes/btw.bitslayn.revertProfiles/Backup/index.scss deleted file mode 100644 index abdf850..0000000 --- a/themes/btw.bitslayn.revertProfiles/Backup/index.scss +++ /dev/null @@ -1,17 +0,0 @@ -// Bulk of the profile modal styles. -@use "profiles/popout"; -@use "profiles/full"; -@use "profiles/panel"; - -@use "globals"; // Assigns profile padding for statuses and badges relative to the banner's height. -@use "eyebrows"; // Styles for eyebrows. Self explanatory. -@use "banners"; // Makes banners smaller with svg adjustments. -@use "roles"; // Also self explanatory. -@use "heights"; // Full profile heights. - -@use "fixes/botfix"; // Fixes related to bot profiles, Discord's official profile, and deleted user profiles. -@use "fixes/static"; // Fixes for static profile modals such as the one in settings. - -// IN NEED OF A DEEP CLEAN AAAAA - -@use "components/banner/buttons"; diff --git a/themes/btw.bitslayn.revertProfiles/Backup/lang.scss b/themes/btw.bitslayn.revertProfiles/Backup/lang.scss deleted file mode 100644 index 85728a2..0000000 --- a/themes/btw.bitslayn.revertProfiles/Backup/lang.scss +++ /dev/null @@ -1,205 +0,0 @@ -@use "sass:map"; - -// eyebrows.scss -$about-me: ( - "da": "Om mig", - "de": "Über mich", - "en-US": "About Me", - "en-GB": "About Me", - "es-ES": "Sobre mí", - "es-419": "Sobre mí", - "fr": "À propos de moi", - "hr": "O meni", - "it": "Chi sono", - "lt": "Apie mane", - "hu": "Bemutatkozás", - "nl": "Over mij", - "no": "Om meg", - "pl": "O mnie", - "pt-BR": "Sobre mim", - "ro": "Despre mine", - "fi": "Tietoja minusta", - "sv-SE": "Om mig", - "vi": "Giới thiệu về tôi", - "tr": "Hakkımda", - "cs": "Členem od", - "el": "Σχετικά με εμένα", - "bg": "За мен", - "ru": "Обо мне", - "uk": "Про мене", - "hi": "मेरे बारे में", - "th": "เกี่ยวกับฉัน", - "zh-CN": "自我介绍", - "ja": "自己紹介", - "zh-TW": "關於我", - "ko": "내 소개", -); -$roles: ( - "da": "Roller", - "de": "Rollen", - "en-US": "Roles", - "en-GB": "Roles", - "es-ES": "Roles", - "es-419": "Roles", - "fr": "Rôles", - "hr": "Uloge", - "it": "Ruoli", - "lt": "Vaidmenys", - "hu": "Rang", - "nl": "Rollen", - "no": "Roller", - "pl": "Role", - "pt-BR": "Cargos", - "ro": "Roluri", - "fi": "Roolit", - "sv-SE": "Roller", - "vi": "Vai trò", - "tr": "Roller", - "cs": "Rolí", - "el": "Ρόλοι", - "bg": "Роли", - "ru": "Роли", - "uk": "Ролі", - "hi": "रोल", - "th": "ตำแหน่ง", - "zh-CN": "身份组", - "ja": "ロール", - "zh-TW": "身分組", - "ko": "역할", -); -$mutuals: ( - "da": "Fælles", - "de": "Freunde", - "en-US": "Mutuals", - "en-GB": "Mutuals", - "es-ES": "En común", - "es-419": "Amigos en común", - "fr": "En commun", - "hr": "Zajednički", - "it": "In comune", - "lt": "Bendri", - "hu": "Közösek", - "nl": "Gemeenschappelijk", - "no": "Felles", - "pl": "Wspólne", - "pt-BR": "En Comun", - "ro": "În comun", - "fi": "Yhteiset", - "sv-SE": "Gemensamma", - "vi": "Bạn và máy chủ chung", - "tr": "Ortak arkadaşlar ve sunucular", - "cs": "Společné", - "el": "Κοινοί", - "bg": "Общи неща", - "ru": "Общие", - "uk": "Загальні", - "hi": "म्युचुअल्स", - "th": "เพื่อนและเซิร์ฟเวอร์ที่มีร่วมกัน", - "zh-CN": "共同好友/服务器", - "ja": "共通のフレンド", - "zh-TW": "共同好友或伺服器", - "ko": "공통", -); -$try-my-commands: ( - "da": "Prøv mine kommandoer", - "de": "Über mich", - "en-US": "Try my commands", - "en-GB": "Try my commands", - "es-ES": "Probar mis comandos", - "es-419": "Probar mis comandos", - "fr": "Essaie mes commandes", - "hr": "Isprobaj moje naredbe", - "it": "Prova i miei comandi", - "lt": "Išbandyk mano komandas", - "hu": "Próbáld ki a parancsaimat", - "nl": "Probeer mijn opdrachten", - "no": "Prøv kommandoene mine", - "pl": "Wypróbuj moje komendy", - "pt-BR": "Experimente meus comandos", - "ro": "Încearcă comenzile mele", - "fi": "Kokeile komentojani", - "sv-SE": "Testa mina kommandon", - "vi": "Thử các lệnh của tôi", - "tr": "Komutlarımı dene", - "cs": "Zkus moje příkazy", - "el": "Δοκίμασε τις εντολές μου", - "bg": "Изпробване на моите команди", - "ru": "Опробуйте мои команды", - "uk": "Спробуйте мої команди", - "hi": "मेरी कमांड ट्राय करें", - "th": "ลองใช้คำสั่งของฉันดูสิ", - "zh-CN": "试试我的指令", - "ja": "コマンドを試してみてね！", - "zh-TW": "試試看我的指令", - "ko": "제 명령어를 사용해보세요", -); - -// buttons.scss -// $edit-profile: ( -// "da": "Rediger profil", -// "de": "Profil bearbeiten", -// "en-US": "Edit Profile", -// "en-GB": "Edit Profile", -// "es-ES": "Editar perfil", -// "es-419": "Editar perfil", -// "fr": "Modifier le profil", -// "hr": "Uredi profil", -// "it": "Modifica profilo", -// "lt": "Redaguoti profilį", -// "hu": "Profil szerkesztése", -// "nl": "Profiel bewerken", -// "no": "Rediger profil", -// "pl": "Edytuj profil", -// "pt-BR": "Editar perfil", -// "ro": "Editează profilul", -// "fi": "Muokkaa profiilia", -// "sv-SE": "Redigera profilen", -// "vi": "Sửa Hồ Sơ", -// "tr": "Profili Düzenle", -// "cs": "Upravit profil", -// "el": "Επεξεργασία προφίλ", -// "bg": "Редактиране на профил", -// "ru": "Редактировать профиль", -// "uk": "Редагувати профіль", -// "hi": "प्रोफ़ाइल एडिट करें", -// "th": "แก้ไขโปรไฟล์", -// "zh-CN": "编辑个人资料", -// "ja": "プロフィールを編集", -// "zh-TW": "編輯個人資料", -// "ko": "프로필 편집", -// ); - -// popout.scss -$view-profile: ( - "da": "Se profil", - "de": "Profil ansehen", - "en-US": "View Profile", - "en-GB": "View Profile", - "es-ES": "Ver perfil", - "es-419": "Ver perfil", - "fr": "Voir le profil", - "hr": "Prikaži profil", - "it": "Mostra profilo", - "lt": "Peržiūrėti Profilį", - "hu": "Profil megtekintése", - "nl": "Profiel bekijken", - "no": "Vis profil", - "pl": "Zobacz profil", - "pt-BR": "Ver perfil", - "ro": "Vezi profil", - "fi": "Näytä profiili", - "sv-SE": "Visa profil", - "vi": "Xem Hồ Sơ", - "tr": "Profili Görüntüle", - "cs": "Zobrazit profil", - "el": "Προβολή προφίλ", - "bg": "Преглед на профил", - "ru": "Профиль", - "uk": "Профіль", - "hi": "प्रोफ़ाइल देखें", - "th": "ดูโปรไฟล์", - "zh-CN": "查看个人资料", - "ja": "プロフィール表示", - "zh-TW": "檢視個人檔案", - "ko": "프로필 보기", -); diff --git a/themes/btw.bitslayn.revertProfiles/Backup/profiles/full.scss b/themes/btw.bitslayn.revertProfiles/Backup/profiles/full.scss deleted file mode 100644 index 31513db..0000000 --- a/themes/btw.bitslayn.revertProfiles/Backup/profiles/full.scss +++ /dev/null @@ -1,335 +0,0 @@ -@use "../globals" as *; - -[class^="fullSizeOuter"] { - // Layout - width: 600px; - > [class^="userProfileModalInner"] { - background: linear-gradient( - var(--profile-gradient-start), - var(--profile-gradient-start) var(--custom-user-banner-height-bite-size), - var(--profile-gradient-end) - ); - > [class^="wrapper"] > div:has(button > div > svg > [d^="M4 14a2 2 0 1"]) { - top: calc(19px + var(--edge-padding) + var(--banner-height)); - right: 16px; - position: fixed; - > button { - background: unset !important; - color: var(--interactive-normal); - &:hover { - color: var(--interactive-hover); - } - > div { - width: 24px; - height: 24px; - @include dumbmaxing; - transform: rotate(90deg); - > svg { - width: 24px; - height: 24px; - } - } - } - } - // Banner - &:has(> [class^="body"] > [class^="container"] > [class^="tags"] > [class^="pronounsTooltip"]) - > header - > [class^="bannerSVGWrapper"] { - // With Pronouns - padding-bottom: calc(128px + var(--badge-container-height) - var(--banner-offset)); - } - > header { - height: 210px; - display: inline-table; - // Banner - > [class^="bannerSVGWrapper"] { - //Without pronouns - padding-bottom: calc(108px + var(--badge-container-height) - var(--banner-offset)); - - @include dumbmaxing; - // transform: scaleX(1.98122) scaleY(2.0189) translateX(75px) translateY(26.5px); - mask { - rect { - width: 600px; - height: 210px; - } - // circle { - // transform: scaleY(0.9906); - // } - } - foreignObject { - height: 210px; - > [class^="banner"] { - height: 210px; - &::before { - content: unset; - } - } - } - } - > [class^="headerInner"] { - padding: unset; - pointer-events: none; - min-height: unset; - // Buttons - button { - pointer-events: initial; - } - > [class^="buttons"] { - width: -webkit-fill-available; - position: fixed; - top: calc(16px + var(--edge-padding) + var(--banner-height)); - padding-right: 36px; - margin: 0 16px; - > [class^="multipleButtons"] { - &:has(> button > div > svg > [d^="M19 14a1 1 0"]) > div { - display: none; - } - > button:has(> div > svg > [d^="M19 14a1 1 0"]) { - // Add Friend - opacity: unset; - background-color: var(--button-positive-background); - transition: - background-color var(--custom-button-transition-duration) ease, - color var(--custom-button-transition-duration) ease; - &:hover { - background-color: var(--button-positive-background-hover); - } - // > div { - // font-size: 0; - // gap: unset; - // &::before { - // content: "Send Friend Request"; - // font-size: 14px; - // } - // > svg { - // display: none; - // } - // } - } - } - // > button:has(> [class^="contents"] > svg > [d^="m13.96 5.46 4.58 4.58a1"]) { - // visibility: visible; - // width: 28px; - // height: 28px; - // font-size: 0; - // padding: unset; - // min-width: unset; - // min-height: unset; - // background: hsl(var(--black-500-hsl) / 0.3); - // color: var(--white-500); - // border-radius: var(--radius-round); - // transition: background-color 0.2s ease; - // position: fixed; - // top: 12px; - // right: 12px; - // > [class^="contents"], - // > [class^="contents"] > svg { - // width: 18px; - // height: 18px; - // gap: unset; - // } - // &:hover { - // background: hsl(var(--black-500-hsl) / 0.6); - // opacity: unset; - // } - // } - } - // Avatar - > [class^="avatar"] { - position: fixed; - left: 28px; - top: 149px; - pointer-events: all; - } - // Status - > div { - > [class^="invisibleContainer"] { - display: none; - } - > [class^="visibleContainer"] { - position: unset; - > [class^="statusBubbleOuter"] { - border: unset; - background: var(--profile-body-background-color); - box-shadow: none; - margin: 0 16px; - padding: 12px 12px 0; - border-radius: unset; - max-width: unset; - &::before, - &::after { - display: none; - } - > [class^="statusBubble"] { - max-width: fit-content; - max-height: unset; - padding: unset; - background: transparent; - > div { - pointer-events: initial; - text-align: start; - -webkit-line-clamp: unset; - max-height: unset !important; - > [class*="statusText"] { - font-weight: 400; - } - > [class*="statusEmojiOnly"] { - user-select: none; - cursor: initial; - width: 48px; - height: 48px; - @include dumbmaxing; - } - > [class*="statusEmojiInline"] { - user-select: none; - cursor: initial; - margin: -1px 4px -1px 0; - width: 20px; - height: 20px; - } - } - } - } - } - } - } - } - > [class^="body"] { - gap: unset; - padding: unset; - margin: 0 16px 16px 16px; - // Username and pronouns header - > [class^="container"] { - position: fixed; - top: calc( - 51px + var(--banner-height) + var(--badge-container-height) + var(--edge-padding) - ); - left: 0px; - margin: 0 calc(16px + var(--edge-padding)) 0; - padding: 12px 12px 0; - border-top-left-radius: var(--radius-sm); - border-top-right-radius: var(--radius-sm); - background-color: var(--profile-body-background-color); - width: -webkit-fill-available; - > [class^="usernameRow"] { - > h1 { - -webkit-box-orient: vertical; - word-break: break-all; - display: -webkit-box; - font-size: 20px; - line-height: 1.2; - font-weight: 600; - } - } - > [class^="tags"] { - gap: unset; - // Badges - > [class^="container"] { - position: fixed; - justify-content: flex-start; - left: calc(160px + var(--edge-padding)); - top: calc(19px + var(--banner-height) + var(--edge-padding)); - margin: unset; - border: unset; - border-radius: 8px; - box-sizing: content-box; - max-width: calc(calc(8 /* Colums - 1 */ * 26px) + 24px); - padding: 2px 4px; - background-color: var(--profile-body-background-color); - div > a { - > img, - > div { - width: 24px; - height: 24px; - } - } - } - // User tag - > [class*="userTag"] { - width: 100%; - > span { - font-size: 14px; - line-height: 24px; - font-weight: 600; - color: var(--header-secondary); - } - } - > [class^="dotSpacer"] { - display: none; - } - > [class^="pronounsTooltip"] { - font-size: 14px; - line-height: 1.2857142857142858; // Don't ask - font-weight: 400; - padding-top: 2px; - } - } - } - > [class^="fullSizeOverlayBackground"] { - // Accept friend request - &:is([class*="friendRequestBannerOverlay"]) { - display: none; - } - border-top-left-radius: unset; - border-top-right-radius: unset; - border: unset; - background-color: var(--profile-body-background-color); - // Tab bar - > [class^="container"] { - > [class^="tabBar"] { - gap: 40px; - margin: 20px 12px 0; - &:not(:has(> [class^="tabBarItem"]:nth-child(2))) { - display: none; - } - > [class^="tabBarItem"] { - height: 39px; - border-bottom-width: 2px; - div { - font-weight: 500; - line-height: 20px; - color: var(--interactive-normal); - } - &:hover > div { - color: var(--interactive-hover); - } - &[aria-selected="true"] > div { - color: var(--interactive-active); - } - // &:nth-child(1) > div { - // font-size: 0; - // &::before { - // content: "User Info"; - // font-size: 14px; - // } - // } - } - } - // Roles - [data-list-id^="roles"] { - [class*="pill"], - > div > button { - background-color: var(--profile-role-pill-background-color); - border: unset; - max-height: 22px; - box-sizing: border-box; - } - } - // Divider - &:not(:has(> [class^="tabBar"] > [class^="tabBarItem"]:nth-child(2)))::before { - content: ""; - width: -webkit-fill-available; - height: 1px; - margin: 20px 12px 0; - background-color: var(--profile-body-divider-color); - } - // Scroller fix thingy :3 - [class^="scroller"]::-webkit-scrollbar-track { - margin-bottom: 4px; - } - } - } - } - } -} diff --git a/themes/btw.bitslayn.revertProfiles/Backup/profiles/panel.scss b/themes/btw.bitslayn.revertProfiles/Backup/profiles/panel.scss deleted file mode 100644 index e13f9dc..0000000 --- a/themes/btw.bitslayn.revertProfiles/Backup/profiles/panel.scss +++ /dev/null @@ -1,300 +0,0 @@ -@use "../globals" as *; -@use "../lang"; -@use "sass:map"; - -[class^="userPanelOuter"] { - // Layout - - > [class^="userPanelInner"] { - > div { - gap: unset; - padding: unset; - background: linear-gradient( - var(--profile-gradient-start), - var(--profile-gradient-start) var(--custom-user-banner-height-bite-size), - var(--profile-gradient-end) - ); - - > [class^="body"] { - &::-webkit-scrollbar { - width: 8px; - height: 8px; - } - &::-webkit-scrollbar-thumb { - background-clip: padding-box; - border: 2px solid transparent; - border-radius: 4px; - background-color: var(--profile-body-divider-color); - min-height: 40px; - } - &::-webkit-scrollbar-track { - margin-bottom: 4px; - } - } - - // About Me - > [class^="body"] > div > { - [class^="descriptionClamp"] { - -webkit-line-clamp: unset; - overflow: hidden; - } - [class^="viewFullBio"] { - display: none; - } - } - - // Activities - [class^="activityBiteSizePopout"] { - padding: 12px; - order: 1; - > img { - width: 24px; - height: 24px; - } - } - - // Avatar hover - > header > [class^="avatar"]:not(:has(> [class^="overlayIcon"])) { - @each $lang, $string in lang.$view-profile { - &:lang(#{$lang}):hover::after { - content: $string; - } - } - &:hover::after { - position: absolute; - top: 0; - right: 0; - font-size: 10px; - line-height: 12px; - font-weight: 700; - width: 100%; - height: 100%; - display: flex; - align-items: center; - justify-content: center; - white-space: nowrap; - text-overflow: ellipsis; - text-transform: uppercase; - color: var(--white-500); - width: 100%; - height: 100%; - box-shadow: inset 0 0 120px hsl(var(--black-500-hsl) / 0.75); - opacity: 1; - mask-image: url(#svg-mask-avatar-default); - } - &:has( - > div > svg > foreignObject:is([mask="url(#svg-mask-avatar-status-round-80)"]) - )::after { - mask-image: url(#svg-mask-avatar-status-round-80); - } - &:has( - > div > svg > foreignObject:is([mask="url(#svg-mask-avatar-status-mobile-80)"]) - )::after { - mask-image: url(#svg-mask-avatar-status-mobile-80); - } - &::after { - transition: opacity 0.1s ease; - background-color: unset; - opacity: 0; - transform: scale(1.0084); - pointer-events: none; - } - [class*="overlay"]::after { - display: none; - } - } - > [class^="header"] > [class^="avatar"] [class*="overlay"]::after { - transition: opacity 0.1s ease; - background-color: unset; - border-radius: unset; - box-shadow: inset 0 0 120px hsl(var(--black-500-hsl) / 0.75); - } - - > [class^="header"] { - margin-bottom: unset; - } - - // Header - &:has([class^="pronounsTooltip"]) > [class^="header"] { - > [class^="bannerSVGWrapper"] { - padding: 0 0 calc(104px + var(--badge-container-height) - var(--banner-offset)); - } - } - - &:not(:has([class^="statusBubbleOuter"])) { - > header > [class^="bannerSVGWrapper"] { - padding: 0 0 calc(96px + var(--badge-container-height) - var(--banner-offset)); - } - &:has([class^="pronounsTooltip"]) > header > [class^="bannerSVGWrapper"] { - padding: 0 0 calc(116px + var(--badge-container-height) - var(--banner-offset)); - } - > [class^="body"] > [class^="container"] { - padding: 12px; - z-index: 2; - } - } - - // Body - > [class^="body"] { - gap: 12px; - margin: 0 16px 0; - //overflow: unset !important; - //background-color: var(--profile-body-background-color); - - border-bottom-left-radius: var(--radius-sm); - border-bottom-right-radius: var(--radius-sm); - - // Accept friend request - > [class^="biteSizeOverlayBackground"] { - display: none; - } - - // Divider - &::before { - content: ""; - display: block; - margin: -1px calc(12px + 16px) 0; - min-height: 1px; - background-color: var(--profile-body-divider-color); - - position: fixed; - width: -webkit-fill-available; - left: 0px; - z-index: 3; - } - - > [class^="overlayBackground"] { - border-top-right-radius: unset; - border-top-left-radius: unset; - } - - // Header - > [class^="container"] { - position: fixed; - top: calc(28px + var(--banner-height) + var(--badge-container-height)); - left: 0px; - margin: 0 16px 0; - padding: 12px 12px 0; - border-top-left-radius: var(--radius-sm); - border-top-right-radius: var(--radius-sm); - background-color: var(--profile-body-background-color); - width: -webkit-fill-available; - > [class^="usernameRow"] { - > [class^="clickableUsername"] > h1 { - -webkit-line-clamp: 1; - -webkit-box-orient: vertical; - word-break: break-all; - display: -webkit-box; - font-weight: 600; - } - } - } - } - - [class^="tags"] { - > div:is([class^="container"]) /* Badges */ { - position: fixed; - justify-content: flex-end; - right: 16px; - top: calc(12px + var(--banner-height)); - margin: unset; - border: unset; - border-radius: 8px; - box-sizing: content-box; - max-width: calc(calc(7 /* Colums - 1 */ * 24px) + 22px); - padding: 4px; - background-color: var(--profile-body-background-color); - div > a { - > img, - > div { - width: 22px; - height: 22px; - } - } - & + div { - position: fixed; - justify-content: flex-end; - right: calc(96px + 16px); - top: calc(24px + 12px + var(--banner-height)); - margin: unset; - border: unset; - border-radius: 8px; - box-sizing: content-box; - max-width: calc(calc(3 /* Colums - 1 */ * 24px) + 22px); - padding: 4px; - background-color: transparent; - div > a { - > img, - > div { - width: 22px; - height: 22px; - } - } - } - } - > [class^="clickableUsername"], - > [class*="userTag"] { - width: 100%; - > [class^="info"] { - font-weight: 500; - } - } - > [class^="dotSpacer"] { - display: none; - } - } - - // Custom status - [class^="invisibleContainer"] { - display: none; - } - [class^="visibleContainer"] { - position: unset; - pointer-events: initial; - } - [class^="statusBubbleOuter"] { - border: unset !important; - background: var(--profile-body-background-color); - box-shadow: none; - margin: 0 16px 0; - padding: 12px; - border-radius: unset; - max-width: unset; - &::before, - &::after { - display: none; - } - > [class*="statusBubble"] { - min-width: unset; - max-width: unset; - padding: unset; - background: transparent; - > [class^="content"] { - text-align: start; - -webkit-line-clamp: unset; - max-height: unset !important; - > [class*="statusText"] { - font-weight: 400; - } - > [class*="statusEmojiOnly"] { - user-select: none; - cursor: initial; - width: 48px; - height: 48px; - @include dumbmaxing; - } - > [class*="statusEmojiInline"] { - user-select: none; - cursor: initial; - margin: -1px 4px -1px 0; - object-fit: contain; - } - } - } - } - } - > footer { - display: none; - } - } -} diff --git a/themes/btw.bitslayn.revertProfiles/Backup/profiles/popout.scss b/themes/btw.bitslayn.revertProfiles/Backup/profiles/popout.scss deleted file mode 100644 index ff7e585..0000000 --- a/themes/btw.bitslayn.revertProfiles/Backup/profiles/popout.scss +++ /dev/null @@ -1,425 +0,0 @@ -@use "../globals" as *; -@use "../lang"; -@use "sass:map"; - -[class^="biteSizeOuter"] { - // Layout - width: 340px; - box-sizing: unset; - - > [class^="userPopoutInner"] { - gap: unset; - padding: unset; - background: linear-gradient( - var(--profile-gradient-start), - var(--profile-gradient-start) var(--custom-user-banner-height-bite-size), - var(--profile-gradient-end) - ); - - > [class^="body"] { - &::-webkit-scrollbar { - width: 8px; - height: 8px; - } - &::-webkit-scrollbar-thumb { - background-clip: padding-box; - border: 2px solid transparent; - border-radius: 4px; - background-color: var(--profile-body-divider-color); - min-height: 40px; - } - &::-webkit-scrollbar-track { - margin-bottom: 4px; - } - } - - // Sort order - > [class^="body"] { - // Username container - > [class^="container"] { - order: -8; - } - // Guild tag - > [class^="clickable"] { - order: -7; - } - // Bot buttons - > [class^="buttons"] { - order: -6; - } - // About me - > div:not([class], [style]) { - order: -5; - } - // Mutuals - > [class^="mutuals"] { - order: -4; - } - // Activities - > [class^="activityBiteSizePopout"], - > div:has([class^="activityBiteSizePopout"]) { - order: -3; - } - // Try my commands & roles - > div[style="position: relative;"], - section { - order: -2; - } - // My profile buttons - > [class^="menus"] { - order: -1; - } - } - - // Guild tag - > [class^="body"] > span[class^="clickable"] { - transform: translateY(-38px); - position: fixed; - } - &:has(> [class^="header"] > div:not([class])):not(:has([class^="pronounsTooltip"])) - > [class^="body"] - > span[class^="clickable"] { - transform: unset; - top: calc(86px + var(--edge-padding) + var(--banner-height) + var(--badge-container-height)); - position: fixed; - } - &:has(> [class^="header"] > div:not([class])):has([class^="pronounsTooltip"]) - > [class^="body"] - > span[class^="clickable"] { - transform: unset; - top: calc(107px + var(--edge-padding) + var(--banner-height) + var(--badge-container-height)); - position: fixed; - } - - // About Me - > [class^="body"] > div > { - [class^="descriptionClamp"] { - -webkit-line-clamp: unset; - max-height: unset; - } - [class^="viewFullBio"] { - display: none; - } - } - - // Activities - [class^="activityBiteSizePopout"] { - padding: unset; - background: transparent !important; - > img { - width: 24px; - height: 24px; - } - } - - // Message box - [class^="channelTextArea"] > [class^="inner"] { - background-color: transparent; - border: 1px solid var(--profile-message-input-border-color); - } - - // Roles - [data-list-id^="roles"] { - [class*="pill"], - > div > button { - background-color: var(--profile-role-pill-background-color); - border: unset; - max-height: 22px; - box-sizing: border-box; - } - } - - // Banner - > [class^="header"] { - pointer-events: none; - min-height: unset; - z-index: unset; - > [class^="avatar"] { - pointer-events: initial; - top: 76px; - left: 22px; - } - > [class^="bannerSVGWrapper"] { - padding: 0 0 - calc( - 83px + var(--badge-container-height) - var(--banner-offset) + var(--guild-tag-height) - ); - display: block; - &:has(foreignObject > [style*="background-image"]) { - transform: scaleY(1.0084) translateY(1px); - mask circle { - cx: 51; - cy: 99; - r: 40.59; - transform: scaleY(0.9916); - } - } - } - [class^="clickable"] { - pointer-events: initial; - transform: scaleY(1.0084); // You're seeing things 👀 - } - } - - // Avatar hover - > [class^="header"] > [class^="avatar"]:not(:has(> [class^="overlayIcon"])) { - @each $lang, $string in lang.$view-profile { - &:lang(#{$lang}):hover::after { - content: $string; - } - } - &:hover::after { - position: absolute; - top: 0; - right: 0; - font-size: 10px; - line-height: 12px; - font-weight: 700; - width: 100%; - height: 100%; - display: flex; - align-items: center; - justify-content: center; - white-space: nowrap; - text-overflow: ellipsis; - text-transform: uppercase; - color: var(--white-500); - width: 100%; - height: 100%; - box-shadow: inset 0 0 120px hsl(var(--black-500-hsl) / 0.75); - opacity: 1; - mask-image: url(#svg-mask-avatar-default); - } - &:has(> div > svg > foreignObject:is([mask="url(#svg-mask-avatar-status-round-80)"]))::after { - mask-image: url(#svg-mask-avatar-status-round-80); - } - &:has( - > div > svg > foreignObject:is([mask="url(#svg-mask-avatar-status-mobile-80)"]) - )::after { - mask-image: url(#svg-mask-avatar-status-mobile-80); - } - &::after { - transition: opacity 0.1s ease; - background-color: unset; - opacity: 0; - transform: scale(1.0084); - pointer-events: none; - } - [class*="overlay"]::after { - display: none; - } - } - > [class^="header"] > [class^="avatar"] [class*="overlay"]::after { - transition: opacity 0.1s ease; - background-color: unset; - border-radius: unset; - box-shadow: inset 0 0 120px hsl(var(--black-500-hsl) / 0.75); - } - - // Header - &:has([class^="pronounsTooltip"]) > [class^="header"] { - > [class^="bannerSVGWrapper"] { - padding: 0 0 - calc( - 103px + var(--badge-container-height) - var(--banner-offset) + var(--guild-tag-height) - ); - } - } - - &:not(:has([class^="statusBubbleOuter"])) { - > header > [class^="bannerSVGWrapper"] { - padding: 0 0 - calc( - 95px + var(--badge-container-height) - var(--banner-offset) + var(--guild-tag-height) - ); - } - &:has([class^="pronounsTooltip"]) > header > [class^="bannerSVGWrapper"] { - padding: 0 0 - calc( - 115px + var(--badge-container-height) - var(--banner-offset) + var(--guild-tag-height) - ); - } - > [class^="body"] > [class^="container"] { - padding: 12px 12px calc(12px + var(--guild-tag-height)) 12px; - } - } - - // Body - > [class^="body"] { - gap: 12px; - margin: 0 16px 0; - padding: 13px 12px 0 12px; - //overflow: unset !important; - background-color: var(--profile-body-background-color); - - // Accept friend request - > [class^="biteSizeOverlayBackground"] { - display: none; - } - - // Divider - &::before { - content: ""; - display: block; - margin: -1px calc(12px + 16px + var(--edge-padding) / 2) 0; - min-height: 1px; - background-color: var(--profile-body-divider-color); - - position: fixed; - width: -webkit-fill-available; - left: 0px; - transform: translateY(-12px); - } - - // Header - > [class^="container"] { - position: fixed; - top: calc( - 28px + var(--banner-height) + var(--badge-container-height) + var(--edge-padding) - ); - left: 0px; - margin: 0 calc(16px + var(--edge-padding)) 0; - padding: 12px 12px calc(0px + var(--guild-tag-height)); - border-top-left-radius: var(--radius-sm); - border-top-right-radius: var(--radius-sm); - background-color: var(--profile-body-background-color); - width: -webkit-fill-available; - > [class^="usernameRow"] { - > [class^="clickableUsername"] > h1 { - -webkit-line-clamp: 1; - -webkit-box-orient: vertical; - word-break: break-all; - display: -webkit-box; - font-weight: 600; - } - } - } - } - - [class^="tags"] { - > div:is([class^="container"]) /* Badges */ { - position: fixed; - justify-content: flex-end; - right: calc(16px + var(--edge-padding)); - top: calc(12px + var(--banner-height) + var(--edge-padding)); - margin: unset; - border: unset; - border-radius: 8px; - box-sizing: content-box; - max-width: calc(calc(7 /* Colums - 1 */ * 24px) + 22px); - padding: 4px; - background-color: var(--profile-body-background-color); - div > a { - > img, - > div { - width: 22px; - height: 22px; - } - } - & + div { - position: fixed; - justify-content: flex-end; - right: calc(96px + 16px + var(--edge-padding)); - top: calc(24px + 12px + var(--banner-height) + var(--edge-padding)); - margin: unset; - border: unset; - border-radius: 8px; - box-sizing: content-box; - max-width: calc(calc(3 /* Colums - 1 */ * 24px) + 22px); - padding: 4px; - background-color: transparent; - div > a { - > img, - > div { - width: 22px; - height: 22px; - } - } - } - } - > [class^="clickableUsername"], - > [class*="userTag"] { - width: 100%; - > [class^="info"] { - font-weight: 500; - } - } - > [class^="dotSpacer"] { - display: none; - } - } - - > footer { - margin: 0 16px 16px; - padding: 12px; - background-color: var(--profile-body-background-color); - border-bottom-left-radius: var(--radius-sm); - border-bottom-right-radius: var(--radius-sm); - &:has(> button) { - padding-top: 0; - } - } - - // Custom status - [class^="invisibleContainer"] { - display: none; - } - > header > div:not([class]) > [class^="visibleContainer"] { - position: unset; - pointer-events: initial; - > [class^="popover"] { - position: fixed; - z-index: 2; - left: calc(23px + var(--edge-padding)); - right: unset; - transform: translateY( - calc( - 83px + var(--edge-padding) + var(--banner-height) + var(--badge-container-height) + - var(--pronouns-height) + var(--guild-tag-height) - ) - ); - } - } - [class^="statusBubbleOuter"] { - border: unset !important; - background: var(--profile-body-background-color); - box-shadow: none; - margin: 0 16px 0; - padding: 12px; - border-radius: unset; - max-width: unset; - &::before, - &::after { - display: none; - } - > [class*="statusBubble_"] { - min-width: unset; - max-width: unset; - padding: unset; - background: transparent; - > [class^="content"] { - text-align: start; - -webkit-line-clamp: unset; - max-height: unset !important; - overflow: unset; - > [class*="statusText"] { - font-weight: 400; - } - > [class*="statusEmojiOnly"] { - user-select: none; - cursor: initial; - width: 48px; - height: 48px; - @include dumbmaxing; - } - > [class*="statusEmojiInline"] { - user-select: none; - cursor: initial; - margin: -1px 4px -1px 0; - object-fit: contain; - } - } - } - } - } -} diff --git a/themes/btw.bitslayn.revertProfiles/Backup/roles.scss b/themes/btw.bitslayn.revertProfiles/Backup/roles.scss deleted file mode 100644 index f6aab5e..0000000 --- a/themes/btw.bitslayn.revertProfiles/Backup/roles.scss +++ /dev/null @@ -1,7 +0,0 @@ -// Themed role borders -[class*="userProfileOuterThemed"] > [class*="userProfileInner"] [data-list-id^="roles"] { - [class*="pill"], - > div > button { - border: 1px solid var(--profile-role-pill-border-color) !important; - } -} diff --git a/themes/btw.bitslayn.revertProfiles/src/background.scss b/themes/btw.bitslayn.revertProfiles/src/background.scss index 2e47409..d1c217d 100644 --- a/themes/btw.bitslayn.revertProfiles/src/background.scss +++ b/themes/btw.bitslayn.revertProfiles/src/background.scss @@ -18,6 +18,9 @@ } [class^="biteSizeOuter"] { + &:not(:has([class^="tags"] > [class^="container"])) > div::before { + margin-top: 62px !important; + } > div::before { margin-top: 46px !important; } diff --git a/themes/btw.bitslayn.revertProfiles/Backup/eyebrows.scss b/themes/btw.bitslayn.revertProfiles/src/eyebrows.scss similarity index 79% rename from themes/btw.bitslayn.revertProfiles/Backup/eyebrows.scss rename to themes/btw.bitslayn.revertProfiles/src/eyebrows.scss index 57ebf8d..7879d94 100644 --- a/themes/btw.bitslayn.revertProfiles/Backup/eyebrows.scss +++ b/themes/btw.bitslayn.revertProfiles/src/eyebrows.scss @@ -1,5 +1,7 @@ +// #region @use @use "lang"; @use "sass:map"; +// #endregion @mixin eyebrow-font { display: flex; @@ -25,7 +27,7 @@ [class^="userPanelInner"] [class^="section"] > h2 /* For DM profile panels */ { @include eyebrow-font; } -div:has(> [class^="descriptionClamp"]), +[class^="body"] > div:not([class], [style]), [class^="userProfileModalInner"] [class^="scroller"] > [class^="markup"] { @each $lang, $string in lang.$about-me { &:lang(#{$lang})::before { @@ -36,14 +38,15 @@ div:has(> [class^="descriptionClamp"]), @include eyebrow(6px); } } -div:has(> [data-list-id^="roles-"]):not(:has([data-text-variant="eyebrow"])) { - @each $lang, $string in lang.$roles { - &:lang(#{$lang})::before { - content: $string; - } - } +[class^="body"] > [style="position: relative;"] > [class^="root"] { + // @each $lang, $string in lang.$roles { + // &:lang(#{$lang})::before { + // content: $string; + // } + // } &::before { - @include eyebrow(6px); + content: attr(aria-label); + @include eyebrow(2px); } } [class^="mutuals_"] { @@ -66,7 +69,3 @@ div:has(> [data-list-id^="roles-"]):not(:has([data-text-variant="eyebrow"])) { @include eyebrow(6px); } } -[class^="section"]:has(> div > [data-list-id^="roles-"]) > h1, /* Bot roles */ -[class^="section"]:has(> [class^="list"]) > h1 /* Bot commands */ { - display: none; -} diff --git a/themes/btw.bitslayn.revertProfiles/src/full.scss b/themes/btw.bitslayn.revertProfiles/src/full.scss new file mode 100644 index 0000000..68cc597 --- /dev/null +++ b/themes/btw.bitslayn.revertProfiles/src/full.scss @@ -0,0 +1,346 @@ +// #region @use +@use "mixins" as *; +@use "inlineStatus"; +// #endregion + +[class^="fullSizeOuter"] { + // Layout + > [class^="userProfileModalInner"] { + gap: unset !important; + background: linear-gradient( + var(--profile-gradient-start), + var(--profile-gradient-start) var(--custom-user-banner-height-bite-size), + var(--profile-gradient-end) + ); + // > [class^="wrapper"] > div:has(button > div > svg > [d^="M4 14a2 2 0 1"]) { + // top: calc(19px + var(--edge-padding) + var(--banner-height)); + // right: 16px; + // position: fixed; + // > button { + // background: unset !important; + // color: var(--interactive-normal); + // &:hover { + // color: var(--interactive-hover); + // } + // > div { + // width: 24px; + // height: 24px; + // @include dumbmaxing; + // transform: rotate(90deg); + // > svg { + // width: 24px; + // height: 24px; + // } + // } + // } + // } + // // Banner + // &:has(> [class^="body"] > [class^="container"] > [class^="tags"] > [class^="pronounsTooltip"]) + // > header + // > [class^="bannerSVGWrapper"] { + // // With Pronouns + // padding-bottom: calc(128px + var(--badge-container-height) - var(--banner-offset)); + // } + // > header { + // height: 210px; + // display: inline-table; + // // Banner + // > [class^="bannerSVGWrapper"] { + // //Without pronouns + // padding-bottom: calc(108px + var(--badge-container-height) - var(--banner-offset)); + + // @include dumbmaxing; + // // transform: scaleX(1.98122) scaleY(2.0189) translateX(75px) translateY(26.5px); + // mask { + // rect { + // width: 600px; + // height: 210px; + // } + // // circle { + // // transform: scaleY(0.9906); + // // } + // } + // foreignObject { + // height: 210px; + // > [class^="banner"] { + // height: 210px; + // &::before { + // content: unset; + // } + // } + // } + // } + // > [class^="headerInner"] { + // padding: unset; + // pointer-events: none; + // min-height: unset; + // // Buttons + // button { + // pointer-events: initial; + // } + // > [class^="buttons"] { + // width: -webkit-fill-available; + // position: fixed; + // top: calc(16px + var(--edge-padding) + var(--banner-height)); + // padding-right: 36px; + // margin: 0 16px; + // > [class^="multipleButtons"] { + // &:has(> button > div > svg > [d^="M19 14a1 1 0"]) > div { + // display: none; + // } + // > button:has(> div > svg > [d^="M19 14a1 1 0"]) { + // // Add Friend + // opacity: unset; + // background-color: var(--button-positive-background); + // transition: + // background-color var(--custom-button-transition-duration) ease, + // color var(--custom-button-transition-duration) ease; + // &:hover { + // background-color: var(--button-positive-background-hover); + // } + // // > div { + // // font-size: 0; + // // gap: unset; + // // &::before { + // // content: "Send Friend Request"; + // // font-size: 14px; + // // } + // // > svg { + // // display: none; + // // } + // // } + // } + // } + // // > button:has(> [class^="contents"] > svg > [d^="m13.96 5.46 4.58 4.58a1"]) { + // // visibility: visible; + // // width: 28px; + // // height: 28px; + // // font-size: 0; + // // padding: unset; + // // min-width: unset; + // // min-height: unset; + // // background: hsl(var(--black-500-hsl) / 0.3); + // // color: var(--white-500); + // // border-radius: var(--radius-round); + // // transition: background-color 0.2s ease; + // // position: fixed; + // // top: 12px; + // // right: 12px; + // // > [class^="contents"], + // // > [class^="contents"] > svg { + // // width: 18px; + // // height: 18px; + // // gap: unset; + // // } + // // &:hover { + // // background: hsl(var(--black-500-hsl) / 0.6); + // // opacity: unset; + // // } + // // } + // } + // // Avatar + // > [class^="avatar"] { + // position: fixed; + // left: 28px; + // top: 149px; + // pointer-events: all; + // } + // // Status + // > div { + // > [class^="invisibleContainer"] { + // display: none; + // } + // > [class^="visibleContainer"] { + // position: unset; + // > [class^="statusBubbleOuter"] { + // border: unset; + // background: var(--profile-body-background-color); + // box-shadow: none; + // margin: 0 16px; + // padding: 12px 12px 0; + // border-radius: unset; + // max-width: unset; + // &::before, + // &::after { + // display: none; + // } + // > [class^="statusBubble"] { + // max-width: fit-content; + // max-height: unset; + // padding: unset; + // background: transparent; + // > div { + // pointer-events: initial; + // text-align: start; + // -webkit-line-clamp: unset; + // max-height: unset !important; + // > [class*="statusText"] { + // font-weight: 400; + // } + // > [class*="statusEmojiOnly"] { + // user-select: none; + // cursor: initial; + // width: 48px; + // height: 48px; + // @include dumbmaxing; + // } + // > [class*="statusEmojiInline"] { + // user-select: none; + // cursor: initial; + // margin: -1px 4px -1px 0; + // width: 20px; + // height: 20px; + // } + // } + // } + // } + // } + // } + // } + // } + > [class^="body"] { + // gap: unset; + // padding: unset; + // margin: 0 16px 16px 16px; + // Username and pronouns header + > [class^="container"] { + // position: fixed; + // transform: translate(0); + top: calc( + 51px + var(--banner-height) + var(--badge-container-height) + var(--edge-padding) + ); + left: 0px; + margin: 0 calc(16px + var(--edge-padding)) 0; + padding: 12px 12px 0; + border-top-left-radius: var(--radius-sm); + border-top-right-radius: var(--radius-sm); + background-color: var(--profile-body-background-color); + width: -webkit-fill-available; + > [class^="usernameRow"] { + > h1 { + -webkit-box-orient: vertical; + word-break: break-all; + display: -webkit-box; + font-size: 20px; + line-height: 1.2; + font-weight: 600; + } + } + > [class^="tags"] { + gap: unset; + // Badges + > [class^="container"] { + position: absolute; + justify-content: flex-start; + left: calc(160px); + top: calc(inlineStatus.$fullsize-padding - 50px); + margin: unset; + border: unset; + border-radius: 8px; + box-sizing: content-box; + max-width: calc(calc(8 /* Colums - 1 */ * 26px) + 24px); + padding: 2px 4px; + background-color: var(--profile-body-background-color); + div > a { + > img, + > div { + width: 24px; + height: 24px; + } + } + } + // User tag + > [class*="userTag"] { + width: 100%; + > span { + font-size: 14px; + line-height: 24px; + font-weight: 600; + color: var(--header-secondary); + } + } + > [class^="dotSpacer"] { + display: none; + } + > [class^="pronounsTooltip"] { + font-size: 14px; + line-height: 1.2857142857142858; // Don't ask + font-weight: 400; + padding-top: 2px; + } + } + } + > [class^="fullSizeOverlayBackground"] { + // Accept friend request + &:is([class*="friendRequestBannerOverlay"]) { + display: none; + } + border-top-left-radius: unset; + border-top-right-radius: unset; + border: unset; + background-color: var(--profile-body-background-color); + // Tab bar + > [class^="container"] { + > [class^="tabBar"] { + gap: 40px; + margin: 20px 12px 0; + &:not(:has(> [class^="tabBarItem"]:nth-child(2))) { + display: none; + } + > [class^="tabBarItem"] { + height: 39px; + border-bottom-width: 2px; + div { + font-weight: 500; + line-height: 20px; + color: var(--interactive-normal); + } + &:hover > div { + color: var(--interactive-hover); + } + &[aria-selected="true"] > div { + color: var(--interactive-active); + } + // &:nth-child(1) > div { + // font-size: 0; + // &::before { + // content: "User Info"; + // font-size: 14px; + // } + // } + } + } + // // Roles + // [data-list-id^="roles"] { + // [class*="pill"], + // > div > button { + // background-color: var(--profile-role-pill-background-color); + // border: unset; + // max-height: 22px; + // box-sizing: border-box; + // } + // } + // Divider + &:not(:has(> [class^="tabBar"] > [class^="tabBarItem"]:nth-child(2)))::before { + content: ""; + width: -webkit-fill-available; + height: 1px; + margin: 20px 12px 0; + background-color: var(--profile-body-divider-color); + } + // Scroller fix thingy :3 + [class^="scroller"]::-webkit-scrollbar-track { + margin-bottom: 4px; + } + } + } + } + } +} + +[class^="fullSizeOuter"] [class^="visibleContainer"] { + background-color: var(--profile-body-background-color); + margin: 0 16px; + padding: 0 12px; + padding-top: 12px; +} diff --git a/themes/btw.bitslayn.revertProfiles/src/index.scss b/themes/btw.bitslayn.revertProfiles/src/index.scss index 8a423db..9f0d333 100644 --- a/themes/btw.bitslayn.revertProfiles/src/index.scss +++ b/themes/btw.bitslayn.revertProfiles/src/index.scss @@ -5,7 +5,11 @@ @use "avatar"; @use "background"; +@use "eyebrows"; +@use "roles"; @use "inlineStatus"; + +@use "full"; // #endregion // #region Tags & split username/pronouns @@ -125,13 +129,13 @@ [class*="biteSizeOuter"] { > div { gap: unset !important; - padding-bottom: 16px; + // padding-bottom: 16px; background: linear-gradient( var(--profile-gradient-start), var(--profile-gradient-start) var(--custom-user-banner-height-bite-size), var(--profile-gradient-end) ); - overflow: hidden auto; + overflow: scroll auto; > [class^="body"] > [class^="container"] { > [class^="usernameRow"] { padding-top: 12px; @@ -161,6 +165,7 @@ > [class^="body"]::before { content: ""; height: 1px; + min-height: 1px; background-color: var(--profile-body-divider-color); margin-bottom: 12px; margin-left: 28px; @@ -168,6 +173,30 @@ position: sticky; z-index: 1; } + &::-webkit-scrollbar { + width: 8px; + height: 16px; + } + &::-webkit-scrollbar-corner { + background-color: transparent; + } + &::-webkit-scrollbar-thumb { + background-color: var(--profile-body-divider-color); + + background-clip: padding-box; + border: 2px solid transparent; + border-radius: 4px; + // background-color: var(--scrollbar-thin-thumb); + min-height: 40px; + } + &::-webkit-scrollbar-track { + margin-top: inlineStatus.$bitesize-padding; + margin-bottom: 4px; + + border: 2px solid var(--scrollbar-thin-track); + background-color: var(--scrollbar-thin-track); + border-color: var(--scrollbar-thin-track); + } } } @@ -208,3 +237,15 @@ // } // } // #endregion + +// Message box +[class^="channelTextArea"] > [class^="inner"] { + background-color: transparent; + border: 1px solid var(--profile-message-input-border-color); +} + +// Activities +[class^="activityBiteSizePopout"] > img { + width: 24px !important; + height: 24px !important; +} diff --git a/themes/btw.bitslayn.revertProfiles/src/inlineStatus.scss b/themes/btw.bitslayn.revertProfiles/src/inlineStatus.scss index 83cc8d6..46db460 100644 --- a/themes/btw.bitslayn.revertProfiles/src/inlineStatus.scss +++ b/themes/btw.bitslayn.revertProfiles/src/inlineStatus.scss @@ -94,7 +94,7 @@ $fullsize-padding: 283px; } > [class^="headerInner"] > [class^="avatar"] { // transform: translate(24px, calc(145px + $fullsize-padding * -1)); - transform: translate(22px, calc(145px + $fullsize-padding * -1)); + transform: translate(24px, calc(145px + $fullsize-padding * -1)); } } } diff --git a/themes/btw.bitslayn.revertProfiles/src/lang.scss b/themes/btw.bitslayn.revertProfiles/src/lang.scss index 4571615..8145baa 100644 --- a/themes/btw.bitslayn.revertProfiles/src/lang.scss +++ b/themes/btw.bitslayn.revertProfiles/src/lang.scss @@ -40,39 +40,39 @@ $about-me: ( // #endregion // #region "Roles" -$roles: ( - "da": "Roller", - "de": "Rollen", - "en-US": "Roles", - "en-GB": "Roles", - "es-ES": "Roles", - "es-419": "Roles", - "fr": "Rôles", - "hr": "Uloge", - "it": "Ruoli", - "lt": "Vaidmenys", - "hu": "Rang", - "nl": "Rollen", - "no": "Roller", - "pl": "Role", - "pt-BR": "Cargos", - "ro": "Roluri", - "fi": "Roolit", - "sv-SE": "Roller", - "vi": "Vai trò", - "tr": "Roller", - "cs": "Rolí", - "el": "Ρόλοι", - "bg": "Роли", - "ru": "Роли", - "uk": "Ролі", - "hi": "रोल", - "th": "ตำแหน่ง", - "zh-CN": "身份组", - "ja": "ロール", - "zh-TW": "身分組", - "ko": "역할", -); +// $roles: ( +// "da": "Roller", +// "de": "Rollen", +// "en-US": "Roles", +// "en-GB": "Roles", +// "es-ES": "Roles", +// "es-419": "Roles", +// "fr": "Rôles", +// "hr": "Uloge", +// "it": "Ruoli", +// "lt": "Vaidmenys", +// "hu": "Rang", +// "nl": "Rollen", +// "no": "Roller", +// "pl": "Role", +// "pt-BR": "Cargos", +// "ro": "Roluri", +// "fi": "Roolit", +// "sv-SE": "Roller", +// "vi": "Vai trò", +// "tr": "Roller", +// "cs": "Rolí", +// "el": "Ρόλοι", +// "bg": "Роли", +// "ru": "Роли", +// "uk": "Ролі", +// "hi": "रोल", +// "th": "ตำแหน่ง", +// "zh-CN": "身份组", +// "ja": "ロール", +// "zh-TW": "身分組", +// "ko": "역할", +// ); // #endregion // #region "Mutuals" diff --git a/themes/btw.bitslayn.revertProfiles/src/roles.scss b/themes/btw.bitslayn.revertProfiles/src/roles.scss new file mode 100644 index 0000000..545c0c6 --- /dev/null +++ b/themes/btw.bitslayn.revertProfiles/src/roles.scss @@ -0,0 +1,17 @@ +[class*="userProfileInner"] [data-list-id^="roles"] { + [class*="pill"], + > div > button { + background-color: var(--profile-role-pill-background-color); + border: unset; + max-height: 22px; + box-sizing: border-box; + } +} + +// Themed role borders +[class*="userProfileOuterThemed"] > [class*="userProfileInner"] [data-list-id^="roles"] { + [class*="pill"], + > div > button { + border: 1px solid var(--profile-role-pill-border-color) !important; + } +}