css - eclipse e4 深色主题 : How to style widgets created by FormToolKit with css

Question

在我们的元素中，我们使用 org.eclipse.ui.forms.widgets.FormToolkit 来创建对话框和表单。现在我们想使用 eclipse e4 的 CSS 主题功能为 eclipse RCP 应用程序创建一个深色主题。 我研究了有关样式化这些小部件(如“部分”)的提示，但无法在线找到信息。 有没有人有关于如何设计这些 FormToolkit 创建的小部件的经验或信息，因为它们似乎使用操作系统给定的系统颜色。 其他组件接受根据 Eclipse4CSS 教程应用的样式。谢谢。

Answer 1

一般情况下，您可以只使用控件的名称(例如Section)作为CSS选择器，所以

Section
{
   ....
}

org.eclipse.ui.forms 插件为 Section、Form 和 定义了一些额外的 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;
}