Rocket.Chat Theme Improvements

rocketchat.css

@media (prefers-color-scheme: dark) {
	main,
	.messages-box,
	[data-qa='messages-box'],
	.rcx-message-list {
		background: #2f343d !important;
	}

	.rcx-message,
	.message {
		border: 1px solid #161b22;
		border-radius: 0 !important;
	}

	.rcx-message {
		background: #161b22 !important;
		margin: 4px 15px 0;
		padding: 15px;
	}

	.rcx-message-thread {
		margin: 0 15px;
		border: 1px solid #161b22;
		border-radius: 0;
	}

	.rcx-message:hover {
		border-color: #8b949e;
	}

	.rcx-avatar img {
		border: 1px solid #737475;
		border-radius: 0 !important;
	}

	button {
		border-radius: 0 !important;
	}

	.rcx-message-divider__wrapper,
	.rcx-message-divider__wrapper--unread {
		background: none;
	}

	.rcx-message-divider__bar {
		border-color: #161b22;
	}

	.rcx-bubble__item--secondary {
		background: #161b22;
		color: #fff;
	}
}

rocketchat.js

// rtl support for message textarea
document.addEventListener('focusin', (e) => {
	if (e.target.matches('textarea.js-input-message')) {
		e.target.dir = 'auto';
	}
});