Skip to content

better visible input boxes - moddedminecraftservers.com by osirisgothra

Details

Authorosirisgothra

Licensepublic domain share alike fallback

Categorymoddedminecraftservers.com

Created

Updated

Size1.4 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

This is a DARK mode fix, this wont have the same effect on light mode or standard users. This will also fix experimental dark mode problems with input boxes on the website

Notes

In light mode, it will redden the input controls so that the inputs are easier to pick out, however it not guaranteed to work and not the primary function of this style snippet.

This style can be/is used on other websites with similar problems.

Source code

/* ==UserStyle==
@name         better visible input boxes - moddedminecraftservers.com 
@version      20220703.14.10
@namespace    userstyles.world/user/osirisgothra
@description  This is a DARK mode fix, this wont have the same effect on light mode or standard users. This will also fix experimental dark mode problems with input boxes on the website


@author       osirisgothra
@license      public domain share alike fallback
==/UserStyle== */

@-moz-document domain("moddedminecraftservers.com") {
/*
	osirisgothra's form controls fixer

	This is a DARK mode fix, this wont have the same effect on light mode or standard
    users. This will also fix experimental dark mode problems with input boxes 
	on this website

	In light mode, it will reden the input controls so the inputs are easier to pick
	out, however it not guarenteed to work and not the primary function of this style snippet.

*/
@media (prefers-color-scheme: dark)
{
	input
	{
		border: rgba(0,0,0,0.5) 1px solid !important;
		outline: rgba(128,128,128,0.15) 2px solid !important;	
	}
}
@media (prefers-color-scheme: standard)
{
	input
	{
		border: rgba(255,0,0,0.5) 1px solid !important;
		outline: rgba(255,128,128,0.5) 3px solid !important;	
	}
}
@media (prefers-color-scheme: light)
{
	input
	{
		border: rgba(255,0,0,0.5) 1px solid !important;
		outline: rgba(255,128,128,0.75) 3px solid !important;	
	}
}
}

Reviews

No reviews yet.