um…

[north plover]

Nice theme but Isn’t this just…
https://github.com/MiniDiscordThemes/SettingsIcons#installation

[gaunt pewter]

to an extent it is, but it was making the sizing of the sidebar wierd when i used it. So i made it not change the sidebar size and added some extra features for customization

[north plover]

okai:3

[gaunt pewter]

for example, you can the color of icons change when hovered. By default I added functionality to nitro and server boost

[neon sluice]

bruh

[gaunt pewter]

What theme are you using? I can take a look at the problem if you want

[brave surge]

yeah, it bothered me too. your snippet is GOLD

[proven yoke]

Is it not working for Vesktop?

ah nvm, forgot to enable Theme Attributes

[modern knoll]

can you fix these

iirc another settings icon theme has the icons for this but i forgot which one

also

when opening settings

this theme reduces my discord to about 1fps for a few seconds

[gaunt pewter]

I’ll take a look in an hour or two, that is a vencord plug-in right?

[modern knoll]

It’s in #1032200195582197831

[gaunt pewter]

@modern knoll theme has been updated, let me know if it's faster

[neon sluice]

https://betterdiscord.app/theme/ClearVision of https://bdeditor.dev/theme/clearvision

[gaunt pewter]

oh clearvision seems to have it's own icon thing

can probs just make a snippet to always show clearvision icons

[gaunt pewter]

adding this to your quick css should override ClearVision's sidebar

.sidebar_c25c6d .item_a0::before {
    margin-top: 0px !important;
    position: static !important;
    background-image: unset !important;
}```

[neon sluice]

ok~

tysm

thanks~

[gaunt pewter]

just edited it to fix the repositioning

cause the icons were slightly offset upwards

[neon sluice]

You are awesome, thank you

[gaunt pewter]

np

[thin pewter]

i read the customisation document and i know how to add colors to icons, but what colors are there to choose from? is there a way i can pick colours from the color wheel? new to CSS so any help appreciated

[gaunt pewter]

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_colors

easiest thing would probably be hex codes
example:

.item_a0[data-tab-id="Discord Nitro"]::before {
    --icon-color: #FFFFFF;
}

and if you want to remove the color from something preset, just set the color to unset

-# (i still need to actually make the readme and documentation actually good)

[junior hawk]

Add party mode fr fr

[gaunt pewter]

done

[junior hawk]

W

[gaunt pewter]

also you can now set the height of the sidebar items with --icon-height now

[thin pewter]

take your time

[gaunt pewter]

theme is going under a rework

might not work for a little

[gaunt pewter]

theme shold be fully functional

[thin pewter]

Can you please add icons for Vesktop settings and Theme Library :3 (third-party plugin: https://discord.com/channels/1015060230222131221/1257070841372610581 )

[crimson harbor]

at this point make it get the icons from a repo people can contribute to

actually no you already can

im like high

[thin pewter]

[gaunt pewter]

done

turns out that the ThemeLibrary plugin had support for SettingsIcons so the variable prefix is now --si-* so things that support it can also support this theme now

[thin pewter]

tysm <3

[brave surge]

why?

[gaunt pewter]

There is a new one

[gaunt pewter]

Just change your url to the one at the top of the thread

[brave surge]

nicee

[clever kraken]

The "Server Boost" icon changes its color when hovered, pls add ability to change colors for all icons that would be cooler and increase more accessibility

The icons are filled by default, this makes the sidebar not really easy to navigate, if u make it filled only after user hovers the icon it may look good.
I'm not fluent in English so I made this example for the "Clips" icon, hope u understand what i mean

[gaunt pewter]

for custom colors, you can already do that. I might make them all have individual variables if it seems less confusing for people. but for now this is the way to do custom colors.

/*
Custom Colors: Want to make an icon have a custom color? All you have to do is set the --si-color varible for the icon.

Example:
*/
.item_a0[data-tab-id="Discord Nitro"] {
  --si-color: var(--brand-500);
}

For the hovering feature, that would require basically doubling the amount svg icons, as there isn't any other real way of implementing that

i'll tweak with the opacity to try and make it easier to tell when something is hovered

[gaunt pewter]

what do you guys think makes more sense?

1. --si-my-account-color
2. --si-color-my-account

[thin pewter]

I think first one makes more sense

[clever kraken]

the second one is more convenient when doing css stuffs, like we just ctrl+F and input --si-color-, all the things relate to colors will show up

[gaunt pewter]

true

[gaunt pewter]

it has been updated

all the variables are listed in the .theme.css file now

[clever kraken]

niceeeeeeee

it's a lot better now

i loove it

[crimson harbor]

Men

[zealous dove]

Hello there, can you add OpenAsar icon please?

[raven ice]

can you add this please?

[gaunt pewter]

i forgot to check this in a whule

linux settings should be there lemme check if i did something wrong

ok the issue is i'm stupid

should be fixed

@thin pewter @raven ice both issues have been fixed

also if there is an issue literally just ping me here so i can be more aware of this

[raven ice]

thank you

[rare igloo]

Seems like broken for a couple of days

[gaunt pewter]

Do you have the theme attributes plugin enabled?

I’ll look into it later today

[gaunt pewter]

theme should be fixed

[whole blade]

Themes with custom backgrounds are still broken

[gaunt pewter]

most likely an issue with the other theme atm

at least this one should work for now

[rare igloo]

Oof, ye, it was disabled don't know how
Sorry for interrupting 🙏

[sour coral]

@tardy cosmos add 2 new icons

[tardy cosmos]

I didn't make this theme!!!! I can't help with that!!!!!!

[gaunt pewter]

updated this theme cause it finally broke for me (sorry i forgot about this)