#**Simple floating theme**
1 messages · Page 1 of 1 (latest)
How do you use it?
Download the plugin
this messes with the color of my server list after/before
😭 set the opacity to 1
this is with opacity 1
when this dialog is open clicking into a server causes the entire window to move a few pixels
its really funny when you get it to buggily spasm
really wish discord handled that better with scrollbars
not too big of an issue for me tho
¯_(ツ)_/¯
also
am i crazy
or do things look blurry
wait lemme check if thats just the opacity setting
i need outside confirmation please tell me its not my eyes and things are actually blurry
I already have Vencord installed.
I threw this code into a css but it doesn't work.
How else can I do it?
you have to build vencord yourself with that plugin im pretty sure
Discord is weird like that 
Are you on windows 10
add this and this bug is gone
.submenuPaddingContainer__5a97c .menu__088f7 {
max-height: 40vh;
}
oki
it is a very quick fix I can tell because if you try to purposefully do it it still works
Otherwise a perfect fix
.submenuPaddingContainer__5a97c .menu__088f7 {
max-height: 20vh;
}
.scroller__8f066 {
max-height: 30vh;
}
you can also use this, which reduces the size of both menus
✨
thanks
i like scrolling
xd
it makes up for it in other ways
eh its not noticable till I focus
should be fine
nvm
its very noticable
only some things are blurry
when I checked earlier I zoomed in on a code block
not blurry anymore?
Before playing the video vs after blurs it
So at least thats something we can work with
Also yes I checked
without the css it doesnt do that
with this css it does
without this threads css:
maybe a scaling issue?
discord is such a mess lol
I tried doing margin
but it doesnt center
and im not a css coder
all i know is that margin and padding does funny
I tried making it NOT use scaling
it fixed the blurryness after playing the video
unreal
its not pixel perfect on all sides
but its tolerable to me
i love this my main probkem is it kinda fucks my theme
Heres the CSS for anyone that also runs into blurryness issues and doesnt really care about perfection in the sides
#app-mount
{
margin: 15px;
width: 98%;
height: 96.4%;
border-radius: 12px;
opacity: 0.95;
}
body
{
/*put image url here (if it wasn't obvious)*/
background-image: url("https://i.imgur.com/nBkv0lG.jpeg");
background-size: cover;
}
.submenuPaddingContainer__5a97c .menu__088f7 {
max-height: 20vh;
}
.scroller__8f066 {
max-height: 30vh;
}```
dang
i think my gradient starts at the edge of the screenno matter what despite the "window" not matching up there
what theme?
yeah
why whats wrong?
mine looks like this
Try my "rewrite" without transform scale
see what happens
shhhh
we dont talk about whats in those
[its nothing bad dw, i just dont like showing them]
also what a watermark lol
can i have the css for that
wait no i can just go search for it
brb
ooooh shit
bro
i forgot i looked up css to to tint my background image red
idk why that fucked with my theme
.wordmark__5b8c9{pointer-events:unset;padding:0}.wordmark__5b8c9>svg{display:none}.wordmark__5b8c9::after{position:absolute;top:4px;padding:4px 9px 3px;font-size:9px;letter-spacing:0.4px;white-space:nowrap;font-family:var(--font-headline);content:var(--modtitle-text)}:root{--modtitle-text: "lets all love lain"}```
thanks
i couldnt find it anyway
well now my tint is gone 
ig i could just tint in paintnet and upload to imgur
font moment
cant win em all
oh wait
oh
this is what i had
body
{
/*put image url here (if it wasn't obvious)*/
background-image: url("https://d.furaffinity.net/art/joje/1470451760/1470451760.joje_lain_wallpaper.jpg");
background-size: cover;
background-color: rgba(255, 0, 0, 0.815);
background-blend-mode: multiply;
}```
That's just an issue with the transform scaling
Get a higher res monitor 
is there any way to just make it apply to the background image
try this
:root {
--wordmark-color: currentColor;
--wordmark-font: "ABC Ginto Nord";
}
.wordmarkWindows_ffbc5e svg {
display: none;
}
.wordmarkWindows_ffbc5e::after {
content: "Discord";
font-size: 10px;
font-family: var(--wordmark-font);
color: var(--wordmark-color);
top: 2px;
left: 3px;
position: relative;
}
Im gaming at 1080p on a laptop
cries
it works but I already decided I want the font to be Pacifico so ill just change it to that
Thanks tho!!
real
unrealable
i like my square borders
im trying to figure out how to make my scrollbar square rn
link?
you can use Squared to make literally everything a square
https://github.com/MiniDiscordThemes/Squared?tab=readme-ov-file
oh i saw that but i dont want everything to be square
Look through the import and figure out where the scrollbar thingy is
here ill look with you
Hollyy shiit
the import is a MESS
okay nvm ill just see if i can do it myself
wow trying to find the scrollbar thingy is hard
I did get it to do something when you hover on it tho-
gonna keep looking
yeah its so weird
.scroller_d4b86c, .scroller__5f036,.scroller_e412fe, .scrollbarGhost__299c1::-webkit-scrollbar-thumb,
.scrollbarGhost__299c1::-webkit-scrollbar-track,
.scrollerBase__65223::-webkit-scrollbar-thumb,
.scrollerBase__65223::-webkit-scrollbar-track,
.scrollerBase_f742b2::-webkit-scrollbar-thumb,
.scrollerBase_f742b2::-webkit-scrollbar-track,
.webkit__8d35a::-webkit-scrollbar-thumb, .auto__020ac::-webkit-scrollbar-thumb, .auto__020ac::-webkit-scrollbar-track{
border-radius: 0;
}
here
dang
idk what i was expecting im not very good at css!!!
the one place i can find this doesnt work is the search menu
my theme is kinda fucked there too
which search menu?
wait a sec
this scrollbar is square now too but the color is changed and it doesnt match the theme 
im pretty sure thats just Discord themes for you
yeah
thats never been themed
is there any way to at least make them square
I remember seeing a theme
that fixes Discords SHIT nitro themes
by plastering it everywhere
but idk
where it went
nope
its updated
dang it themes the settings but not the navigation popup
egh ive never liked discords theming anyways
so lazy
themes mine
and can this border be disabled
between channel and title
.searchResult__00093, .searchHeader__4d70e, .searchResultsWrap__2e184, .quickswitcher_b5bb0a,.input__2a648,.scroller_d4b86c {
background: var(--bg-overlay-3,var(--background-secondary));
}
what if you add this?
no idea if there are any problems
try this
theyre just the normal grey unfortunately
nope
its squaire but its grey
which i think is default
and now?
bubbles are now themes search scroll bar isnt colored
completely offtopic but my theming journey is now complete :D
opinions?
Wow my eyes are burning
lol
except avatars and stuff
i really like the chat font
Is ubuntu, pacifico, and ubuntu mono for codeblocks
is there a plugin to easily change them
pacifico is like the one script lookin font i can actually read
i hate script fonts
not a plugin
css
quite simple
You can find it in the pins of #🎨-css-snippets
But ill show you what my fonts look like on the css editor
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Mono&display=swap');
/*Font*/
:root {
--font-primary: "Ubuntu";
--font-display: "Pacifico";
--font-headline: "Ubuntu";
--font-code: "Ubuntu Mono"; /* you should use a monospace font for this */
}```
:root{
--font-code: "Your font"
}
its for code
font moment
why is it randomlly indented
formatting xd
Firacode is cool
you can also try Kanit
yeah
to use it you need to change this little part
and replace it with the font of your choosing based on whats up here
this is specifically for google fonts btw*
it does look nice
I most of the time just use ibm plex mono
I meant ibm
I feel like I should know what that is
wait ik the name
one of these
i really hate this
eh whatever i give up
i never see codeblocks
its fine
¯_(ツ)_/¯
also i use ubuntu mono
explod
is there a list of fonts
i lied to you!!
that i can just switch to
¯_(ツ)_/¯
do i have to change any of the code?
yes
!!
you did not assign it
change the font thingy for font-code to the name of the font you put
and also make sure theres an import that has that font
😭
i just did this
[cuz thats the default]
did you make sure theres an import with the font?
no
then do that!!
this is what i have
how !!
the name isnt Firacode on google
.thin__62e51::-webkit-scrollbar-thumb{
background-size: 200vh;
background-image: -webkit-gradient(linear,left top,left bottom,from(rgb(var(--bg-overlay-color-inverse)/var(--bg-overlay-opacity-4))),to(rgb(var(--bg-overlay-color-inverse)/var(--bg-overlay-opacity-4)))),var(--custom-theme-background);
}
.thin__62e51::-webkit-scrollbar-track{
background-size: 200vh;
background-image: linear-gradient(rgb(var(--bg-overlay-color)/.4),rgb(var(--bg-overlay-color)/.4)),var(--custom-theme-background);
}
idk 🤷♂️
yes 🔥
one more thing
yk like the old style arrows
eh..
root should look like this
import should look like this
then youll see firacode in codeblocks
no
smth like this
ok ty for the help
ok wait is fira code meant to be a normal text
or code
i forget
oh
yeah that would make sense
ok i like fira code
do youve other recommendations
this is what i have
i kept changing the wrong one
i want to keep the code one
You have Fira Code on Primary and Headline, which is both not codeblocks
change them to the font you desire
use fonts.google.com
to look for fonts
I have no clue what uses headline