A bit more float-ey | libVencore | Page 1

solar nebula Apr 17, 2024, 3:43 AM

#

I love this but it makes stuff blurry and makes tooltips offset

#

is there any way to fix those?

teal remnant Apr 17, 2024, 3:43 AM

#

like, make it not transparent?

solar nebula Apr 17, 2024, 3:43 AM

#

no like some text is slightly blurred

teal remnant Apr 17, 2024, 3:44 AM

#

like what for example?

solar nebula Apr 17, 2024, 3:44 AM

#

kinda hard to see but noticeable

teal remnant Apr 17, 2024, 3:44 AM

#

not sure if those are blurred or just low quality

solar nebula Apr 17, 2024, 3:44 AM

#

it's just cause everything gets scaled down

teal remnant Apr 17, 2024, 3:44 AM

#

idk might have soemthing to do with the opacity being 0.98 or the text render part.

#

oh

#

makes sense actually

solar nebula Apr 17, 2024, 3:45 AM

#

what i was thinking is just limiting the width and height of the app container instead but idk

teal remnant Apr 17, 2024, 3:45 AM

#

like, adding a margin?

solar nebula Apr 17, 2024, 3:45 AM

#

kinda

teal remnant Apr 17, 2024, 3:46 AM

#

I am sure all themes use margins if they want background image

solar nebula Apr 17, 2024, 3:46 AM

#

might try that solution in a bit

#

busy rn

teal remnant Apr 17, 2024, 3:46 AM

#

.layer_f7d46a

#

I think this is the class you have to add the margins to

#

yeah it is

solar nebula Apr 17, 2024, 3:52 AM

#

works fine with #app-mount too

#

but i just used position: absolute

teal remnant Apr 17, 2024, 3:53 AM

#

yeah both share the same ID

solar nebula Apr 17, 2024, 3:53 AM

#

and width/height: 95%

teal remnant Apr 17, 2024, 3:53 AM

#

#app-mount {
  --window-margin-amount : insert margin here ;
  --window-border-radius : insert roundness here ;
}
.layer_f7d46a {
        margin: var(--window-margin-amount);
        padding-top: 0;
        overflow: hidden;
        border-radius: var(--window-border-radius);
}  ```
somethin like that works?

solar nebula Apr 17, 2024, 3:53 AM

#

.appMount_c99875, .app_de4237, .bg__12180 {background: transparent;}
/* Change these values */
#app-mount {
    /* transform: scale(0.95); */
    position: absolute;
    width: 95%;
    height: 95%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-rendering: optimizeLegibility;
    opacity: 0.95;
    border-radius: 16px;
}
body {
    background-image: url("https://i.imgur.com/dr9YVUU.gif");
    background-size: cover;
}

teal remnant Apr 17, 2024, 3:53 AM

#

I was going for the margin alone

#

but yeah yours is should work too

solar nebula Apr 17, 2024, 3:54 AM

#

mines more centered

teal remnant Apr 17, 2024, 3:57 AM

#

really? I can't spot a difference

sharp plaza Apr 17, 2024, 5:25 AM

#

solar nebula no like some text is slightly blurred

thats the opacity as its applying it to the whole app_mount

#

by any chance are you using a web browser?

#

ah well seems like you found the solution

teal remnant Apr 17, 2024, 5:27 AM

#

I think he means the scaling caused the text to become blurry after it became smaller.

sharp plaza Apr 17, 2024, 5:28 AM

#

Yes thats an issue for web browsers, At least for what I've tested with

long mason Apr 17, 2024, 3:44 PM

#

uhh what size should i go to

midnight hazel Apr 17, 2024, 7:40 PM

#

solar nebula ``` .appMount_c99875, .app_de4237, .bg__12180 {background: transparent;} /* Chan...

this messes with my chatbar a bit

#

used to be square now t has this weird border

solar nebula Apr 17, 2024, 7:43 PM

#

I never had that

#

Other theme probably

midnight hazel Apr 17, 2024, 7:43 PM

#

i have my chatbar moved down to match the edge of the window

#

yeah smth in the import causes it

#

even any way to get rid of any rounding the css does

#

i want my client to have square corners

solar nebula Apr 17, 2024, 8:16 PM

#

Remove the import ig

midnight hazel Apr 17, 2024, 8:18 PM

#

that removes the a bit more floaty bit

#

i really love the look of this

solar nebula Apr 17, 2024, 8:25 PM

#

Try looking at the import to see what it does and reverse it in your quick css

midnight hazel Apr 17, 2024, 8:34 PM

#

yeah managed to do it ty

#

with the default import this is misaligned

midnight hazel Apr 17, 2024, 9:08 PM

#

one weird thing is this rectangle when you open a thread from chat

#

th the left of opt out

midnight hazel Apr 17, 2024, 10:20 PM

#

is there a way to make it even more floatey

#

like this

sharp plaza Apr 19, 2024, 8:28 AM

#

midnight hazel is there a way to make it even more floatey

can you share me your theme?

midnight hazel Apr 19, 2024, 11:54 AM

#

sharp plaza can you share me your theme?

the theme is with fakenitro

#

I can send you all my css if you want

sharp plaza Apr 19, 2024, 2:37 PM

#

midnight hazel I can send you all my css if you want

sure, if its too big then dont send it here, in dms

sharp plaza Apr 19, 2024, 2:37 PM

#

midnight hazel one weird thing is this rectangle when you open a thread from chat

those are named with different classes, hence have different border-radiuses

sharp plaza Apr 19, 2024, 2:38 PM

#

midnight hazel with the default import this is misaligned

thats the margin, it was meant to be that way

#

actually i can fix many of your problems pretty easily

limber fern Apr 22, 2024, 2:53 AM

#

yeah theres a weird border when you open threads

midnight hazel Apr 22, 2024, 3:36 AM

#

.resizeHandle_cc9d34 {opacity: 0;}```

limber fern Apr 22, 2024, 2:03 PM

#

that one fixed, but about the embed

midnight hazel Apr 22, 2024, 4:50 PM

#

that doesnt happen for me

pulsar dawn May 27, 2024, 8:48 PM

#

changed some stuff :

no blurry
different image on hover/focused
opacity 100% on images/texts/etc.
some other fixes / changes to my liking, I'm too lazy to comment all of that, sorry
(you still need the base import)

📎 floaty.css

willow dove Jun 20, 2024, 7:12 PM

#

teal remnant ```css #app-mount { --window-margin-amount : insert margin here ; --window-b...

is this still working for anyone?

midnight hazel Jun 20, 2024, 9:01 PM

#

try running it through this
https://syndishanx.github.io/Website/Update_Classes.html

willow dove Jun 21, 2024, 9:31 PM

#

im a bit dumb..

willow dove Jun 21, 2024, 9:31 PM

#

midnight hazel try running it through this https://syndishanx.github.io/Website/Update_Classes...

what does this do?

midnight hazel Jun 21, 2024, 10:01 PM

#

discord basically changed the classes for everything, which are like labels, a few days ago and that updates them

willow dove Jun 23, 2024, 1:17 AM

#

ooo

#

for those that want a fixed version with clear text:

@import url("https://ukrioo.github.io/cssCord/Other/TabCord.css");
.appMount_ea7e65, .app_a01fb1, .bg_d4b6c5 {background: transparent;}
/* Change these values */
#app-mount {
  --window-margin-amount : insert margin here ;
  --window-border-radius : insert roundness here ;
}
body {
    background-image: url("https://files.catbox.moe/584kze.jpg");
    background-size: cover;
}
.layer_d4b6c5 {
        margin: var(--window-margin-amount);
        padding-top: 0;
        overflow: hidden;
        border-radius: var(--window-border-radius);
}

left gate Aug 9, 2024, 2:25 AM

#

sorry. it become like this after i put the css.. is it normal?

#

before.

willow dove Aug 9, 2024, 7:31 PM

#

left gate sorry. it become like this after i put the css.. is it normal?

i have the same issue, so yes. but ig we should add something to stop this from happening

left gate Aug 9, 2024, 10:34 PM

#

willow dove i have the same issue, so yes. but ig we should add something to stop this from ...

ahh i seee yess pls!

sharp plaza Aug 25, 2024, 3:38 AM

#

left gate sorry. it become like this after i put the css.. is it normal?

I stopped updating the css for a bit,
its discord changing their class names, i have to regularly update them when discord pushes a change

left gate Aug 25, 2024, 3:39 AM

#

its okay all good no worries.

sharp plaza Aug 25, 2024, 3:42 AM

#

left gate its okay all good no worries.

@import url("https://ukriu.github.io/cssCord/Other/TabCord.css");
.appMount_c99875, .app_de4237, .bg__12180 {background: transparent;}
/* Change these values */
#app-mount {
    transform: scale(0.95);
    text-rendering: optimizeLegibility;
    opacity: 0.98;
    border-radius: 16px;
}
body {
    background-image: url("https://files.catbox.moe/584kze.jpg");
    background-size: cover;
}

use this for now, i updated my github username day before yesterday so none of my snippets here work any longer with my old links

#A bit more float-ey