eclipse e4 Dark主题:如何使用CSS为FormToolKit创建的小部件设置样式

时间:2018-10-31 16:18:38

标签: css themes styling e4

在out项目中,我们使用org.eclipse.ui.forms.widgets.FormToolkit创建对话框和表单。现在,我们想使用eclipse e4的CSS主题功能为eclipse RCP应用程序创建一个Dark Theme。 我研究了有关样式化这些小部件(例如“ Section”)的提示,但是找不到在线信息。 有任何有关如何样式化这些由FormToolkit创建的小部件的经验或信息,因为它们似乎使用了操作系统提供的系统颜色。 其他组件接受根据Eclipse4CSS教程应用的样式。谢谢。

1 个答案:

答案 0 :(得分:0)

通常,您可以仅使用控件名称(例如Section)作为CSS选择器,因此

Section
{
   ....
}

org.eclipse.ui.forms插件为SectionFormExpandableComposite

定义了许多其他CSS属性。

因此Eclipse黑暗主题具有

Form {
    text-background-color: #505F70; 
    tb-toggle-hover-color: #313538;
    tb-toggle-color: #313538;
    h-hover-full-color: #313538;
    h-hover-light-color: #313538;
    h-bottom-keyline-2-color: #313538;
    h-bottom-keyline-1-color: #313538;
    swt-background-mode: 'force';
}

Section {
       background-color: #4F5355;
       color: #AEBED0;
       background-color-titlebar: #4F5355;
       background-color-gradient-titlebar: #4F5355;
       border-color-titlebar: #4F5355;
}