{{~ it.colors : color }}

	.fill-{{=color.name}}.pagetab .tabCntr .ba-common-tabList .addNewIcon {
		fill: {{=it.actionButtonColors[color.name]}};
	}

	.fill-{{=color.name}}.pagetab .tabCntr .ba-common-tabList .chevron-icon {
		fill: {{=it.actionButtonColors[color.name]}};
	}

	.fill-{{=color.name}}.pagetab .tabCntr .ba-common-tabList .addNewIcon:hover {
		fill: {{=it.plusHoverColors[color.name]}} !important;
	}

	.fill-{{=color.name}}.pagetab .tabCntr .ba-common-tabList {
		border-color: {{=it.tabDividerColor[color.name]}} !important;
	}

	{{? color.name === 'transparent'}}
		.pagetab .tabCntr .ba-common-tabList .addNewIcon {
			fill: {{=it.actionButtonColors[color.name]}};
		}

		.pagetab .tabCntr .ba-common-tabList .chevron-icon {
			fill: {{=it.actionButtonColors[color.name]}};
		}

		.pagetab .tabCntr .ba-common-tabList .addNewIcon:hover {
			fill: {{=it.plusHoverColors[color.name]}} !important;
		}

		.pagetab .tabCntr .ba-common-tabList {
			border-color: {{=it.tabDividerColor[color.name]}} !important;
		}
	{{?}}
{{~}}