您的位置:首页 > 编程语言 > Java开发

仿Extjs 蓝色风格的Eclipse RCP CSS 设置

2014-05-29 12:47 471 查看
Eclipse4 支持通过CSS样式来设置UI,这给Eclipse RCP 的界面设计带来了很大的方便,程序员可以很容易的使用CSS来设计更漂亮点的界面,避免之前那种土的掉渣的RCP界面。

首先来看看界面吧:



界面是一个蓝色的基调, 这些都是通过CSS设置出来的,目前来看稍显粗糙。

CSS:

Label {
color: black;
background-color: #CDDEF3;
}
TableColumn{
background-color: #DAE7F6, #CDDEF3 45%, #ABC7EC 46%, #ABC7EC 50%, #B8CFEE 51%, #CBDDF3;
}
ToolBar{
background-color: #DAE7F6, #CDDEF3 45%, #ABC7EC 46%, #ABC7EC 50%, #B8CFEE 51%, #CBDDF3;
}

/* Identifies only those SWT Text elements
appearing within a Composite */
Composite Text {
background-color: white;
color: black;
}
Group Text {
background-color: white;
color: black;
}
Composite{
background-color:  #CBDDF3;
}
Group{
background-color:  #CBDDF3;
}
.MPartStack {
border-visible:false;
background-color: #e3efff;
}
.MPartStack:active{
swt.unselected-tabs-color:#F3F9FF #D0DFEE #CEDDED #D2E1F0 #D2E1F0 #FFFFFF 20% 45% 60% 70% 100% 100%;
swt.outer-keyline-color:#B6BCCC;
}
.MPart{
background-color: #e3efff #c1d5ef;
swt-tab-renderer: null;
swt-selected-tabs-background: #FFFFFF #ECE9D8 100%;
swt-simple: true;
swt-mru-visible: true;
}
.MPart:selected {
visible:gone;
background-color: gradient linear white black blue
}
.Dialog{
background-color: #e3efff #c1d5ef;
}
/* background uses a gradient */
.MTrimBar {
background-color: #e3efff #c1d5ef;
color: white;
}
Shell {
background-color: #DAE7F6, #CDDEF3 45%, #ABC7EC 46%, #ABC7EC 50%, #B8CFEE 51%, #CBDDF3;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: