[ Feature Request ] Add posibility to change colors of components

[DamianDamian-Domin]

Is your feature request related to a problem? Please describe.

Actually on many of components like slider or toggle its not possible to change color. Actually i'm forced to use blue clor on many of components, and the blue color doesn't fit to my application :D

Describe the solution you'd like

Add new props to elements which will allow to change custom color in RGB notation f.e

<it-slider>
border-color="#FF23FF"
shadow-color="FF11FF"
</it-slider>

Would be great :)

Describe alternatives you've considered

At least add basic colors to other components like in button we can choose primary, success etc.

Additional context

No response

[wopian]

You can style the components with CSS

<script setup>
let value = 2
</script>

<template>
  <it-slider class='red-slider' v-model="value" :max="5" />
</template>

<style scoped>
.red-slider:deep(.it-slider-bar) {
  background: red;
}
</style>

It would be neat if the components used CSS variables for their colours however.

[AbrahemAlhofe]

You can style the components with CSS

<script setup>
let value = 2
</script>

<template>
  <it-slider class='red-slider' v-model="value" :max="5" />
</template>

<style scoped>
.red-slider:deep(.it-slider-bar) {
  background: red;
}
</style>

It would be neat if the components used CSS variables for their colours however.

It will be an issue if there is a complex structure so we can use css variables.

.it-slider {
  --progress-color: red;
}

[DamianDamian-Domin]

Thanks, it works :)