Skip to content

Dracula Dark Theme For Fast.com by abir_tx

Screenshot of Dracula Dark Theme For Fast.com

Details

Authorabir_tx

LicenseMIT License

Categoryfast.com

Created

Updated

Size2.3 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Dracula inspired dark theme for https://fast.com the Netflix-powered internet speed measurement website. The theme follows & mainly applies the Dracula foreground and the red color on the site widely. Do yourself a favor and get rid of the default white mode of the fast.com site and give it a warm beautiful look.

Created By: Mushfiqur Rahman Abir | 2023

Notes

Source code

/* ==UserStyle==
@name           Dracula Dark Theme For Fast.com
@namespace      https://github.com/Abir-Tx/DraculaFast
@version        1.3.0
@description    Dracula inspired dark theme for https://fast.com the Netflix-powered internet speed measurement website
@homepageURL    https://github.com/Abir-Tx/DraculaFast
@license        MIT License
@author         abir_tx
==/UserStyle== */
@-moz-document domain("fast.com") {
	html,
	body {
		background-color: #414458;
		color: white;
	}

	div.logo {
		background: url(https://cdn.discordapp.com/attachments/917984155541864449/1060271586076270683/new-logo-vert-37861c-white-text.svg) no-repeat, linear-gradient(transparent, transparent);
	}

	div.powered-by {
		background: url(https://cdn.discordapp.com/attachments/917984155541864449/1060271586369875969/poweredby-865a3b-white-text.svg) no-repeat center, linear-gradient(transparent, transparent);
	}

	.more-info-link {
		background-color: #325d71;
		color: white !important;
	}
	.more-info-link:hover {
		color: #ff5555 !important;
		border-color: #ff5555;
	}

	.more-info-link,
	#your-speed-message,
	.succeeded,
	#speed-value,
	#speed-units,
	#speed-progress-indicator-icon,
	.measurement-label,
	.bufferbloat-label,
	#bufferbloat-value,
	#upload-value,
	#latency-value,
	.localized,
	table,
	span,
	.powered-by,
	.measurement-details-label,
	.dropbtn,
	#privacy-link,
	.oc-icon-fb:hover,
	.oc-icon-tw:hover,
	.oc-icon-help.test-help:hover,
	.dropbtn:hover,
	.dropbtn:focus,
	#privacy-link:hover,
	.oc-icon-help.test-help.active {
		color: white;
	}

	.more-info-link:hover,
	.dropbtn:hover,
	.dropbtn:focus,
	#privacy-link:hover,
	span.oc-icon-fb:hover,
	span.oc-icon-tw:hover,
	.oc-icon-help.test-help:hover,
	.oc-icon-help.test-help.active {
		color: #ff5555;
	}

	.speed-progress-indicator.succeeded {
		border-color: #ff5555;
	}

	.measurement-details-label.succeeded {
		color: #ff5555;
	}

	.test-config-btn {
		color: #ffffff !important;
		border-color: #ffffff;
	}
	.test-config-btn:hover {
		color: #ff5555 !important;
		border-color: #ff5555;
	}

	div#help-content a {
		color: #ff79c6;
	}
	div#help-content a:hover {
		color: #ff5555;
	}

	/*# sourceMappingURL=draculaFast.css.map. Coded By Mushfiqur Rahman Abir | 2023 */
}

Reviews

No reviews yet.