@import (reference) '../variables';

.jodit-dialog_theme_dark,
.jodit_theme_dark {
	--color-border: #6b6b6b;

	.jodit-toolbar-collection,
	.jodit-toolbar-editor-collection {
		&_mode_horizontal {
			&:after {
				background-color: var(--color-border);
			}
		}
	}

	&.jodit-container {
		background-color: var(--dark_background_color);
	}

	&.jodit-container.jodit_disabled {
		background-color: var(--dark_background_color);
	}

	&.jodit-container:not(.jodit_inline) .jodit-workplace {
		border-color: var(--dark_background_color);
	}

	.jodit-popup {
		&__content {
			background: var(--dark_background_ligher);
		}
	}

	.jodit-ui-button,
	.jodit-toolbar-button {
		&__text {
			color: var(--dark_text_color);
		}

		&,
		&__button,
		&__trigger {
			&:hover:not([disabled]) {
				background-color: var(--dark_background_ligher);
			}
		}
	}

	.jodit-status-bar {
		border-color: rgba(95, 92, 92, 0.8);
		background-color: rgba(95, 92, 92, 0.8);
		color: var(--dark_text_color);

		a.jodit-status-bar-link {
			&,
			&:hover,
			&:visited {
				color: var(--dark_text_color);
			}
		}

		&,
		.jodit-status-bar__item a,
		.jodit-status-bar__item span {
			color: var(--dark_text_color);
		}
	}

	.jodit-toolbar__box:not(:empty) {
		background: var(--dark_toolbar_color);
	}

	.jodit__upload-button svg,
	.jodit-toolbar-button .jodit-toolbar-button__trigger,
	.jodit-icon {
		fill: var(--dark_icon_color);
		stroke: var(--dark_icon_color);
	}

	.jodit-icon-close {
		stroke: var(--dark_icon_color);
	}

	.jodit-wysiwyg_iframe,
	.jodit-wysiwyg {
		background-color: var(--dark_background_color);
		color: var(--dark_text_color);
	}

	.jodit-form textarea,
	.jodit-form input[type='url'],
	.jodit-form input[type='text'] {
		border-color: var(--dark_toolbar_seperator_color2);
		background-color: var(--dark_toolbar_seperator_color1);
		color: var(--dark_text_color);
	}

	.jodit-form button {
		background-color: var(--dark_toolbar_seperator_color3);
		color: var(--dark_text_color);
	}

	.jodit-placeholder {
		color: var(--dark_text_color_opacity80);
	}

	.jodit-drag-and-drop__file-box,
	.jodit_uploadfile_button {
		color: var(--dark_text_color);

		&:hover {
			background-color: var(--dark_toolbar_seperator_color3);
		}
	}

	.jodit-add-new-line {
		&::before {
			border-top-color: var(--dark_toolbar_seperator_color2);
		}

		span {
			border-color: var(--dark_toolbar_seperator_color2);
			background: var(--dark_toolbar_seperator_color3);

			svg {
				fill: var(--dark_text_color);
			}
		}
	}

	.jodit-resizer > i {
		border-color: var(--dark_icon_color);
		background: var(--dark_toolbar_seperator_color3);
	}

	.jodit-select,
	.jodit-input {
		border-color: var(--dark_border_color);
		background-color: var(--dark_background_ligher);
		color: var(--dark_border_color);
	}

	&.jodit-dialog {
		background-color: var(--dark_background_color);

		.jodit-filebrowser__files.active .jodit-filebrowser__files-item,
		.jodit-dialog__header {
			border-color: var(--dark_border_color);
		}

		.jodit-filebrowser__files.active .jodit-filebrowser__files-item-info {
			background-color: var(--dark_text_color);
		}
	}
}