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
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
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;
}
}
}