**Animated Discord Title Bar and Guild

[midnight pasture]

Does not seem to work when using nitro themes unfortunately. I'm using sunset, However it does work when inside of the settings menu but only at the top of the screen.

[tame laurel]

guhhh lemme look at it

[solemn gyro]

guhhhhh

https://tenor.com/view/guh-gif-25116077

[tame laurel]

fixed (almost)

[midnight pasture]

👏

[tame laurel]

funny effect

[solemn gyro]

yh

[tame laurel]

would you like it to remain transparent or apply the gradient?

looks very silly

/* Main Background Colour and Image */
.bg__12180 {
  background-image: url("https://raw.githubusercontent.com/coolesding/shiggycord/v3/img/snow.gif") !important; /* You can use any GIF/PNG/JPEG Link */
  background-repeat: repeat; /* Adjust if needed (depending on media used) */
}

/* Additional Transparency */
.childWrapper__01b9c, /* Discord Home Icon */
.wrapper_a7e7a8, /* Guild List Bar */
.circleIconButton_d8df29,  /* Add Server and Server Discovery */
.custom-theme-background .scroller__3d071,  /* Overrides Nitro Themes (for Guild List) */ 
.custom-theme-background .withBackgroundOverride_b6a351 /* Overrides Nitro Themes (for Title Bar) */{
  background: transparent !important;
}

/* Additional Recolouring */
.wordmarkWindows__05c46, /* "Discord" Text */
.winButtonClose__73489, /* Close Discord Button" Text */
.winButtonMinMax__72f36, /* Maximize Discord Button */
.winButtonMinMax__72f36:last-child, /* "Minimize Discord Button */ 
.circleIcon__428dd /* Add Server and Server Discovery SVG'S */ {
    color: #ffffff;
}

fixxed the guild list but im not sure how to fix the titlebar

[tame laurel]

Fixed @midnight pasture, check original snippet for updated

[midnight pasture]

Looks wonderful, thanks so much :)

[tame laurel]

lmk if you run into any other issues :3

[midnight pasture]

Will do! :D

[safe plaza]

disclaimer: image link will change in the future

[hushed rapids]

im doing this from now on

This snippet FAILED the Craptop™ test!
 Snippet created considerable lag on my shitty PC.

[safe plaza]

if this snippet caused lag on your computer, just loading Discords stock CSS file should set it on fire

[hushed rapids]

i know but they keep it surprisingly optimized (apart from avatar deco)

[safe plaza]

"surprisingly optimized"

I can tell you, that code is not optimized

[tame laurel]

i can tell you i put no effort into optimisation

[tame laurel]

works fine on mine and i can guarantee my system is worse

[safe plaza]

I can tell you that discord is 294828737372736382839472 times worse

[tame laurel]

krill issue, use vesktop

[safe plaza]

I am talking about Discords CSS you fucking moron<3

[tame laurel]

i meant to reply to the other dude about their craptop

[safe plaza]

also you don't have to tell me, it's obvious

[tame laurel]

i did tell you to beef it up if you’d like :3 #🎨-theme-development message

tho i really do like the aesthetic of it with pure amoled theme https://luckfire.github.io/amoled-cord/src/amoled-cord.css

[safe plaza]

I haven't turned my computer on since wednesday

Tuesday?

[tame laurel]

turn it on

[safe plaza]

it's 00:18

you will need a very compelling offer to make that happen

[tame laurel]

you’ll receive 1 cat photo

[safe plaza]

not enough

also my offer is now over

[tame laurel]

sadge

[hushed rapids]

An Intel Celeron J1245 with integrated graphics?

[hushed rapids]

I use desktop and it's still laggy

[tame laurel]

strange, not really sure how to optimise it, sorry

if you find a way, lmk and i’ll try to implement it

[hushed rapids]

Idk about how to optimize CSS

[safe plaza]

we're gonna have a talk later.

[tame laurel]

scared

[burnt marten]

what if I just need the titlebar?

[sacred sedge]

One message removed from a suspended account.

[safe plaza]

get ready bitch

[tame laurel]

/* Main Background Colour and Image */
.bg__12180 {
  background: url("https://raw.githubusercontent.com/coolesding/shiggycord/v3/img/snow.gif") !important; /* You can use any GIF/PNG/JPEG Link */
  background-repeat: repeat; /* Adjust if needed (depending on media used) */
}

/* Additional Transparency */
.custom-theme-background .withBackgroundOverride_b6a351 /* Overrides Nitro Themes (for Title Bar) */ {
  background: transparent !important;
}

/* Additional Recolouring */
.wordmarkWindows__05c46, /* "Discord" Text */
.winButtonClose__73489, /* Close Discord Button" Text */
.winButtonMinMax__72f36, /* Maximize Discord Button */
.winButtonMinMax__72f36:last-child /* "Minimize Discord Button */ {
    color: #ffffff;
}

/* Cleanup */
body, .appMount_fae9dd /* Overrides Gradient (for Title Bar */ {
  background: var(--background-tertiary) !important;
}

:3

[burnt marten]

epic, ty :)

[safe plaza]

here bbg

[tame laurel]

add folder transparency :3

[safe plaza]

go fuck yourself

[tame laurel]

im kidding

though, you should take the credit

you're literally the best

[timber vector]

Doesn't work? I put into my quick css for vesktop and seemingly did nothing

It'd help if i left quickcss ON, my bad

[safe plaza]

get rekt

[tame laurel]

krill issue

[timber vector]

hey i fixed it smh.. my brain was just no worky at that time

[tame laurel]

all good, hopefully you like it

if there’s any issue or improvements you want made just lmk

[timber vector]

working fine as of now, nothing to say other than it adds a nice bit of atmosphere to discord

[tame laurel]

real

[pale jasper]

is there a way to do the entire screen

[tame laurel]

i mean yeah?

[pale jasper]

how

[tame laurel]

use inspect element

[fringe plaza]

@tame laurel would you still happen to have the snow gif linked in this snippet? I thought I had saved it but I guess I am remembering wrong.

[tame laurel]

https://schizophrenic.lol/assets/snow.gif

https://schizophrenic.lol/assets/snow.gif

[fringe plaza]

bless ily

[tame laurel]

forgot i edited the structure oops

also the edited one in channel is more updated :p

[timber vector]

Which ones the most up to date one again?

[tame laurel]

#🎨-css-snippets message