Update UI Tweaks/tweaks.css
This commit is contained in:
parent
b1f1a2c3ca
commit
2604cdb8c5
1 changed files with 187 additions and 139 deletions
|
|
@ -1,140 +1,188 @@
|
||||||
/**
|
/**
|
||||||
* @name Discord Ui Tweaks
|
* @name Discord Ui Tweaks
|
||||||
* @author Wolfÿ
|
* @author Wolfÿ
|
||||||
* @version 1.0.1-Alpha
|
* @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
|
* @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
|
* @invite avia
|
||||||
* @source https://github.com/MEWPASCO/rainbowglow-avatars
|
* @source https://github.com/MEWPASCO/rainbowglow-avatars
|
||||||
* @website https://www.avariaxyz.win/
|
* @website https://www.avariaxyz.win/
|
||||||
*/
|
*/
|
||||||
|
|
||||||
/* Rainbow VC Avatars */
|
/* Rainbow VC Avatars */
|
||||||
@import url('https://raw.githubusercontent.com/MEWPASCO/rainbowglow-avatars/main/rainbow.css');
|
@import url('https://raw.githubusercontent.com/MEWPASCO/rainbowglow-avatars/main/rainbow.css');
|
||||||
|
|
||||||
|
|
||||||
/* === Collapse Icon Left (by sakgoyal) === */
|
/* === Collapse Icon Left (by sakgoyal) === */
|
||||||
.containerDefault__29444 > div {
|
.containerDefault__29444 > div {
|
||||||
padding-left: 0.5em;
|
padding-left: 0.5em;
|
||||||
}
|
}
|
||||||
.containerDefault__29444 > div > div {
|
.containerDefault__29444 > div > div {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: start !important;
|
justify-content: start !important;
|
||||||
flex-direction: row-reverse !important;
|
flex-direction: row-reverse !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* === Remove Profile Reactions (by LuSaffi) === */
|
/* === Remove Profile Reactions (by LuSaffi) === */
|
||||||
.avatarPopover__2d0ab,
|
.avatarPopover__2d0ab,
|
||||||
.statusPopover__2d0ab,
|
.statusPopover__2d0ab,
|
||||||
.activityPopover__2d0ab {
|
.activityPopover__2d0ab {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* === Unclamp User Bios (by myself) === */
|
/* === Unclamp User Bios (by myself) === */
|
||||||
.descriptionClamp_f5f93a:not(.headerText_faa96b .descriptionClamp_f5f93a) {
|
.descriptionClamp_f5f93a:not(.headerText_faa96b .descriptionClamp_f5f93a) {
|
||||||
-webkit-line-clamp: unset;
|
-webkit-line-clamp: unset;
|
||||||
max-height: 400px;
|
max-height: 400px;
|
||||||
}
|
}
|
||||||
.viewFullBio_f5f93a {
|
.viewFullBio_f5f93a {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* === Revert App-Tags to BOT (by hanyuko + tweak) === */
|
/* === Revert App-Tags to BOT (by hanyuko + tweak) === */
|
||||||
span[class*="botTag"]:not([class*="botTagAi"], [class*="botTagCozy"], [class*="botTagRemix"], [class*="botTagOP"]) span[class*="botText"] {
|
span[class*="botTag"]:not([class*="botTagAi"], [class*="botTagCozy"], [class*="botTagRemix"], [class*="botTagOP"]) span[class*="botText"] {
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
span[class*="botTag"]:not([class*="botTagAi"], [class*="botTagCozy"], [class*="botTagRemix"], [class*="botTagOP"]) span[class*="botText"]::after {
|
span[class*="botTag"]:not([class*="botTagAi"], [class*="botTagCozy"], [class*="botTagRemix"], [class*="botTagOP"]) span[class*="botText"]::after {
|
||||||
content: "BOT";
|
content: "BOT";
|
||||||
visibility: visible;
|
visibility: visible;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
font-size: 0.625rem;
|
font-size: 0.625rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* === Bot Forms (by nexpId) === */
|
/* === Bot Forms (by nexpId) === */
|
||||||
form > div.focusLock__49fc1 > div.rootWithShadow__49fc1 {
|
form > div.focusLock__49fc1 > div.rootWithShadow__49fc1 {
|
||||||
width: var(--modal-width-medium);
|
width: var(--modal-width-medium);
|
||||||
}
|
}
|
||||||
.rootWithShadow__49fc1 .header__49fc1 {
|
.rootWithShadow__49fc1 .header__49fc1 {
|
||||||
padding: var(--modal-vertical-padding) var(--modal-horizontal-padding);
|
padding: var(--modal-vertical-padding) var(--modal-horizontal-padding);
|
||||||
margin-bottom: var(--modal-vertical-padding);
|
margin-bottom: var(--modal-vertical-padding);
|
||||||
border-bottom: 1px solid var(--border-normal);
|
border-bottom: 1px solid var(--border-normal);
|
||||||
}
|
}
|
||||||
.header__49fc1 .colorHeaderPrimary_c9946a {
|
.header__49fc1 .colorHeaderPrimary_c9946a {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-weight: var(--font-weight-semibold);
|
font-weight: var(--font-weight-semibold);
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
}
|
}
|
||||||
.header__49fc1 .closeButton_e858dd {
|
.header__49fc1 .closeButton_e858dd {
|
||||||
top: unset;
|
top: unset;
|
||||||
right: var(--modal-horizontal-padding);
|
right: var(--modal-horizontal-padding);
|
||||||
margin: auto 0;
|
margin: auto 0;
|
||||||
}
|
}
|
||||||
.closeButton_e858dd .contents__201d5 {
|
.closeButton_e858dd .contents__201d5 {
|
||||||
height: 24px;
|
height: 24px;
|
||||||
}
|
}
|
||||||
.submissionWarning_e858dd {
|
.submissionWarning_e858dd {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
.formItem__1b11b .eyebrow_b717a1 {
|
.formItem__1b11b .eyebrow_b717a1 {
|
||||||
margin-bottom: 4px;
|
margin-bottom: 4px;
|
||||||
}
|
}
|
||||||
.errorMessage_b717a1 {
|
.errorMessage_b717a1 {
|
||||||
color: var(--text-danger);
|
color: var(--text-danger);
|
||||||
}
|
}
|
||||||
.input__0f084.error__0f084:focus {
|
.input__0f084.error__0f084:focus {
|
||||||
color: var(--text-normal);
|
color: var(--text-normal);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* === GIF Favorites Cleanup (by MadelineMaid) === */
|
/* === GIF Favorites Cleanup (by MadelineMaid) === */
|
||||||
[class*="gifFavoriteButton_"] {
|
[class*="gifFavoriteButton_"] {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
[class*="result_"] [class*="favButton"] {
|
[class*="result_"] [class*="favButton"] {
|
||||||
right: unset;
|
right: unset;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* === Remove Chatbox Icons (by Sessh) === */
|
/* === 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 " " */
|
/* to change, select one of the "button[aria-label="Select emoji"]" areas and change the text that's inside those " " */
|
||||||
/*
|
/*
|
||||||
Select Emoji - Emoji icon
|
Select Emoji - Emoji icon
|
||||||
Open sticker picker - Sticker icon
|
Open sticker picker - Sticker icon
|
||||||
Open GIF picker - GIF icon
|
Open GIF picker - GIF icon
|
||||||
Send a gift - Gift icon
|
Send a gift - Gift icon
|
||||||
Apps - Controller icon
|
Apps - Controller icon
|
||||||
*/
|
*/
|
||||||
.visual-refresh button[aria-label="Select emoji"],
|
.visual-refresh button[aria-label="Select emoji"],
|
||||||
button[aria-label="Open GIF picker"],
|
button[aria-label="Open GIF picker"],
|
||||||
button[aria-label="Send a gift"],
|
button[aria-label="Send a gift"],
|
||||||
button[aria-label="Apps"] {
|
button[aria-label="Apps"] {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
.visual-refresh .buttons__74017 {
|
.visual-refresh .buttons__74017 {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 0.1px;
|
gap: 0.1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* === Fullscreen emoji/sticker/gif modal === */
|
/* === Fullscreen emoji/sticker/gif modal === */
|
||||||
.layerContainer_da8173 .positionLayer__08434 {
|
.layerContainer_da8173 .positionLayer__08434 {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
background-color: rgba(0, 0, 0, 0.5);
|
background-color: rgba(0, 0, 0, 0.5);
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
}
|
}
|
||||||
|
|
||||||
.positionLayer__08434 .drawerSizingWrapper__08434 {
|
.positionLayer__08434 .drawerSizingWrapper__08434 {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50vh;
|
top: 50vh;
|
||||||
left: 50vw;
|
left: 50vw;
|
||||||
transform: translate(-50%, -50%);
|
transform: translate(-50%, -50%);
|
||||||
width: 90vw !important;
|
width: 90vw !important;
|
||||||
height: 90vh;
|
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;
|
||||||
|
|
||||||
}
|
}
|
||||||
Loading…
Add table
Add a link
Reference in a new issue