Eclipse 4.2 中的輕量級 CSS 編輯器

CSS in Eclipse 4.2

在 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。

• E4 update site http://download.eclipse.org/e4/updates/0.12 (after release)
• E4 update site http://download.eclipse.org/e4/updates/0.12-I-builds (during development)

修改 CSS 樣式單

你可進入 General > Appearance 選項頁來定義自己喜好的外觀。

刪除定制樣式

通過 Restore Defaults 按鈕可以移除所有的自定義樣式并恢復為默認的設定：plugins/org.eclipse.platform.

切換為單編輯器 tab 模式

通過添加如下 CSS 來切換到但編輯器的 tab 模式

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

切換 tab 樣式

經典的主題支持 2.1 和 3.x 風格的 tab，你可編輯 .MPartStack 中的 swt-simple 屬性進行修改，前提是 swt-tab-renderer 設置為 null.

.MPartStack {
  swt-tab-renderer: null;
  swt-selected-tabs-background: #FFFFFF #ECE9D8 100%;
  swt-simple: true;
  swt-mru-visible: true;
}

減小 tab 的字體大小

.MPartStack {
    font-size: 9;
    swt-simple: false;
    swt-mru-visible: false;
}

CSS 實現細節

• E4/CSS
• E4/CSS/SWT Mapping
• Eclipse4/RCP/CSS

英文原文，OSCHINA原創翻譯