Skip to content

Proper Mojeek Dark Mode by thatonecoder

Details

Authorthatonecoder

LicenseCC0

Categorymojeek

Created

Updated

Size1.3 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

An improved Dark Mode for Mojeek, making it actually good

Notes

It simply reverses a few colors, and blends others.

Source code

/* ==UserStyle==
@name           Proper Mojeek Dark Mode
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    An improved Dark Mode for Mojeek
@author         thatonecoder
==/UserStyle== */
@-moz-document domain("www.mojeek.com") {
	/* Insert code here... */
	.nav,
	.footers-top,
	.footers-bottom,
	.footer.inverted,
	.inner-container .resources .res-menu {
		background: #282828;
		background-color: #282828;
	}

	.home,
	.inner-container,
	.inner-container section {
		background: #303030;
		background-color: #303030;
	}

	.nav .inner-nav .inner-nav-right .search .sf1,
	.sf1,
	.sf2,
	input[type=date],
	input[type=email],
	input[type=number],
	input[type=password],
	input[type=search],
	input[type=tel],
	input[type=text],
	input[type=time],
	input[type=url],
	select,
	textarea {
		background: #303030;
		background-color: #303030;

		border: 1px solid #707070;
	}

	.inner-container .tabs input[name=tab]:nth-of-type(1):checked ~ label:nth-of-type(1),
	.inner-container .tabs input[name=tab]:nth-of-type(2):checked ~ label:nth-of-type(1) {
		color: #819cc3;
		background-color: #454545;

		border: 1px solid #707070;
	}

	.inner-container .tabs input[name=tab] ~ label:hover {
		background-color: #585858;
		cursor: pointer;
	}
}

Reviews

No reviews yet.