☰

Greasy Fork 支持简体中文。

Fix bad CSS foreground color

If you use a dark theme defective CSS styles will give you white on white text color. This is a fix for that.

  1. // ==UserScript==
  2. // @name        Fix bad CSS foreground color
  3. // @name:hu     Rossz CSS előtér színek javítása
  4. // @namespace   adventuretc
  5. // @description If you use a dark theme defective CSS styles will give you white on white text color. This is a fix for that.
  6. // @description:hu Ha sötét témát használsz a rossz CSS-ek fehér alapon fehér szöveget eredményezhetnek. Ez egy javítás erre.
  7. // @include     *
  8. // @version     1
  9. // @grant       none
  10. // ==/UserScript==
  11.  
  12. main();
  13.  
  14. setTimeout(function(){ main(); }, 2000);
  15.  
  16. function main()
  17. {
  18. 	var fixedTags = ["textarea", "input", "select"];
  19. 	
  20. 	for (var i = 0; i<fixedTags.length; ++i)
  21. 	{
  22. 		var v = fixedTags[i];
  23. 		if (!gettag(v)[0])
  24. 			continue;
  25.  
  26. 		for (var y = 0; y<gettag(v).length; ++y)
  27. 		{
  28. 			if (!gettag(v)[y])
  29. 				continue;
  30. 				
  31. 			var observed = gettag(v)[y];
  32. 			var changed = gettag(v)[y];
  33. 			
  34. 			var style = window.getComputedStyle(observed);
  35. 			var defaultStyle = window.getDefaultComputedStyle(observed);
  36.  
  37. 			var backgroundColor = style.getPropertyValue("background-color");
  38. 			var defaultBackgroundColor = defaultStyle.getPropertyValue("background-color");
  39. 			
  40. 			if (backgroundColor === "transparent" && !hasStyledBackground(observed))
  41. 			{
  42. 				var observedMaybe = findUpColoredBackground(observed); //find first parent with color
  43. 					
  44. 				if (observedMaybe)
  45. 				{
  46. 					observed = observedMaybe;
  47. 				}
  48. 				else
  49. 				{
  50. 					continue;
  51. 				}
  52. 			}
  53. 			
  54. 			style = window.getComputedStyle(observed);
  55. 			defaultStyle = window.getDefaultComputedStyle(observed);
  56.  
  57. 			backgroundColor = style.getPropertyValue("background-color");
  58. 			defaultBackgroundColor = defaultStyle.getPropertyValue("background-color");
  59.  
  60. 			if (hasStyledBackground(observed)) //webpage specified some background
  61. 			{
  62. 				if (style.color === defaultStyle.color) //but not foreground
  63. 				{
  64. 					if ( average( rgbArray(backgroundColor) ) > 127  )
  65. 					{
  66. 						changed.style.color = "#000";
  67. 					}
  68. 					else
  69. 					{
  70. 						changed.style.color = "#FFF";
  71. 					}
  72. 					
  73. 					if (backgroundColor === "transparent")
  74. 					{
  75. 						changed.style.color = "#000";
  76. 					}
  77. 				}
  78. 			}
  79. 		}
  80. 	}
  81. }
  82.  
  83. function average(someArr)
  84. {
  85. 	var sum = 0;
  86. 	
  87. 	for (var i=0; i<someArr.length; ++i)
  88. 	{
  89. 		sum += parseInt(someArr[i]);
  90. 	}
  91.  
  92. 	return (sum/someArr.length);
  93. }
  94.  
  95. function rgbArray(rgb)
  96. {
  97.  
  98. 	rgb = rgb.replace(/[^\d,]/g, '').split(',');
  99. 	
  100. 	return rgb;
  101. }
  102.  
  103. function gettag(s)
  104. {
  105. 	return document.getElementsByTagName(s);
  106. }
  107.  
  108. function findUpColoredBackground(el)
  109. {
  110.     while (el.parentNode)
  111. 	{
  112.         el = el.parentNode;
  113. 		
  114.         if (hasStyledBackground(el)) //webpage specified some background
  115. 		{
  116. 			if (backgroundColor !== "transparent")
  117. 			{
  118. 				return el;
  119. 			}
  120. 		}
  121.     }
  122.     return null;
  123. }
  124.  
  125. function hasStyledBackground(element)
  126. {
  127. 	var style = window.getComputedStyle(element);
  128. 	var defaultStyle = window.getDefaultComputedStyle(element);
  129.  
  130. 	var backgroundColor = style.getPropertyValue("background-color");
  131. 	var defaultBackgroundColor = defaultStyle.getPropertyValue("background-color");	
  132.  
  133. 	var backgroundImage = style.getPropertyValue("background-image");
  134. 	var defaultBackgroundImage = defaultStyle.getPropertyValue("background-image");
  135.  
  136. 	if (backgroundColor !== defaultBackgroundColor)
  137. 	{
  138. 		return true;
  139. 	}
  140. 	
  141. 	if (backgroundImage !== defaultBackgroundImage)
  142. 	{
  143. 		return true;
  144. 	}
  145. 	
  146. 	return false;
  147. }