☰

CloudFlare Error - Dark Mode & Hide IP

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

Versión del día 23/7/2022. Echa un vistazo a la versión más reciente.

/* ==UserStyle==
@name           CloudFlare Error - Dark Mode & Hide IP
@namespace      https://greasyfork.org/en/users/124677-pabli
@version        1.3
@description    Hides your IP, Ray ID, server location and adds dark mode to the CloudFlare Error Message
@author         Pabli
@license        CC-BY-SA-4.0
@homepageURL    https://github.com/pabli24/CloudFlareError
@supportURL     https://github.com/pabli24/CloudFlareError/issues
@preprocessor   stylus
@var            checkbox darkmode "Dark Mode"                            1
@var            checkbox hideip   "Hide IP and Ray ID"                   1
@var            checkbox hidel    "Hide Server Location"                 0
@var            checkbox hides    "Hide Survey (Was this page helpful?)" 0
@var            checkbox blank    "Blank Page"                           0
@var            color    bgc      "Background Color"                     #000
@var            color    bgc2     "Secondary Background Color"           #151515
@var            color    txtc     "Text Color"                           #ddd
@var            color    txtlc    "Link Color"                           #2b99ff
==/UserStyle== */
@-moz-document regexp(".*") {
#cf-wrapper #cf-error-details {
	if hideip { .cf-error-footer, > header > span, .heading-ray-id, /.attribution > .ray_id { display: none !important } }
	if hidel  { .truncate                                                                   { display: none !important } }
	if hides  { #error-feedback-survey, #error-feedback                                     { display: none !important } }
	if blank                                                                                { display: none !important }
}
if darkmode {
	#cf-wrapper {
		position: absolute
		padding: 0
		margin: 0
		top: 0
		left: 0
		width: 100%
		height: 100%
		^[0], h1, h2, h3, h4, h5, h6, p, .cf-subheadline {
			color: txtc
		}
		.cf-button {
			color: txtc
			background-color: bgc
			border-color: txtlc
			&:hover {
				background-color: txtlc
			}
		}
		a, .cf-footer-ip-reveal-btn {
			color: txtlc !important
			&:hover {
				text-decoration: underline
			}
		}
		#cf-error-details {
			^[0], & {
				background: bgc
			}
			.cf-status-item.cf-error-source:after {
				border-bottom: 18px solid bgc
			}
			.cf-error-source:after {
				background-color: bgc
				box-shadow: none
			}
			.cf-highlight, .bg-gradient-gray {
				background: bgc2
			}
			.cf-error-footer {
				border-top: 1px rgba(255, 255, 255, .1) solid
			}
			//One more step Please complete the security check to access example.com
			.cf-highlight .cf-highlight-inverse {
				background-color: bgc2
			}
			.cf-screenshot-container {
				background: url(/cdn-cgi/images/browser-bar.png) no-repeat rgba(255, 255, 255, .05)
			}
		}
	}
	//Checking your browser before accessing example.com DDoS protection
	body > table > tbody > tr > td[align="center"][valign="middle"] {
		position: fixed
		top: 0
		left: 0
		width: 100%
		height: 100%
		> .cf-browser-verification {
			margin-top: 35vh
			^[0], &, > #cf-content > h1 {
				color: txtc
				background: bgc
			}
		}
		a {
			color: txtlc !important
			&:hover {
				text-decoration: underline
			}
		}
	}
}
}