How customizable are component libraries?

Question

React

Now we are planning to develop a new project.
We are at the design stage. Previously implemented, the entire uikit from scratch. Now we want to use one of the component libraries.
So the question is, how redesignable are the styles of these libraries?
I ran through the settings of the viewfinder, it seems like you can put your own colors there.
Does it mean that if you take a ui library, then you need to draw a design using its components?
Or are there very flexible solutions? Considering both Vue and React

Answer 1

how redesignable are the styles of these libraries?

As much as you need. A lot of things can be configured with SASS variables , everything else is just writing your CSS on top. Or even instead, no one bothers to use individual components, and do the missing ones yourself.
The above applies not only to Vuetify, but also to other libraries, such as Bootstrap/Bootstrap-Vue.

Answer 2

If I were to use such libraries, I would import everything except the default CSS. As a maximum, I would copy it to my *.css\scss file.
If he (css) is imported in addition with js functionality, then he would take this library from node_modules and use it not as part of the vendor, but as part of his project (removing it from package.json later).
And then, having all the styles on hand, without redefining them, I would customize them.
Or at all would delete and write from scratch.