MyEclipse 2014 自定义主题图文教程

2014-05-30-30  11043 views

很多用户在安装MyEclipse之后,可能会对其用户界面不太满意,今天,Eclipse部落给大家带来给MyEclipse自定义主题的教程,分享给大家,如何实现,自定义主题,自己手工编写CSS的方式来更改MyEclipse界面主题等等。

一、首先,打开MyEclipse

打开MyEclipse后,找到菜单Window(窗口)->Preferences(首选项),在选项里面找到左边菜单里面的General(常规)->Appearance(外观)->MyEclipse Theme(MyEclipse主题)选项,如下图:
MyEclipse自定义主题

二、添加自定义CSS样式

找到这个菜单右侧的设置界面,在右边的上面那一个标签条中,找最后一个”css”,然后把自己的css代码粘进去就可以了。
window-myeclipse-theme

这里,部落给大家推荐一款扁平化的css主题样式代码:

/*
 *  扁平化主题
 */
.jeeeyul-flat-theme{
	/*
	 * 这个选择器的规则是存在检测平主题找到修改目标。
	 * 参见 "RewriteChormeCSS.java"
	 */	
}

.MTrimmedWindow.topLevel {
	margin-top: 3px;
	margin-bottom: 2px;
	margin-left: 2px;
	margin-right: 2px;
}

.MPartStack {
	font-size: 9;
	font-family: 'Segoe UI';
	swt-simple: true;
	swt-tab-renderer:
		url('bundleclass://net.jeeeyul.eclipse.themes/net.jeeeyul.eclipse.themes.rendering.ChromeTabRendering');

	padding: 1px 6px 8px 6px; /* top left bottom right */
	swt-tab-outline: #97a5b3;
	swt-outer-keyline-color: #97a5b3;
	swt-unselected-tabs-color: #d2dfec #d2dfec #f0f0f0 99% 100%;
	swt-shadow-visible: false;
	
	swt-selected-tab-fill: #f0f0f0;
	chrome-selected-tab-fill-highlight: #f0f0f0;
	
	chrome-selected-tab-color: #000000;
	chrome-unselected-tab-color: #000000;
	
	swt-shadow-color: #000000;
	
	chrome-shiney-shadow: false;
	swt-mru-visible: true;
	
	swt-corner-radius: 6px; /* 这里我想设置为0,就是纯直角的,但是发现设置为0会有厅怪的问题,似乎最小就是6了*/
}

.MPartStack.active {
	swt-inner-keyline-color: #FFFFFF;
	swt-tab-outline: #5d6c7b;
	swt-outer-keyline-color: #5d6c7b;
	swt-unselected-tabs-color: #b3cce7 #b3cce7 #f0f0f0 99% 100%;
	
	swt-selected-tab-fill: #f0f0f0;
	chrome-selected-tab-fill-highlight: #f0f0f0;
	
	chrome-selected-tab-color: #000000;
	chrome-unselected-tab-color: #000000;
	chrome-shiney-shadow: false;
}

.MPartStack.empty {
	swt-unselected-tabs-color: #758390 #758390 #758390 99% 100%;
	swt-tab-outline: #758390;
	swt-outer-keyline-color: #758390;
}

.MTrimmedWindow {
  	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	margin-right: 2px;
	background-color: #ccd9e7;
}

.MTrimBar {
	background-color: #ccd9e7;
}

.MTrimBar#org-eclipse-ui-main-toolbar {
	background-color: #ccd9e7 #ccd9e7;
}

CTabFolder.MArea .MPartStack,CTabFolder.MArea .MPartStack.active {
	swt-shadow-visible: false;
}

CTabFolder Canvas {
	background-color: #F8F8F8;
}

#org-eclipse-ui-editorss {
	swt-tab-renderer: url('bundleclass://org.eclipse.e4.ui.workbench.renderers.swt/org.eclipse.e4.ui.workbench.renderers.swt.CTabRendering');
	swt-unselected-tabs-color: #F0F0F0 #F0F0F0 #F0F0F0 100% 100%;
	swt-outer-keyline-color: #B4B4B4;
	swt-inner-keyline-color: #F0F0F0;
	swt-tab-outline: #F0F0F0;
	color: #F0F0F0;
	swt-tab-height: 8px;
	padding: 0px 5px 7px;
}

#org-eclipse-ui-trim-status{
	chrome-border-top-visible: false;
	chrome-padding-top: 0;
	background-color: #d3dee9;
}

.MToolControl.TrimStack {
	
	handle-image: url(chrome://drag-handle?height=22&background-color=#ccd9e7&embossed=false);
}

.MTrimBar .Draggable {
	handle-image: url(chrome://drag-handle?height=22&background-color=#ccd9e7&embossed=false);
}

.MTrimBar#org-eclipse-ui-main-toolbar .Draggable {
	handle-image: url(chrome://drag-handle?height=22&background-color=#ccd9e7&embossed=false);
}

.MTrimBar#org-eclipse-ui-main-toolbar .TrimStack {
	handle-image: url(chrome://drag-handle?height=22&background-color=#ccd9e7&embossed=false);
}

.MTrimBar#org-eclipse-ui-trim-status .Draggable {
	handle-image: url(chrome://drag-handle?height=22&background-color=#d3dee9&embossed=false);
}

.MTrimBar#org-eclipse-ui-trim-status .TrimStack {
	handle-image: url(chrome://drag-handle?height=22&background-color=#d3dee9&embossed=false);
}

#org-eclipse-ui-main-toolbar #PerspectiveSwitcher {
	eclipse-perspective-keyline-color: #ccd9e7;
	background-color: #ccd9e7 #ccd9e7 100%;
	handle-image: none;
	chrome-show-perspective-name: false;
}


.MPart.Editor StyledText{
	chrome-line-style: none;
	chrome-line-color: #ff0000;
}

/* 下面可以添加一些用户自定义的 CSS */

暂无相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注