To modify an app theme by configuring extension points
PS: Need to prepare the theme (THEME.CSS) file in advance.<!--Register a theme extension point - <extension point="Org.eclipse.rap.ui.themes"> <theme file="Theme/fancy/fancy.css" id="Cn.sunline.lttsweb.application.theme" name="Default Theme"> </theme> <theme file="Theme/business/business.css" id="Cn.sunline.lttsweb.application.theme.business" name="Business Theme"> </theme> </extension> <!--binding theme extension points -- <extension point="Org.eclipse.rap.ui.branding"> <branding body="Body.html" favicon="Icons/16-png.png" id="Cn.sunline.lttsweb.application.branding" themeid="Cn.sunline.lttsweb.application.theme.business" title="Integrated management Platform"> </branding> </extension>CSS definition Control Effect syntax
Button[push], Button[toggle] { border:2px solid blue; Color:rgb (+, 103); Background-color: #f9f9f9; } Button[push]:hover, button[toggle]:hover { background-color:white; }
Introduction to Rap development-theme replacement