equaColor.css

.formule_container {
	width: 100%;
	height: 160px;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	background-color: #3e4f51;
	transition: background 0.1s;
}


.formule_input, .formule_backdrop {
	position: absolute;
	width: calc(100% - 16px);
	height: calc(100% - 16px);
	padding: 8px;
	border: none;
	
	outline-color: white;

	margin: 0;
    border-radius: inherit;
	font-family: 'consolas', monospace, -webkit-pictograph, 'fantasy';
    font-size: 18px;
	letter-spacing: 2px;
	line-height: 32px;
}

.formule_input {
	resize: none;
	color: rgba(232, 230, 227, .1);
	caret-color: rgb(232, 230, 227);
	background: transparent;
	z-index: 2;
}

.formule_backdrop {
	position: absolute;
	color: rgb(232, 230, 227);
	z-index: 1;
	overflow: auto;
	pointer-events: none;
	white-space: pre-wrap;
	word-wrap: break-word;
	text-decoration-skip-ink: none;
}

.formule_backdrop span[JigMath='string'] {
	text-decoration: underline wavy;
}

.formule_backdrop span.equa_error {
	text-decoration: underline wavy red;
	font-weight: bold;
}

.formule_backdrop span.equa_warning {
	text-decoration: underline wavy orange;
}

.formule_backdrop span[JigMath='EquaBlob'][selected] > span[JigMath='EquaBlobLimit'] {
	border: 1px solid #999;
	margin: -1px;
}

.formule_backdrop span[JigMath='EquaFunction'] > span[JigMath='EquaLabel'] {
	color: #e4cb5f;
}

.formule_backdrop span[JigMath='EquaVariable'] {
	color: #5cc6ff;
}

.formule_backdrop span[JigMath='EquaNumber'],
.formule_backdrop span[JigMath='EquaHexaNumber'],
.formule_backdrop span[JigMath='EquaBinNumber'] {
	color: #99d877;
}