dark.css

.mismerge {
	width: 100%;
	border: 1px solid var(--primary-200);
	border-radius: 4px;
	height: 600px;
	font-size: 1rem;
	background: var(--background);
	color: var(--primary-600);

	--background: #0e0e0e;

	--primary-100: #141414;
	--primary-200: #232325;
	--primary-300: #676868;
	--primary-400: #9fa0a4;
	--primary-500: #e3e3e3;
	--primary-600: #d8d8db;

	--selection: rgba(87, 130, 111, 0.25);
}

.mismerge .msm__footer {
	background-color: var(--background);
	border-top: var(--primary-200) 1px solid;
}

.mismerge .msm__footer-content span {
	color: var(--primary-400);
}

.mismerge .msm__view-content textarea {
	color: var(--primary-600);
	caret-color: var(--primary-500);
}

.mismerge .msm__view-content textarea::selection {
	background: var(--selection);
}

.mismerge .msm__connector,
.mismerge .msm__side-panel {
	background-color: var(--primary-100);
}

.mismerge .msm__side-panel {
	color: var(--primary-400);
	font-weight: 500;
}

.mismerge .msm__merge-button,
.mismerge .msm__resolve-button,
.mismerge .msm__delete-button {
	color: var(--primary-400);
}

.mismerge .msm__merge-button:hover,
.mismerge .msm__resolve-button:hover,
.mismerge .msm__delete-button:hover {
	color: var(--primary-500);
}

/* Scrollbar for Chromium-based browser */

.mismerge ::-webkit-scrollbar {
	width: 6px;
}

.mismerge ::-webkit-scrollbar-track {
	background: none;
}

.mismerge ::-webkit-scrollbar-thumb {
	background: var(--primary-200);
	border-radius: 9999px;
}

.mismerge ::-webkit-scrollbar-thumb:hover {
	background: var(--primary-300);
}