.button, .list-cell { -fx-background-radius: 5.0em; } .context-menu, .context-menu > * { -fx-background-radius: 15px; /*TODO: solution below does not work */ -fx-background-color: transparent; } .menu-item { -fx-background-radius: 15.0px; } .button:hover { -fx-scale-x: 1.05; -fx-scale-y: 1.05; } .label { -fx-background-color: transparent; } #remainingCharsLabel { -fx-text-fill: #00FF00; -fx-background-color: transparent; } .scroll-bar:horizontal, .scroll-bar *, .scroll-bar:horizontal > *{ -fx-background-color: transparent; -fx-text-fill: transparent; } .online { -fx-text-fill: limegreen; } .away { -fx-text-fill: orangered; } .busy { -fx-text-fill: red; } .offline { -fx-text-fill: gray; } .received-message { -fx-alignment: center-left; -fx-background-radius: 4.0em; -fx-text-alignment: right; } .own-message { -fx-alignment: center-right; -fx-background-radius: 4.0em; -fx-text-alignment: left; }