I want all buttons in addonbar_vertical.uc.js to be in classic mode.

[anzuno]

Hello.
Added a CSS file for classic buttons to addonbar_vertical.uc.js using "buttons_on_navbar_classic_appearance.css". Uses userChrome.css.
The add-on button will not change. Can we make all the buttons classic?

This is the part that was changed.
#nav-bar → #addonbar_v
#nav-bar #nav-bar → #addonbar_v #addonbar_v

Added for button spacing.
#addonbar_v > toolbarbutton,
#addonbar_v > toolbar .toolbarbutton-1 {
margin-top: 4px !important;
margin-right: 0px !important;
}

[Aris-t2]

buttons_on_navbar_classic_appearance.css

Get the base file and replace rules like this:

1st step
#nav-bar #nav-bar-customization-target >>> #addonbar_v

2nd step
#nav-bar >>> #addonbar_v

[anzuno]

Thank you for your quick reply despite your busy schedule. It worked well. I appreciate it.

Added to adjust the button spacing of add-ons.
#addonbar_v .unified-extensions-item-action-button {
margin-top: 2px !important;
margin-bottom: -2px !important;
margin-right: 0px !important;
}