140 lines
No EOL
3.8 KiB
CSS
140 lines
No EOL
3.8 KiB
CSS
/**
|
|
* @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;
|
|
} |