#**Simple floating theme**

1 messages · Page 1 of 1 (latest)

south raven
#

What theme is this blue color?

south raven
#

How do you use it?

storm trail
#

Download the plugin

magic hazel
#

this messes with the color of my server list after/before

storm trail
#

😭 set the opacity to 1

magic hazel
#

this is with opacity 1

storm trail
#

Oh

#

Uh

#

Skill issue then idfk

magic hazel
#

when this dialog is open clicking into a server causes the entire window to move a few pixels

upper adder
#

i've had stuff like that happen with transforms

#

not sure what you can do about it

shell trail
#

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

magic hazel
#

mine isnt blurry

#

and yeayh yours is for some reason

south raven
magic hazel
#

you have to build vencord yourself with that plugin im pretty sure

storm trail
shell trail
crystal socket
shell trail
#

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

magic hazel
#

you can move the start menu to the left

shell trail
#

hmmmmmmmmmmmm

crystal socket
crystal socket
#

xd

magic hazel
shell trail
#

eh its not noticable till I focus

#

should be fine

#

nvm

#

its very noticable

#

only some things are blurry

magic hazel
#

when I checked earlier I zoomed in on a code block

shell trail
#

I went back to that channel

#

its no longer blurry

#

very much a bug

magic hazel
#

not blurry anymore?

shell trail
#

Before playing the video vs after blurs it

#

So at least thats something we can work with

magic hazel
#

weird

#

is it definitely related to this?

shell trail
#

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

crystal socket
#

true

#

i love transform: scale(0);

shell trail
#

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

magic hazel
#

i love this my main probkem is it kinda fucks my theme

shell trail
#

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;
    }```
magic hazel
#

i think my gradient starts at the edge of the screenno matter what despite the "window" not matching up there

shell trail
#

what theme?

magic hazel
#

nitro theme with fakenitro

#

blood red or crimson red

#

its crimson moon

shell trail
#

looks fine to me

magic hazel
#

yeah

shell trail
#

why whats wrong?

magic hazel
#

mine looks like this

crystal socket
#

but this is only with discord themes

shell trail
#

see what happens

shell trail
#

we dont talk about whats in those

#

[its nothing bad dw, i just dont like showing them]

shell trail
#

can i have the css for that

#

wait no i can just go search for it

#

brb

magic hazel
#

ooooh shit

#

bro

#

i forgot i looked up css to to tint my background image red

#

idk why that fucked with my theme

shell trail
#

ah

#

well did ya fix it

magic hazel
# shell trail can i have the css for that
.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"}```
shell trail
#

thanks
i couldnt find it anyway

magic hazel
#

ig i could just tint in paintnet and upload to imgur

shell trail
#

yeah

#

my background is uploaded to imgur

magic hazel
#

oh wait

shell trail
#

my font is purposely set to Ubuntu

#

my fault

magic hazel
#

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;
    
}```
storm trail
#

Get a higher res monitor trolley

magic hazel
crystal socket
# shell trail my font is purposely set to Ubuntu

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;
}
shell trail
#

cries

shell trail
crystal socket
#

unrealable

magic hazel
#

i like my square borders

shell trail
#

I would use square borders

#

wait

magic hazel
#

im trying to figure out how to make my scrollbar square rn

shell trail
#

lemme check if that theme still works

#

theme still works

magic hazel
#

link?

shell trail
magic hazel
#

oh i saw that but i dont want everything to be square

shell trail
#

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

magic hazel
#

ty 🔥

#

i love the retro look of square stuff

shell trail
#

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

magic hazel
#

yeah its so weird

crystal socket
#
.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

shell trail
#

dang

magic hazel
#

oh shit ty

#

was just about to ask

shell trail
#

idk what i was expecting im not very good at css!!!

magic hazel
#

my theme is kinda fucked there too

crystal socket
#

which search menu?

magic hazel
crystal socket
#

wait a sec

magic hazel
#

this scrollbar is square now too but the color is changed and it doesnt match the theme droidcry

shell trail
#

thats never been themed

magic hazel
#

is there any way to at least make them square

shell trail
#

I remember seeing a theme

#

that fixes Discords SHIT nitro themes

#

by plastering it everywhere

#

but idk

#

where it went

magic hazel
#

i have smth that is meant to do that

shell trail
#

yeah that should do it then

#

does it not work?

magic hazel
#

nope

magic hazel
#

well it did fix some stuff

#

like my settings menu is now themes

shell trail
#

dang it themes the settings but not the navigation popup

#

egh ive never liked discords theming anyways

#

so lazy

magic hazel
#

and can this border be disabled

#

between channel and title

crystal socket
# magic hazel themes mine
.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?

magic hazel
#

oh shit

#

tysm

#

i think my only unthemes thing now is search results

crystal socket
#

no idea if there are any problems

magic hazel
#

theyre just the normal grey unfortunately

#

nope

#

its squaire but its grey

#

which i think is default

magic hazel
#

bubbles are now themes search scroll bar isnt colored

shell trail
#

completely offtopic but my theming journey is now complete :D
opinions?

storm trail
#

Wow my eyes are burning

shell trail
#

lol

magic hazel
#

im not done yet im trying to make everything square

#

this is what it looks like rn

magic hazel
magic hazel
shell trail
magic hazel
#

is there a plugin to easily change them

shell trail
#

pacifico is like the one script lookin font i can actually read

magic hazel
#

i hate script fonts

shell trail
#

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 */
    }```
crystal socket
#
:root{
 --font-code: "Your font"
}

its for code

shell trail
#

font moment

crystal socket
#

formatting xd

shell trail
#

Sorry i organize my css with alot of indents..

#

you dont need them

magic hazel
#

ok i hate the script font

#

any recomemendations

storm trail
#

Firacode is cool

shell trail
#

you can also try Kanit

crystal socket
#

yeah

shell trail
#

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*

magic hazel
#

im liking firacode

#

i need a better font for codeblocks too

shell trail
#

it does look nice

shell trail
#

I meant ibm

magic hazel
#

i like this font if you know anything similar

shell trail
#

I feel like I should know what that is

magic hazel
#

wait ik the name

shell trail
#

Reddit Mono

#

i think

#

no

#

its not

#

its similar but thats not it

magic hazel
#

one of these

shell trail
#

Actually might just be Ubuntu Mono-

#

wait no the i is diff

#

fuck

magic hazel
shell trail
#

eh whatever i give up

shell trail
#

its fine

#

¯_(ツ)_/¯

#

also i use ubuntu mono

#

explod

magic hazel
#

is there a list of fonts

shell trail
#

i lied to you!!

magic hazel
#

that i can just switch to

shell trail
#

¯_(ツ)_/¯

magic hazel
#

do i have to change any of the code?

shell trail
#

yes

magic hazel
#

ibm plex mono does NOT look like this on mine

shell trail
#

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

magic hazel
#

oh

#

so am i not even using firacode rn

shell trail
#

nope

#

if you didnt put it

magic hazel
#

😭

shell trail
#

its not there

#

youve been using Times new roman

shell trail
#

[cuz thats the default]

shell trail
magic hazel
#

no

shell trail
#

also spaces need to be replaced with a plus

shell trail
magic hazel
#

this is what i have

magic hazel
shell trail
#

the name isnt Firacode on google

crystal socket
# magic hazel bubbles are now themes search scroll bar isnt colored
.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 🤷‍♂️

shell trail
#

its Fira+Code

#

and the name of the font isnt 1 word
Fira Code

magic hazel
#

one more thing

#

yk like the old style arrows

crystal socket
#

eh..

shell trail
#

root should look like this
import should look like this

#

then youll see firacode in codeblocks

crystal socket
magic hazel
#

smth like this

crystal socket
#

i don't have it

#

but i go to sleep now

magic hazel
#

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

shell trail
#

You have Fira Code on Primary and Headline, which is both not codeblocks

#

change them to the font you desire

#

to look for fonts

magic hazel
#

what all uses headline

#

is it just top lef

#

t

#

that text

shell trail
#

I have no clue what uses headline

magic hazel
#

ok hopefully just that

#

i dont want to change my font