examples/org.eclipse.e4.ui.examples.legacy.workbench/css/webby.css

ETabFolder {
	background-color: rgb(246, 246, 251);
	simple: true;
	maximize-visible: false;
	minimize-visible: false;
	webby-style: true;
	margin: 2px;	
	tab-margin-offset: 4px;
	
	border-color: rgb(201, 200, 204)
/* Can be expressed individually
	border-top-color: rgb(201, 200, 204);
	border-bottom-color: rgb(201, 200, 204);
*/	
}

ETabFolder.active {
	background-color: rgb(224, 226, 235);
}
   
ETabItem {
	color: black;
	background-color: rgb(241, 240, 245);  /* unselected tabs can have diff color than folder background */
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 3px;
	margin-left: 2px;
	margin-right: 0px;
	border-color: rgb(208, 207, 212);
}

ETabItem:selected {
	background-color: rgb(255, 255, 255) rgb(246, 245, 250); 
	padding-top: 7px;  /* make the selected tab a bit taller */
}

ETabItem.active {
	background-color: rgb(241, 240, 245);
}

ETabItem.active:selected {
	background-color: rgb(255, 255, 255) rgb(255, 247, 229); 
}

#PerspectiveStack {
	background-color: rgb(241, 240, 245); 
	margin: 0px;	
	tab-margin-offset: 9px;
}

#PerspectiveStack > ETabItem {
	background-color: rgb(246, 246, 251);
	padding-top: 4px;
	padding-bottom: 2px;
	margin-top: 0px;
}

#PerspectiveStack > ETabItem:selected {
	margin-top: 0px;
}

#PerspectiveStack > ETabItem.active {
	background-color: rgb(241, 240, 245); 
}

#PerspectiveStack > ETabItem.active:selected {
	background-color: rgb(255, 255, 255) rgb(246, 245, 250); 
}

.perspectiveLayout, .marginWrapper {
	background-color: rgb(241, 240, 245); 
}

ToolBar.inactive {
	background-color: rgb(246, 246, 251);
}

ToolBar.active {
	background-color: rgb(224, 226, 235);
}

SashForm {
	background-color: rgb(241, 240, 245); 

Label {
	background-color: rgb(246, 246, 251);
}