How can I change the color of buttons?

Question

I'm developing my first application in vaadin and I can't to change the color of my button (want them to blacks). I'm using my custom theme that inherited from Reindeer.

I try in this way:

    buttonSetting = new Button();
    buttonSetting.setIcon(new ThemeResource("images/icons/16px/setting.png"));
    buttonSetting.addStyleName(Reindeer.BUTTON_SMALL);
    buttonSetting.addStyleName(Reindeer.LAYOUT_BLACK);

but doesn't work, How can I do?

Answer 1

As far as I can see Reindeer.LAYOUT_BLACK should be the style name of a component containing the Button.

public class AdminBar extends CustomComponent {

private final HorizontalLayout layout = new HorizontalLayout();

public AdminBar(Lang lang) {
    setCompositionRoot(layout);
    setWidth(100, Unit.PERCENTAGE);
    layout.setWidth(100, Unit.PERCENTAGE);
    setStyleName(Reindeer.LAYOUT_BLACK);
    Button button = new Button("I'm a Button");
    button.setStyleName(Reindeer.BUTTON_SMALL);
    layout.addComponent(button);
}
}

If you set the style name of the HorizontalLayout instead of the AdminBar, the whole layout will be black.