22

✏️ Editing: styles-dark-mode.css

#wpcf7-contact-form-list-table span.shortcode input,
#wpcf7-contact-form-editor span.shortcode input {
	color: #fff;
}

div.config-error, span.config-error, ul.config-error {
	color: #bbc8d4;
}

.keyboard-interaction {
	color: #bbc8d4;
}

#contact-form-editor .contact-form-editor-panel {
	background-color: #32373c;
}

#contact-form-editor-tabs {
	border-bottom: 1px solid #aaa;
}

#contact-form-editor-tabs li {
	border: 1px solid #ccc;
	border-bottom: 1px solid #aaa;
	background-color: #37444c;
}

#contact-form-editor-tabs li:hover {
	background-color: #000;
}

#contact-form-editor-tabs li.ui-tabs-active,
#contact-form-editor-tabs li.ui-tabs-active:hover {
	border-top: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-bottom: 1px solid #32373c;
	background-color: #32373c;
}

#contact-form-editor-tabs li a {
	color: #bbc8d4;
}

#contact-form-editor-tabs li.ui-tabs-active a {
	color: #fff;
}

#contact-form-editor-tabs li a:hover {
	color: #fff;
}

.contact-form-editor-box-mail span.mailtag {
	color: #ddd;
}

.contact-form-editor-box-mail span.mailtag.used {
	color: #999;
}

#mail-panel .contact-form-editor-box-mail table.form-table tr th,
#mail-panel .contact-form-editor-box-mail table.form-table tr td {
	background-color: #32373c;
}

div.wrap#wpcf7-integration .card.active {
	border-color: #00a0d2;
}

div.wrap#wpcf7-integration .card .infobox {
	color: #aaa;
}

MR SKB