From 2604cdb8c5513ff74d0620eebd125625a3378119 Mon Sep 17 00:00:00 2001 From: moonmoon Date: Mon, 1 Dec 2025 13:39:55 +0100 Subject: [PATCH] Update UI Tweaks/tweaks.css --- UI Tweaks/tweaks.css | 326 +++++++++++++++++++++++++------------------ 1 file changed, 187 insertions(+), 139 deletions(-) diff --git a/UI Tweaks/tweaks.css b/UI Tweaks/tweaks.css index ae86846..90d8cd3 100644 --- a/UI Tweaks/tweaks.css +++ b/UI Tweaks/tweaks.css @@ -1,140 +1,188 @@ -/** - * @name Discord Ui Tweaks - * @author Wolfÿ - * @version 1.0.1-Alpha - * @description Just a collection of tweaks I created or which I collected that were made by others (I try to mention them in the repo!) that make Discord a little more enjoyable - * @invite avia - * @source https://github.com/MEWPASCO/rainbowglow-avatars - * @website https://www.avariaxyz.win/ - */ - -/* Rainbow VC Avatars */ -@import url('https://raw.githubusercontent.com/MEWPASCO/rainbowglow-avatars/main/rainbow.css'); - - -/* === Collapse Icon Left (by sakgoyal) === */ -.containerDefault__29444 > div { - padding-left: 0.5em; -} -.containerDefault__29444 > div > div { - display: flex; - justify-content: start !important; - flex-direction: row-reverse !important; -} - -/* === Remove Profile Reactions (by LuSaffi) === */ -.avatarPopover__2d0ab, -.statusPopover__2d0ab, -.activityPopover__2d0ab { - display: none; -} - - -/* === Unclamp User Bios (by myself) === */ -.descriptionClamp_f5f93a:not(.headerText_faa96b .descriptionClamp_f5f93a) { --webkit-line-clamp: unset; - max-height: 400px; -} -.viewFullBio_f5f93a { - display: none; -} - -/* === Revert App-Tags to BOT (by hanyuko + tweak) === */ -span[class*="botTag"]:not([class*="botTagAi"], [class*="botTagCozy"], [class*="botTagRemix"], [class*="botTagOP"]) span[class*="botText"] { - visibility: hidden; - position: relative; -} -span[class*="botTag"]:not([class*="botTagAi"], [class*="botTagCozy"], [class*="botTagRemix"], [class*="botTagOP"]) span[class*="botText"]::after { - content: "BOT"; - visibility: visible; - position: absolute; - left: 0; - font-size: 0.625rem; -} - - -/* === Bot Forms (by nexpId) === */ -form > div.focusLock__49fc1 > div.rootWithShadow__49fc1 { - width: var(--modal-width-medium); -} -.rootWithShadow__49fc1 .header__49fc1 { - padding: var(--modal-vertical-padding) var(--modal-horizontal-padding); - margin-bottom: var(--modal-vertical-padding); - border-bottom: 1px solid var(--border-normal); -} -.header__49fc1 .colorHeaderPrimary_c9946a { - text-align: center; - font-weight: var(--font-weight-semibold); - flex-grow: 1; -} -.header__49fc1 .closeButton_e858dd { - top: unset; - right: var(--modal-horizontal-padding); - margin: auto 0; -} -.closeButton_e858dd .contents__201d5 { - height: 24px; -} -.submissionWarning_e858dd { - display: none; -} -.formItem__1b11b .eyebrow_b717a1 { - margin-bottom: 4px; -} -.errorMessage_b717a1 { - color: var(--text-danger); -} -.input__0f084.error__0f084:focus { - color: var(--text-normal); -} - -/* === GIF Favorites Cleanup (by MadelineMaid) === */ -[class*="gifFavoriteButton_"] { - background-color: transparent; -} -[class*="result_"] [class*="favButton"] { - right: unset; -} - -/* === Remove Chatbox Icons (by Sessh) === */ -/* to change, select one of the "button[aria-label="Select emoji"]" areas and change the text that's inside those " " */ -/* -Select Emoji - Emoji icon -Open sticker picker - Sticker icon -Open GIF picker - GIF icon -Send a gift - Gift icon -Apps - Controller icon -*/ -.visual-refresh button[aria-label="Select emoji"], -button[aria-label="Open GIF picker"], -button[aria-label="Send a gift"], -button[aria-label="Apps"] { - display: none; -} -.visual-refresh .buttons__74017 { - align-items: center; - gap: 0.1px; -} - -/* === Fullscreen emoji/sticker/gif modal === */ -.layerContainer_da8173 .positionLayer__08434 { - position: fixed; - top: 0; - left: 0; - width: 100vw; - height: 100vh; - display: flex; - align-items: center; - justify-content: center; - background-color: rgba(0, 0, 0, 0.5); - z-index: 100; -} - -.positionLayer__08434 .drawerSizingWrapper__08434 { - position: absolute; - top: 50vh; - left: 50vw; - transform: translate(-50%, -50%); - width: 90vw !important; - height: 90vh; +/** + * @name Discord Ui Tweaks + * @author Wolfÿ + * @version 1.0.1-Alpha + * @description Just a collection of tweaks I created or which I collected that were made by others (I try to mention them in the repo!) that make Discord a little more enjoyable + * @invite avia + * @source https://github.com/MEWPASCO/rainbowglow-avatars + * @website https://www.avariaxyz.win/ + */ + +/* Rainbow VC Avatars */ +@import url('https://raw.githubusercontent.com/MEWPASCO/rainbowglow-avatars/main/rainbow.css'); + + +/* === Collapse Icon Left (by sakgoyal) === */ +.containerDefault__29444 > div { + padding-left: 0.5em; +} +.containerDefault__29444 > div > div { + display: flex; + justify-content: start !important; + flex-direction: row-reverse !important; +} + +/* === Remove Profile Reactions (by LuSaffi) === */ +.avatarPopover__2d0ab, +.statusPopover__2d0ab, +.activityPopover__2d0ab { + display: none; +} + + +/* === Unclamp User Bios (by myself) === */ +.descriptionClamp_f5f93a:not(.headerText_faa96b .descriptionClamp_f5f93a) { +-webkit-line-clamp: unset; + max-height: 400px; +} +.viewFullBio_f5f93a { + display: none; +} + +/* === Revert App-Tags to BOT (by hanyuko + tweak) === */ +span[class*="botTag"]:not([class*="botTagAi"], [class*="botTagCozy"], [class*="botTagRemix"], [class*="botTagOP"]) span[class*="botText"] { + visibility: hidden; + position: relative; +} +span[class*="botTag"]:not([class*="botTagAi"], [class*="botTagCozy"], [class*="botTagRemix"], [class*="botTagOP"]) span[class*="botText"]::after { + content: "BOT"; + visibility: visible; + position: absolute; + left: 0; + font-size: 0.625rem; +} + + +/* === Bot Forms (by nexpId) === */ +form > div.focusLock__49fc1 > div.rootWithShadow__49fc1 { + width: var(--modal-width-medium); +} +.rootWithShadow__49fc1 .header__49fc1 { + padding: var(--modal-vertical-padding) var(--modal-horizontal-padding); + margin-bottom: var(--modal-vertical-padding); + border-bottom: 1px solid var(--border-normal); +} +.header__49fc1 .colorHeaderPrimary_c9946a { + text-align: center; + font-weight: var(--font-weight-semibold); + flex-grow: 1; +} +.header__49fc1 .closeButton_e858dd { + top: unset; + right: var(--modal-horizontal-padding); + margin: auto 0; +} +.closeButton_e858dd .contents__201d5 { + height: 24px; +} +.submissionWarning_e858dd { + display: none; +} +.formItem__1b11b .eyebrow_b717a1 { + margin-bottom: 4px; +} +.errorMessage_b717a1 { + color: var(--text-danger); +} +.input__0f084.error__0f084:focus { + color: var(--text-normal); +} + +/* === GIF Favorites Cleanup (by MadelineMaid) === */ +[class*="gifFavoriteButton_"] { + background-color: transparent; +} +[class*="result_"] [class*="favButton"] { + right: unset; +} + +/* === Remove Chatbox Icons (by Sessh) === */ +/* to change, select one of the "button[aria-label="Select emoji"]" areas and change the text that's inside those " " */ +/* +Select Emoji - Emoji icon +Open sticker picker - Sticker icon +Open GIF picker - GIF icon +Send a gift - Gift icon +Apps - Controller icon +*/ +.visual-refresh button[aria-label="Select emoji"], +button[aria-label="Open GIF picker"], +button[aria-label="Send a gift"], +button[aria-label="Apps"] { + display: none; +} +.visual-refresh .buttons__74017 { + align-items: center; + gap: 0.1px; +} + +/* === Fullscreen emoji/sticker/gif modal === */ +.layerContainer_da8173 .positionLayer__08434 { + position: fixed; + top: 0; + left: 0; + width: 100vw; + height: 100vh; + display: flex; + align-items: center; + justify-content: center; + background-color: rgba(0, 0, 0, 0.5); + z-index: 100; +} + +.positionLayer__08434 .drawerSizingWrapper__08434 { + position: absolute; + top: 50vh; + left: 50vw; + transform: translate(-50%, -50%); + width: 90vw !important; + height: 90vh; +} + +/** + * @name Unread msg and selected channel snippet + * @author Amnissya + * @description Random snippet on gibbu's support server that transforms the unread channel behaviour and current channel behaviour + */ + +/*=============================================*/ + /*unread msg*/ + + +/*server*/ +:where(.visual-refresh) .modeUnreadImportant__2ea32 .icon__2ea32, :where(.visual-refresh) .modeUnreadImportant__2ea32:hover .icon__2ea32 { + color: #cd664c!important; +} + +.modeUnreadImportant__2ea32 .name__2ea32 { + color: #cd664c!important; +} +.unreadImportant__2ea32 { + display: none; +} +/*dms*/ +:where(.visual-refresh) .highlighted__20a53 { + color: #cd664c; +} +.unreadPill__972a0 { + display: none; +} +/*=============================================*/ + /*server select read*/ + +/*server*/ +.container__2637a .wrapper__2ea32.modeSelected__2ea32 .name__2ea32, .container__2637a .wrapper__2ea32.modeConnected__2ea32 .name__2ea32 { + color: #89b482!important; +} +.modeSelected__2ea32 .link__2ea32, .modeSelected__2ea32:hover .link__2ea32 { + background:none; +} +.container__2637a .wrapper__2ea32.modeSelected__2ea32 .icon__2ea32, .container__2637a .wrapper__2ea32.modeConnected__2ea32 .icon__2ea32 { + color: #89b482!important; +} +/*dms*/ +:where(.visual-refresh) .interactive__972a0:active, :where(.visual-refresh) .interactiveSelected__972a0 { + color: #89b482!important; + background: none; + } \ No newline at end of file