activityfix.com - Dark Mode

Dark mode theme for ActivityFix

Per 08-12-2024. Zie de nieuwste versie.

Installeren als gebruikersscript ? Installeren als gebruikersstijl ?

Stel een vraag, plaats een beoordeling of rapporteer dit script.

Regels afbreken

/* ==UserStyle==
@name           activityfix.com - Dark Mode
@namespace      typpi.online
@version        1.0.1
@description    Dark mode theme for ActivityFix
@author         Nick2bad4u
@license        UnLicense
@homepageURL    https://github.com/Nick2bad4u/UserStyles
==/UserStyle== */
@-moz-document domain("activityfix.com")
{
	/* Invert colors except images and videos */
	:is(html:not([stylus-iframe]),
	img,
	svg,
	video,
	.w3-dark-gray,
	.w3-dark-grey,
	.w3-hover-dark-gray:hover,
	.w3-hover-dark-grey:hover,
	.w3-center, iframe, .af-disconnect-button)
	{
		filter: invert(1) hue-rotate(180deg) !important;
	}

	.w3-dark-gray,
	.w3-dark-grey,
	.w3-hover-dark-gray:hover,
	.w3-hover-dark-grey:hover,
	.w3-padding-16
	{
		color: #FFF!important;
		background-color: #000!important;
		font-weight: 800;
	}

	.af-update-header,
	.af-version
	{
		color: #2196F3;
		text-decoration: underline;
	}

	.af-update-header span
	{
		cursor: default;
		text-decoration: underline #333;
		font-size: 13px;
	}

	.w3-padding-16
	{
		padding-top: 0px !important;
		padding-bottom: 16px !important;
	}

	.w3-bar.w3-top.af-blue.w3-large
	{
		background-color: #2196F3 !important;
	}

	.w3-main
	{
		background-color: #FFF;
	}

	.w3-container.w3-black.w3-display-container
	{
		color: black !important;
		background-color: white !important;
		margin: 0px 0px !important;
	}

	#save_success > div
	{
		border: 4px #2196F3 dashed;
	}

	.w3-bar-item.w3-left
	{
		font-weight: 550;
		font-style: italic;
	}

	.af-help-contents > div:nth-child(n) > img,
	.w3-center > table > tbody > tr:nth-child(1) > td:nth-child(1) > a > img
	{
		filter: invert(0) hue-rotate(0deg) !important;
	}

	body > br,
	body > hr
	{
		display: none !important;
	}

	html
	{
		background: #FFF;
	}
}