Skip to content

Commit

Permalink
Merge branch 'main' of https://github.com/M0chaCat/Essentials
Browse files Browse the repository at this point in the history
  • Loading branch information
@M0chaCat
M0chaCat committed Jan 15, 2025
2 parents 9df80f9 + a56dc27 commit 89be4f4
Showing 1 changed file with 0 additions and 207 deletions.
207 changes: 0 additions & 207 deletions tweaks/interface.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -174,211 +174,4 @@ module.exports = [
previewBefore: "https://arcane.kitties.cat/assets/essentials/leftfavbutton-before.png",
previewAfter: "https://arcane.kitties.cat/assets/essentials/leftfavbutton-after.png"
}),

createTweak({
id: 'RevertGifFavoriteButton',
label: 'Revert GIF Favorite Button',
description: 'Reverts the GIF Favorite button having color.',
section: 'interface',
css: `[class*='gifFavoriteButton_'] {
background-color: transparent;
}`,
helpText: "Reverts the GIF Favorite button having color."
}),


createTweak({
id: 'HideProfileNitroAd',
label: 'Hide Profile Nitro Ad',
description: 'Hide Discord Nitro ad from your profile page',
section: 'interface',
css: `[data-list-item-id*="_get-premium"] {
display: none;
}
[class*="menuDivider_"]:has(+[data-list-item-id*="_get-premium"])
{
display: none;
}`,
helpText: "This hides the Discord Nitro ad from your profile page (you might not have it, its an A/B test rn)"
}),

createTweak({
id: 'HideQuests',
label: 'Hide Quests',
description: 'Hides the Quest ad next to the profile button',
section: 'interface',
css: `section[class^="panels_"]>div[class^="mask_"] {
display: none;
}`,
helpText: "This hides the Quest ad next to the profile button on the bottom, if you dont see ignore this tweak!"
}),

createTweak({
id: 'LeftGifPicker',
label: 'Left GIF Picker',
description: 'Moves the GIF picker to the left side',
section: 'interface',
css: `
.layerContainer_d5a653 > .layer_ec16dd {
left: 0 !important;
right: unset !important;
transform: translateX(0) !important;
}
.positionContainer_af5dbb {
left: 0 !important;
right: unset !important;
}
.drawerSizingWrapper_af5dbb {
right: unset !important;
left: 0 !important;
}
[class*="layerContainer-"] > [class*="layer-"] {
left: 0 !important;
right: unset !important;
transform: none !important;
}
`,
helpText: "This moves the GIF/emoji/sticker picker to the left side of the window"
}),

createTweak({
id: 'VisibleServerBanner',
label: 'Visible Server Banner',
description: 'Keeps server banner visible while scrolling through channels',
section: 'interface',
css: `/* Visible Server Banner */
[class^="container_"]:not([class*="bannerVisible_"]) >
[class^="animatedContainer_"] {
top: 3px;
}
[class*="animatedContainer_"] {
opacity: 1 !important;
}
[class*="headerContent_"] {
filter: drop-shadow(0 1px 1px var(--bg-backdrop));
}
/* AMOLEDCord fix */
[class^="sidebar_"] header {
background-color: transparent !important;
}`,
helpText: "This keeps the server banner visible while scrolling through channels"
}),

createTweak({
id: 'ColoredMessagePills',
label: 'Colored Message Pills',
description: 'Colors the message pills based on mentions and new posts',
section: 'interface',
css: `/* Blue Pill */
[class^="iconVisibility_"]:has([style="color: var(--text-brand);"]) > [class^="unread_"] {
background-color: var(--text-brand);
}
/* Red Pill */
[class^="iconVisibility_"]:has([class^="mentionsBadge_"]) > [class^="unread_"] {
background-color: var(--status-danger);
}`,
helpText: "This colors the message pills based on mentions and new posts:\n• Blue pill for new posts\n• Red pill for mentions"
}),

createTweak({
id: 'SlideoverServers',
label: 'Slideover Servers',
description: 'Turns the server list into a grid that slides out on hover',
section: 'interface',
css: `@import url("https://raw.githubusercontent.com/Andrew6rant/Discord-plugins-and-themes/refs/heads/main/SlideoverServers.theme.css");`,
helpText: "This turns the server list into a 2 column grid that slides out on hover"
}),

createTweak({
id: 'CollapsibleChatButtons',
label: 'Collapsible Chat Buttons',
description: 'Collapses chat bar buttons to save space when writing long messages',
section: 'interface',
css: ` .buttons_ce5b56 {
margin: 6px 6px 6px auto !important;
margin-left: auto;
max-width: calc(40px * 7); /* 7 columns when expanded: emoji, gif, sticker, gift, upload, soundboard, apps */
min-width: calc(40px * 2); /* 2 columns when collapsed */
width: min-content;
display: flex;
gap: 6px 0;
flex-wrap: wrap-reverse;
flex-grow: 1;
height: fit-content;
justify-content: right;
}
.buttons_ce5b56 .buttonContainer__8b164,
.buttons_ce5b56 > .button_afdfd9 {
width: 40px;
}
.separator__8424b {
margin: 0;
justify-content: center;
width: 40px;
}
.separator__8424b::before {
display: none;
}
.separator__8424b .innerButton_debeee {
margin: 0;
}
.textArea__74543 {
width: fit-content;
flex-grow: 1.01;
}`,
helpText: "This collapses chat bar buttons to save space when writing long messages"
}),

createTweak({
id: 'ModernAudio',
label: 'Modern Audio',
description: 'Updates the appearance of audio attachments',
section: 'interface',
css: `[class^="mosaicItem"] > [class^="wrapperAudio"] > [class^="audioMetadata"] {
margin-bottom: 24px;
}
[class^="mosaicItem"] > [class^="wrapperAudio"] > [class^="audioControls"] {
position: absolute;
bottom: 0px;
left: 0px;
border-radius: 0px 0px 8px 8px;
}`,
helpText: "This updates the appearance of audio attachments"
}),

createTweak({
id: 'RevealDarkUsernames',
label: 'Reveal Dark Usernames',
description: 'Makes dark usernames visible when hovering over them',
section: 'interface',
css: ` /* Handle dark usernames */
[style^="color: rgb(5, 0, 5);"] {
[class*=username_]& {
[id^=chat-messages]:hover &, /* chat messages */
[class^=member_]:hover &, /* members list */
[class^=membersGroup_]:hover & /* members list headers */ {
color: var(--text-normal) !important;
}
}
.mention&:hover /* mentions */,
[class^=channelTextArea_] [class^=wrapper_]&:hover /* mentions in chat bar */ {
color: var(--text-normal) !important;
background-color: color-mix(in srgb, var(--text-normal) 20%, transparent) !important;
}
}`,
helpText: "This makes dark usernames visible when hovering over them"
}),

createTweak({
id: 'FixMosaicZoom',
label: 'Fix Mosaic Zoom',
description: 'Prevents image previews from being zoomed in',
section: 'interface',
css: `[class^="imageWrapper_"] img[class^="lazyImg"] {
object-fit: contain !important;
}`,
helpText: "This prevents image previews from being zoomed in"
}),
];

0 comments on commit 89be4f4

Please sign in to comment.