Skip to content

Instantly share code, notes, and snippets.

@devxan
Last active April 18, 2025 21:25
Show Gist options
  • Save devxan/ab5a503f5413442cea9613384cca9c9c to your computer and use it in GitHub Desktop.
Save devxan/ab5a503f5413442cea9613384cca9c9c to your computer and use it in GitHub Desktop.
QuickCSS for running in modified Discord desktop apps (Vencord)
@import url(https://raw.githubusercontent.com/Blisterexe/shiggy-loader/main/main.css);
@import url("https://minidiscordthemes.github.io/Snippets/AvatarDecorationCheckmark/main.css");
/* @import url("https://minidiscordthemes.github.io/Snippets/UnreadShake/UnreadShake.css");*/
/* @import url(https://seele1306.github.io/Snippets/MessageSection/import.css);*/
@import url("https://minidiscordthemes.github.io/Snippets/ForumImprovements/main.css");
@import url(//dablulite.github.io/css-snippets/BetterAuthApps/import.css);
@import url(//dablulite.github.io/css-snippets/AccountDetailsGrid/import.css);
@import url(https://raw.githubusercontent.com/vencordcss/onekocord/main/onekoanimations.css);
@import url(https://raw.githubusercontent.com/vencordcss/onekocord/main/onekotoolbox.css);
@import url(https://raw.githubusercontent.com/vencordcss/onekocord/main/onekohomeicon.css);
@import url("https://raw.githubusercontent.com/Andrew6rant/Discord-plugins-and-themes/refs/heads/main/BetterMessageButtons.theme.css");
@import url('https://ukriu.github.io/cssCord/Other/gradientDM.css');
@import url('https://ukriu.github.io/cssCord/Other/gradientML.css');
:root {
--gDM-online: linear-gradient(to right, rgb(68, 105, 68) , transparent);
--gDM-offline: linear-gradient(to right, rgb(66, 66, 66) , transparent);
--gDM-dnd: linear-gradient(to right, rgb(130,70,70) , transparent);
--gDM-idle: linear-gradient(to right, rgb(135, 105, 75) , transparent);
--gDM-streaming: linear-gradient(to right, rgb(63, 33, 88) , transparent);
--gDM-border-radius: 12px;
}
/* Make jump to present/jump to original/mark as read bars smaller and hug the right */
.barBase__4e0ba {
width: fit-content;
margin-left: auto;
}
/* Discord (Social Proofing Message Nitro Badge) to Twitter Blue checkmark */
[class^=nitroBadgeSvg__] {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cg%3E%3Cpath d='M20.396 11c-.018-.646-.215-1.275-.57-1.816-.354-.54-.852-.972-1.438-1.246.223-.607.27-1.264.14-1.897-.131-.634-.437-1.218-.882-1.687-.47-.445-1.053-.75-1.687-.882-.633-.13-1.29-.083-1.897.14-.273-.587-.704-1.086-1.245-1.44S11.647 1.62 11 1.604c-.646.017-1.273.213-1.813.568s-.969.854-1.24 1.44c-.608-.223-1.267-.272-1.902-.14-.635.13-1.22.436-1.69.882-.445.47-.749 1.055-.878 1.688-.13.633-.08 1.29.144 1.896-.587.274-1.087.705-1.443 1.245-.356.54-.555 1.17-.574 1.817.02.647.218 1.276.574 1.817.356.54.856.972 1.443 1.245-.224.606-.274 1.263-.144 1.896.13.634.433 1.218.877 1.688.47.443 1.054.747 1.687.878.633.132 1.29.084 1.897-.136.274.586.705 1.084 1.246 1.439.54.354 1.17.551 1.816.569.647-.016 1.276-.213 1.817-.567s.972-.854 1.245-1.44c.604.239 1.266.296 1.903.164.636-.132 1.22-.447 1.68-.907.46-.46.776-1.044.908-1.681s.075-1.299-.165-1.903c.586-.274 1.084-.705 1.439-1.246.354-.54.551-1.17.569-1.816zM9.662 14.85l-3.429-3.428 1.293-1.302 2.072 2.072 4.4-4.794 1.347 1.246z' fill='rgb(29, 155, 240)'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
width: 1rem;
height: 1rem;
}
/* eat my dick (real) */
[class*=wumpusTooltip] {
visibility: hidden;
}
[class*=wumpusTooltip]:after {
visibility: visible;
}
[class*=wumpusTooltip]:before {
content:'I\'m new to Discord, eat my dick!';
visibility: visible;
display: inline-block;
background: var(--white-500);
color: var(--primary-dark-500);
width: max-content;
height: max-content;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
position: relative;
left: -6px;
bottom: -6.5px;
padding: 1px 6px;
font-size: 12px;
font-weight: 500;
border-radius: 3px;
margin-top: -12px;
margin-right: 8px;
-webkit-transition: opacity .11s linear .17s;
transition: opacity .11s linear .17s;
}
/* End eat my dick (real) */
/* Remove nitro profile effects */
[class*="profileEffects"] {
display:none;
}
/* Remove full profile effects */
[class^="profileEffects"]
{
display: none;
}
/* Give @zt64 an anime pfp */
img[src*="289556910426816513"] {
content: url("https://cdn.discordapp.com/attachments/845052403802964019/1155581128657350717/20230923_061105.jpg");
}
/* Professional image for some reason */
/*
#app-mount {
transform: rotate(10deg) skew(10deg) scale(0.7);
}
*/
/* Hide Nitro gift button */
button[aria-label="Send a gift"] {
display: none;
}
/* Hide the nitro tab in the homepage */
a[data-list-item-id$="___nitro"] {
display: none;
}
/* Hide shop button in Home */
a[data-list-item-id*="shop"] {
display: none;
}
/* make pings the same color as activity icons */
.numberBadge__50328 {
background-color: var(--background-accent)!important;
}
/* Change channel unread indicator text */
.text-xs-semibold_a3a2b4.barText__1a44f {font-size: 0px;}
.text-xs-semibold_a3a2b4.barText__1a44f:before {font-size:12px; content: /*CHANGE TO WHATEVER*/ "Someone is trying to speak..."; position: absolute; top: 4px;}
.bar__004d9 {width: 200px;} /* adjust if needed for bar width, incase the text goes off the bar*/
/* Fix Mosaic Zoom (make full images show when more than one is attached) */
[class^="imageWrapper_"] img[class^="lazyImg"] { object-fit: contain !important; }
/* Make chat 'slow down' message shiggy */
.wumpus__3d214 {
scale: 1;
content: url(https://media.discordapp.net/stickers/1039992459209490513.png);
}
.focusLock__10aa5 .text-md-normal__4afad {
font-size: 0;
}
.focusLock__10aa5 .text-md-normal__4afad::after {
font-size: 16px;
content: "Relax with Shiggy for as long as you need."
}
/* Dim server muted/server deafened icons */
[aria-label="Mute"] [aria-hidden="true"],
[aria-label="Deafen"] [aria-hidden="true"]{
opacity: 0.4;
}
/* Fix poor contrast username colors */
[class*=username_][style],
.mention[style],
[class*=membersGroup_] [style]
{ filter:contrast(.2) brightness(1.2) saturate(500%); }
/* Full height gif menu */
[class^="positionContainer_"] {
height: calc(100vh - 180px);
}
/* Make max-height of user profile bio */
[class^=userPopoutInner_] [class^=blockquoteContainer_] {
max-height: 90px;
}
/* Put the message displays at the top */
/* fear */
div[id="appearance-tab"] div [class*=children] {
/* Move the display preview to the top */
div[tabindex="-1"] {
order: 0;
}
/* Move it's controls below it */
div[class*=marginTop8_]:nth-of-type(3) {
order: 1;
}
/* Nitro upsells */
div[class*=marginTop8_]:nth-of-type(2) {
order: 3;
}
/* the nitro icon */
div[aria-label="Exclusive to Nitro"] svg[class*=nitroWheel] {
display: none;
}
/* The "Only with Nitro." labels */
h3[data-text-variant="text-sm/normal"] {
display: none;
}
/* Redundant title, also blends in themes more */
h3[aria-label="Color"] {
display: none;
}
/* Move chat font scaling, zoom level, etc to where it should be */
div[class*=marginTop20_] {
order: 10;
}
}
/* Make the theme menu slightly more bearable to look at */
div[class^=premiumFeatureBorder] {
/* Disable the border */
border: none;
div[class^=background_] {
padding: 0px;
}
/* Blend in the nitro themes with the rest of the theme selector */
div[class^=title] {
display: none;
}
div[class^=tryItOutButtons] {
display: none;
}
h3[class^=defaultColor] {
display: none;
}
}
/* Scale up hovered emojis in emoji server popup */
img[class="emoji otherEmoji_e58351"]:hover {
transform: scale(2);
}
/* Reactions hover scale-up */
[class^=reaction_]:not(:has([class^=burstGlow_])) .emoji {
transition: transform 0.5s ease;
}
[class^=reaction_]:not(:has([class^=burstGlow_])):hover .emoji {
transform: translateY(-10px) scale(1.5);
}*
/* Hide channel sidebar until hover
[class^=sidebar_]:has([class*=avatarWrapper_]) {
transition: width 0.2s ease;
&:not(:hover) {
width: 5px;
}
}*/
/* Brighter status text for custom profiles */
.custom-profile-theme [class^=statusBubble_] [class^=defaultColor_] {
color: var(--white-500);
}
/* Match activity buttons color with profile button color for custom profiles */
.custom-profile-theme [class^=activityBiteSizePopout_] button,
.custom-profile-theme [class^=activitySimplifiedProfile_] button {
background-color: var(--profile-gradient-button-color)!important;
}
/* App launcher reposition */
.channelTextArea_a7d72e {
position: relative;
}
.channelAppLauncher_df39bd {
position: absolute;
top: -50px;
right: 16px;;
}
/* Make Delete/Logout Buttons Red */
[class^=item_][data-tab-id="DELETE"],
[class^=item_][data-tab-id="logout"] {
color: var(--info-danger-foreground) !important;
}
[class^=item_][data-tab-id="DELETE"]:hover,
[class^=item_][data-tab-id="logout"]:hover {
background-color: var(--info-danger-background) !important;
}
@devxan
Copy link
Author

devxan commented Aug 12, 2024

My Discord feels laggy now...

@devxan
Copy link
Author

devxan commented Feb 15, 2025

I REMOVED A SINGLE @IMPORT-url AND IT'S NO LONGER LAGGY! ❤️

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment