Eclipse 4.2 中的轻量级 CSS 编辑器

来源:开源中国社区 作者:红薯
  

在 Eclipse 4.2 的设置中,一些关于颜色和字体的设置改用了 CSS 进行设置。例如 General > Appearance > Colors and Fonts 设置界面。

Eclipse SDK 使用主题对 CSS 样式单进行分组,用于对工作区进行风格设定,你可以在INSTALL/plugins/org.eclipse.platform_4.2.0.qualifier/css 文件中查看这些 CSS 设定。

在 Eclipse 中编辑 CSS

现在可以使用 Eclipse 提供的轻量级 CSS 编辑器来修改外观,首先进入 E4 安装网站并安装 E4 CSS editor (Incubation). 重启后进入 General > Appearance 选项页来修改 CSS。

Image:CssPreferenceEditor.png

修改 CSS 样式单

你可进入 General > Appearance 选项页来定义自己喜好的外观。

删除定制样式

通过 Restore Defaults 按钮可以移除所有的自定义样式并恢复为默认的设定:plugins/org.eclipse.platform.

切换为单编辑器 tab 模式

通过添加如下 CSS 来切换到但编辑器的 tab 模式

1 #org-eclipse-ui-editorss CTabFolder.MPartStack {
2 swt-single: true;
3 }

切换 tab 样式

经典的主题支持 2.1 和 3.x 风格的 tab,你可编辑 .MPartStack 中的 swt-simple 属性进行修改,前提是 swt-tab-renderer 设置为 null.

1 .MPartStack {
2 swt-tab-renderer: null;
3 swt-selected-tabs-background: #FFFFFF #ECE9D8 100%;
4 swt-simple: true;
5 swt-mru-visible: true;
6 }

减小 tab 的字体大小

1 .MPartStack {
2 font-size: 9;
3 swt-simple: false;
4 swt-mru-visible: false;
5 }

CSS 实现细节


时间:2012-06-28 07:48 来源:开源中国社区 作者:红薯 原文链接

好文,顶一下
(0)
0%
文章真差,踩一下
(0)
0%
------分隔线----------------------------


把开源带在你的身边-精美linux小纪念品
无觅相关文章插件,快速提升流量