yctb-SpringBoot/web/player/css/theme.css

/* 待处理节点的颜色 */
#canvas g .djs-visual rect,
#canvas g .djs-visual polygon,
#canvas g[data-element-id^='EndEvent'] circle{
	fill:#a8a8a8;
	stroke:#a8a8a8;
}
/* 待处理节点的文字颜色 */
#canvas g text{
	fill:#fff;
	font-family: Microsoft YaHei !important;
}
/* 待处理连线的颜色 */
#markerUnhandle path{
	fill:#dfdfdf
}
/* 待处理连线的箭头颜色 */
#canvas g .djs-visual path{
	stroke: #dfdfdf;
	marker-end:url("#markerUnhandle") !important;
}

/* 已处理节点的颜色 */
#canvas g.handled .djs-visual rect,
#canvas g.handled .djs-visual polygon,
#canvas g.handled circle,
#canvas g[data-element-id^='StartEvent'] circle{
	fill:#a4beff;
	stroke:#a4beff;
}
/* 已处理节点 */
#canvas g.handled text,
#canvas g[data-element-id^='StartEvent'] text,
#canvas g[data-element-id^='EndEvent'] text{
	fill:#333;
}
 
/* 待处理连线的文字颜色 */
#canvas g[data-element-id^='SequenceFlow'] text{
	fill:#333;
	font-family: Microsoft YaHei !important;
}

/* 已处理连线的颜色 */
#markerHandle path{
	fill:#6f72fa
}
/* 已处理连线的箭头颜色 */
#canvas g.handled .djs-visual path{
	stroke: #6f72fa;
	marker-end:url("#markerHandle") !important;
}

/* 当前节点的颜色 */
#canvas g.currentNode .djs-visual rect,
#canvas g.currentNode .djs-visual polygon,
#canvas g.currentNode circle{
	fill:#dbf9de;
	stroke:#dbf9de;
}
/* 当前节点的选中框样式 */
.showTop1,.showTop2,.showBottom1,.showBottom2{
	border:1px solid #ff6600;
	height: 15px;
   	width: 15px;
   	text-align: center;
}
.showTop1 {
   border-bottom:none;
   border-right:none;
   padding: -5px;
 }
.showTop2 {
   border-bottom:none;
   border-left:none;
   padding: -5px;
 }
 .showBottom1 {
   border-top:none;
   border-right:none;
   padding: -5px;
 }
 .showBottom2 {
   border-top:none;
   border-left:none;
   padding: -5px;
 }

/* 时间轴播放器:已处理的连线颜色 */
.cd-horizontal-timeline .filling-line,
.cd-horizontal-timeline .events a.selected::after{
	background-color: #7f82ff;
}
.cd-horizontal-timeline .events a.older-event::after,
.cd-horizontal-timeline .events a.selected::after{
	border-color: #7f82ff;
}
/* 时间轴播放器:翻页的箭头图片 */
.cd-timeline-navigation a::after{
	background:url(../img/cd-arrow.png) no-repeat 0 0;
}
/* 时间轴播放器:文字 */
a{
	color: #4c4fab;
	font-family: Microsoft YaHei;
}