Button-Group -Dark Theme -Separator Lines

Dashboard
, ,
1

image

image

image

Button Group in dark theme, the separator lines are almost invisible.
which CSS selector will change it to say white lines ? i am currently making group background slightly grey so that i can see the lines, i want to make the group background completely black like the last pic.

2

To affect all occurrences:

.nrdb-ui-button-group-wrapper .v-btn-group {   
    border-color: rgb(255 255 255 / 30%);   
}
.v-btn-group--divided .v-btn:not(:last-child) {
    border-inline-end-color:rgb(255 255 255 / 30%);
}

Pure white will be a bit too much Id say... reduced the opacity

You can target it for specific widget ot per page or how ever it is needed.

3

Perfect!

image

I was able to change the entire border color initially but border-inline-end-color is what i was looking for I think...

EDIT:

any possibility of having a horizontal line when the group is occupying two lines for lack of space ?

image

4

No if rounded corners turned on. For rectangular sort of can be done..

1 Like