Theme force-dark v1 by [@tulir:maunium.net]

A theme that applies the default dark theme in gomuks web even when the browser theme is not dark.

Last updated at 2025-01-03 15:30:27.937071 +0000 +0000

Initial commit

@import url("https://css.gomuks.app/theme/force-dark.css");

:root {
	color-scheme: dark;
	--background-color: #000;
	--login-background-color: #111;
	--text-color: #fff;
	--inverted-text-color: var(--background-color);
	--secondary-text-color: #888;
	--semisecondary-text-color: #bbb;
	--link-text-color: #4187eb;

	--code-background-color: rgba(255, 255, 255, 0.1);
	--media-placeholder-default-background: rgba(255, 255, 255, .1);
	--media-placeholder-button-background: rgba(0, 0, 0, .5);

	--primary-color: #00b24a;
	--primary-color-dark: #00c853;
	--error-color: red;

	--border-color: #222;
	--pill-background-color: #222;
	--url-preview-background-color: #222;
	--button-hover-color: rgba(255, 255, 255, .2);
	--light-hover-color: rgba(255, 255, 255, .1);

	--composer-background-color: #0a0a0a;

	--timeline-hover-bg-color: #111;
	--timeline-highlight-bg-color: rgba(255, 255, 0, .1);
	--timeline-highlight-hover-bg-color: #331;
	--timeline-jump-bg-color: rgba(0, 255, 0, .2);
	--timeline-jump-hover-bg-color: #131;

	--room-list-background-overlay: hsla(0, 0%, 4%, .8);
	--space-list-background-overlay: hsla(0, 0%, 4%, .7);
	--room-list-scrollbar-color: rgba(255, 255, 255, .4) rgba(255, 255, 255, .1);
	--room-list-entry-hover-color: rgba(255, 255, 255, 0.075);
	--room-list-entry-selected-color: rgba(255, 255, 255, 0.125);

	--modal-box-shadow-color: rgba(255, 255, 255, 0.04);

	--emoji-selected-border-color: #131;

	--unread-counter-message-bg: rgba(255, 255, 255, 0.5);
	--unread-counter-notification-bg: rgba(150, 255, 0, 0.7);
	--unread-counter-highlight-bg: rgba(255, 50, 50, 0.7);
	--space-unread-counter-message-bg: rgb(200, 200, 200, 0.8);
	--space-unread-counter-notification-bg: rgb(150, 255, 0);
	--space-unread-counter-highlight-bg: rgb(255, 50, 50);

	--sender-color-0: #ff877c;
	--sender-color-1: #f6913d;
	--sender-color-2: #db9f00;
	--sender-color-3: #56c02c;
	--sender-color-4: #1fc090;
	--sender-color-5: #21bacd;
	--sender-color-6: #7aacf4;
	--sender-color-7: #ad9cfe;
	--sender-color-8: #d991de;
	--sender-color-9: #fe84a2;

	--sent-ok-color: #444;
	--blockquote-border-color: #444;
	--lightbox-button-color: #ccc;
}