Better channel highlighter and thread | libVencore | Page 1

old tendon May 31, 2023, 3:35 AM

#

red

#

the same code but in red

#

`#app-mount .containerDefault-YUSmu3.selected-2TbFuo .content-1gYQeQ {
background: #00000025;
border: 2px solid #8b0202;
}

.icon-2W8DHg {
width: 15px;
height: 15px;
}

[aria-label="Channels"] [class^="content"],
[class^="popout-"] [class^="row-"]
{
border-style: solid;
border-width: 2px;
border-color: transparent;
background-color: transparent;
}

[aria-label="Channels"] [class^="content"]:hover,
[class^="popout-"] [class^="row-"]:hover
{
border-color: #b00b69 !important;
}

.unread-36eUEm {
display: none;
}

.modeUnread-3Cxepe .icon-2W8DHg,
#app-mount .containerDefault-YUSmu3.selected-2TbFuo .content-1gYQeQ .icon-2W8DHg,
#app-mount .containerDefault-YUSmu3:hover .content-1gYQeQ .icon-2W8DHg
{
color: #a10a0a !important;
}`

latent vortex May 31, 2023, 6:35 AM

#

I mean ... you can change the color to anything you like

sturdy swallow May 31, 2023, 12:46 PM

#

how can i change the color?
i want cyan pls...

#

oh should i just change the hex on the bottom...

#

got it

latent vortex May 31, 2023, 1:13 PM

#

change the first 6 characters of the hex to something else, the latter two (on certain lines) represents the opacity

sturdy swallow May 31, 2023, 1:21 PM

#

latent vortex change the first 6 characters of the hex to something else, the latter two (on c...

i just changed the hex and it works fine thanks mikuheart

peak falcon Jun 1, 2023, 10:51 PM

#

same but with a gradient :3

/* channel outlines and highlighted icons (Original code from hadeanMachine and ArjixWasTaken) */
#app-mount .containerDefault-YUSmu3.selected-2TbFuo .content-1gYQeQ {
  background: linear-gradient(145deg, #653a86a4 45%, #31a3a7ad);
  border: 1px solid #4fb0b5;
}

.icon-2W8DHg {
  width: 17px;
  height: 17px;
}

[aria-label="Channels"] [class^="content"],
[class^="popout-"] [class^="row-"]
{
    border-style: solid;
    border-width: 0px;  
    border-color: transparent;
    background-color: transparent;
}

[aria-label="Channels"] [class^="content"]:hover,
[class^="popout-"] [class^="row-"]:hover
{   border-color: #4fb0b5 !important; }

.modeUnread-3Cxepe .icon-2W8DHg,
#app-mount .containerDefault-YUSmu3.selected-2TbFuo .content-1gYQeQ .icon-2W8DHg,
#app-mount .containerDefault-YUSmu3:hover .content-1gYQeQ .icon-2W8DHg
{   color: #4fb0b5 !important;  }```

#

latent vortex Jun 1, 2023, 11:06 PM

#

looks very nice, thank you thumbsup

peak falcon Jun 1, 2023, 11:06 PM

#

🫡

#

is there a way to get the hover highlight also round?

latent vortex Jun 1, 2023, 11:07 PM

#

i thought its already in there

peak falcon Jun 1, 2023, 11:08 PM

#

hmm, maybe it's my theme

#

there's a global roundness var

#

got it

trail linden Jun 2, 2023, 8:58 PM

#

peak falcon same but with a gradient :3 ```css /* channel outlines and highlighted icons (Or...

omg i love this

latent vortex Jun 2, 2023, 9:06 PM

#

https://cdn.discordapp.com/emojis/1024751291504791654.gif?size=48&name=shiggy&quality=lossless

trail linden Jun 2, 2023, 9:16 PM

#

#app-mount .containerDefault-YUSmu3.selected-2TbFuo .content-1gYQeQ {
  background: linear-gradient(90deg, 
    #5BCEFA 20%,
    #F5A9B8 20%,#F5A9B8 40%,
    #ffffff 40%,#ffffff 60%,
    #F5A9B8 60%,#F5A9B8 80%,
    #5BCEFA 80%
  )
}

🫡 🏳️‍⚧️

lavish mica Jul 7, 2023, 10:01 PM

#

peak falcon same but with a gradient :3 ```css /* channel outlines and highlighted icons (Or...

the gradient on this isn't working for me, is there something else i need?

#

checked- it isnt because of any themes

peak falcon Jul 8, 2023, 12:33 AM

#

it is also broken for me, no clue why

#

not just the gradient, the whole snippet stopped working

lavish mica Jul 8, 2023, 12:36 AM

#

yeah ;-; it was working earlier

trail linden Jul 8, 2023, 12:37 AM

#

i think it's because it uses hardcoded class names, which changed in the last discord update

#

the aeiou at the end of .something-aeiou

lavish mica Jul 8, 2023, 12:43 AM

#

the coloring the channel icon still works

#

thats it though

latent vortex Jul 8, 2023, 6:02 AM

#

Yeah hard coded classes changed

#

Working on a fix

#

I am changing them to attribute selectors

peak falcon Jul 8, 2023, 6:02 AM

#

🙏

lavish mica Jul 8, 2023, 7:11 AM

#

hell yeah tysm

latent vortex Jul 8, 2023, 8:20 PM

#

I think I have found a fix

#

@peak falcon @lavish mica

:root {
  --channel-bg: #b00b6925;
  --channel-border: #b00b69ff;
  --channel-curve: 0.75rem;
  --channel-border-thickness: 2px;
}

:not([class*=container-]) > ul > [class*=containerDefault-][class*=selected-] > div > div > [class*=link],
[class*=container-] > ul > [class*=containerDefault-][class*=selected-] > [class*=wrapper-] > [class*=link-],
[class*=modeSelected-] > div > [class*=link-]
{
  background: var(--channel-bg);
  border: var(--channel-border-thickness) solid var(--channel-border);
  border-radius: var(--channel-curve);
}

[class*=containerDefault] > div > div > a > div > div > svg { width: 15px; height: 15px; }

:not([class*=container-]) > ul > [class*=containerDefault-] > div > div > [class*=link],
[class*=container-] > ul > [class*=containerDefault-] > [class*=wrapper-] > [class*=link-],
[class*=modeConnected-] > div > [class*=link-],
[class*=containerDefault-] > [class*=list-] > div > div > div
{
    border: var(--channel-border-thickness) solid transparent;
    background-color: transparent;
    border-radius: var(--channel-curve);
}

:not([class*=container-]) > ul > [class*=containerDefault-]:hover > div > div > [class*=link],
[class*=container-] > ul > [class*=containerDefault-]:hover > [class*=wrapper-] > [class*=link-],
[class*=modeConnected-]:hover > div > [class*=link-],
[class*=containerDefault-] > [class*=list-]:hover > div > div > div
{
    border-color: var(--channel-border) !important;
}

[class*=unread-] { display: none; }

[class*=modeUnread] [class*=icon-],
[class*=containerDefault-][class*=selected-] [class*=icon-], [class*=modeSelected-] [class*=icon-],
[class*=containerDefault-]:hover [class*=icon-] { color: var(--channel-border) !important; }

peak falcon Jul 8, 2023, 8:24 PM

#

doesn't work for vc's trolley

lavish mica Jul 8, 2023, 8:24 PM

#

the little icon lights up at least

peak falcon Jul 8, 2023, 8:24 PM

#

true

lavish mica Jul 8, 2023, 8:24 PM

#

it works for me!!! tyvm

latent vortex Jul 8, 2023, 8:25 PM

#

peak falcon doesn't work for vc's <:trolley:1024751352028602449>

hmm lemme see

latent vortex Jul 8, 2023, 8:36 PM

#

peak falcon doesn't work for vc's <:trolley:1024751352028602449>

okay fixed, load the new snippet again

lavish mica Jul 8, 2023, 8:38 PM

#

hell yeah tysm

latent vortex Jul 8, 2023, 8:38 PM

#

https://cdn.discordapp.com/emojis/1024751291504791654.gif?size=48&name=shiggy&quality=lossless

sturdy swallow Oct 26, 2023, 2:22 PM

#

latent vortex looks very nice, thank you <:thumbsup:1109900336912662538>

how can i make borders curved like that?

#

mine looks solid

latent vortex Oct 26, 2023, 2:23 PM

#

add border-radius after you have defined the border width

lavish mica Oct 26, 2023, 2:39 PM

#

broken with newest update D:

latent vortex Oct 26, 2023, 2:47 PM

#

Deprecated, I don't maintain it anymore

lavish mica Oct 26, 2023, 3:00 PM

#

fair

sturdy swallow Oct 26, 2023, 5:57 PM

#

lavish mica broken with newest update D:

works for me thou... i just updated classes...

sturdy swallow Oct 26, 2023, 5:57 PM

#

latent vortex add border-radius after you have defined the border width

tyvm!

sturdy swallow Oct 26, 2023, 5:59 PM

#

latent vortex add border-radius after you have defined the border width

hmmm that doesn't seem to work.... can u please provide the syntax?

latent vortex Oct 26, 2023, 6:03 PM

#

just

.element {
border: 3px solid salmon;
border-radius: 8px
}

#

.element being whatever you want to target

lavish mica Oct 26, 2023, 11:21 PM

#

sturdy swallow works for me thou... i just updated classes...

whereabouts can i find the classes to change/what to change them to?

lavish mica Oct 27, 2023, 12:38 AM

#

https://github.com/Saltssaumure/ClassUpdate

GitHub

GitHub - Saltssaumure/ClassUpdate: Update Discord theme classes, Oc...

Update Discord theme classes, October 2023. Contribute to Saltssaumure/ClassUpdate development by creating an account on GitHub.

#

nevermind, found a tool and did it all :)

latent vortex Oct 27, 2023, 5:34 AM

#

https://syndishanx.github.io/Website/Update_Classes.html

#

This one gets the job done faster, just place the file inside and classes will get automatically changed

lavish mica Oct 27, 2023, 6:03 AM

#

ohm sick

sturdy swallow Oct 27, 2023, 7:31 AM

#

lavish mica whereabouts can i find the classes to change/what to change them to?

Ig ur done!... aquaSalute

sturdy swallow Oct 27, 2023, 7:32 AM

#

latent vortex just ```css .element { border: 3px solid salmon; border-radius: 8px } ```

Okk ty!

sturdy swallow Oct 27, 2023, 11:58 AM

#

lavish mica whereabouts can i find the classes to change/what to change them to?

am i doing something wrong?

latent vortex Oct 27, 2023, 12:02 PM

#

Yes, change all "-" to "_"

sturdy swallow Oct 27, 2023, 12:55 PM

#

latent vortex Yes, change all "-" to "_"

oh okk other all ok?

#

hmm that doesn't seem to work either...

latent vortex Oct 27, 2023, 1:21 PM

#

No, you have already set the color to salmon, remove also the border-color: transparent line

#Better channel highlighter and thread