☰

CloudFlare Error - Dark Mode & Hide IP

Hides your IP, Ray ID, server location and adds dark mode to the CloudFlare Error Message

  1. /* ==UserStyle==
  2. @name           CloudFlare Error - Dark Mode & Hide IP
  3. @namespace      https://gf.qytechs.cn/en/users/124677-pabli
  4. @version        1.6
  5. @description    Hides your IP, Ray ID, server location and adds dark mode to the CloudFlare Error Message
  6. @author         Pabli
  7. @license        CC-BY-SA-4.0
  8. @homepageURL    https://github.com/pabli24/CloudFlareError
  9. @supportURL     https://github.com/pabli24/CloudFlareError/issues
  10. @preprocessor   stylus
  11. @var            checkbox darkmode "Dark Mode"                            1
  12. @var            checkbox hideip   "Hide IP and Ray ID"                   1
  13. @var            checkbox hidel    "Hide Server Location"                 0
  14. @var            checkbox hides    "Hide Survey (Was this page helpful?)" 0
  15. @var            checkbox blank    "Blank Page"                           0
  16. @var            color    bgc      "Background Color"                     #000
  17. @var            color    bgc2     "Secondary Background Color"           #151515
  18. @var            color    txtc     "Text Color"                           #ddd
  19. @var            color    txtlc    "Link Color"                           #2b99ff
  20. @var            color    txtg     "Green Text Color"                     #9bca3e
  21. @var            color    txtr     "Red Text Color"                       #bd2426
  22. ==/UserStyle== */
  23. @-moz-document regexp(".*") {
  24.  
  25. if hideip {
  26. 	body[onload*="e=document.getElementById('captcha')"] > div > div[style="font-size:13px;"], //Google unusual traffic error
  27. 	#cf-wrapper #cf-error-details .cf-error-footer,
  28. 	#cf-wrapper #cf-error-details > header > span, 
  29. 	#cf-wrapper #cf-error-details .heading-ray-id, .attribution > .ray_id, .footer .ray-id,
  30. 	#page-error .cf-error-details ul {
  31. 		display: none !important
  32. 	}
  33. }
  34. #cf-wrapper #cf-error-details {
  35. 	if hidel {
  36. 		.truncate {
  37. 			display: none !important
  38. 		}
  39. 	}
  40. 	if hides {
  41. 		#error-feedback-survey, #error-feedback {
  42. 			display: none !important
  43. 		}
  44. 	}
  45. 	if blank {
  46. 		display: none !important
  47. 	}
  48. }
  49. if darkmode {
  50. 	#cf-wrapper {
  51. 		position: absolute
  52. 		padding: 0
  53. 		margin: 0
  54. 		top: 0
  55. 		left: 0
  56. 		width: 100%
  57. 		height: 100%
  58. 		^[0], h1, h2, h3, h4, h5, h6, p, .cf-subheadline {
  59. 			color: txtc
  60. 		}
  61. 		.cf-button {
  62. 			color: txtc
  63. 			background-color: bgc
  64. 			border-color: bgc2
  65. 			&:hover {
  66. 				background-color: bgc2
  67. 			}
  68. 		}
  69. 		a, .cf-footer-ip-reveal-btn {
  70. 			color: txtlc !important
  71. 			&:hover {
  72. 				text-decoration: underline
  73. 			}
  74. 		}
  75. 		#cf-error-details {
  76. 			^[0], & {
  77. 				background: bgc
  78. 			}
  79. 			.code-label {
  80. 				background-color: bgc2
  81. 				color: txtc
  82. 			}
  83. 			.cf-status-item.cf-error-source:after {
  84. 				border-bottom: 18px solid bgc
  85. 			}
  86. 			.cf-error-source:after {
  87. 				background-color: bgc
  88. 				box-shadow: none
  89. 			}
  90. 			.cf-highlight, .bg-gradient-gray {
  91. 				background: bgc2
  92. 			}
  93. 			.cf-error-footer {
  94. 				border-top: 1px rgba(255, 255, 255, .1) solid
  95. 			}
  96. 			.text-green-success {
  97. 				color: txtg
  98. 			}
  99. 			.text-red-error {
  100. 				color: txtr
  101. 			}
  102. 			//One more step Please complete the security check to access example.com
  103. 			.cf-highlight .cf-highlight-inverse {
  104. 				background-color: bgc2
  105. 			}
  106. 			.cf-screenshot-container {
  107. 				background: url(/cdn-cgi/images/browser-bar.png) no-repeat rgba(255, 255, 255, .05)
  108. 			}
  109. 		}
  110. 	}
  111. 	//Checking your browser before accessing example.com DDoS protection
  112. 	body > table > tbody > tr > td[align="center"][valign="middle"] {
  113. 		position: fixed
  114. 		top: 0
  115. 		left: 0
  116. 		width: 100%
  117. 		height: 100%
  118. 		> .cf-browser-verification {
  119. 			margin-top: 35vh
  120. 			^[0], &, > #cf-content > h1 {
  121. 				color: txtc
  122. 				background: bgc
  123. 			}
  124. 		}
  125. 		a {
  126. 			color: txtlc !important
  127. 			&:hover {
  128. 				text-decoration: underline
  129. 			}
  130. 		}
  131. 	}
  132. 	//Checking if the site connection is secure hCaptha
  133. 	#cf-challenge- { &running, &hcaptcha-wrapper, &spinner, &body-text, &fact-wrapper, &explainer-expandable, &success {
  134. 		background: bgc
  135. 		color: txtc
  136. 	}}
  137. 	#cf-challenge-running:after {
  138. 		content: ""
  139. 		z-index: -999
  140. 		background: bgc
  141. 		position: fixed
  142. 		top: 0
  143. 		left: 0
  144. 		width: 100%
  145. 		height: 100%
  146. 	}
  147. 	body:has(#cf-challenge-running) {
  148. 		background: bgc
  149. 		color: txtc
  150. 	}
  151. 	div.footer > div.footer-inner a[href="https://www.cloudflare.com"] {
  152. 		color: txtlc
  153. 	}
  154. 	#cf-challenge-fact-wrapper {
  155. 		border: 0.063rem solid rgba(255, 255, 255, .1)
  156. 	}
  157. 	body > div.footer[role="contentinfo"] > div.footer-inner {
  158. 		border-top: 1px solid rgba(255, 255, 255, .1)
  159. 	}
  160. }
  161. }

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址