internet gray mode. makes the whole internet gray. it provides a number of different shades to suit any taste
GLOBAL GRAY MODE by vantablack
Details
Authorvantablack
LicenseNo License
Categoryglobal
Created
Updated
Size1.6 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
minimum readability, maximum compromise. not too dark, not too light, this is the goldilocks of themes. animated
Source code
/* ==UserStyle==
@name GRAY MODE
@version 20230612.04.08
@namespace ?
==/UserStyle== */
@-moz-document url-prefix("h") {
/* ==UserStyle==
@name GRAY MODE
@namespace GRAY
@version 1
@description GRAY MODE
@author vantablack
==/UserStyle== */
@keyframes rainbow {
0% {
color: #DCDCDC;
}
10% {
color: #D3D3D3;
}
20% {
color: #C0C0C0;
}
30% {
color: #A9A9A9;
}
40% {
color: #808080;
}
50% {
color: #696969;
}
60% {
color: #778899;
}
70% {
color: #708090;
}
80% {
color: #2F4F4F;
}
90% {
color: #808080;
}
100% {
color: #DCDCDC;
}
}
@keyframes color {
0% {
background: #C0C0C0;
}
20% {
background: #A9A9A9;
}
40% {
background: #808080;
}
60% {
background: #696969;
}
80% {
background: #A9A9A9;
}
100% {
background: #C0C0C0;
}
}
html, p {
color: #808080;
font-family: comic sans ms !important;
animation: rainbow 30s infinite !important;
}
body {
background: #A9A9A9;
font-family: comic sans ms !important;
text-shadow: 2px 2px 4px #000000;
animation: color 18s infinite linear !important;
}
/* unvisited link */
a:link {
text-decoration: none;
color: #808080;
}
/* visited link */
a:visited {
text-decoration: none;
color: #808080;
}
/* mouse over link */
a:hover {
text-decoration: none;
color: #808080;
}
/* selected link */
a:active {
text-decoration: none;
color: #808080;
}
}