CloudFlare Error - Dark Mode & Hide IP by pabli

Imported and mirrored from https://github.com/pabli24/CloudFlareError/raw/main/CloudFlareError.user.css

CloudFlare Error - Dark Mode & Hide IP screenshot
Homepage Install Get Stylus Write a review

Details

Authorpabli

LicenseCC-BY-SA-4.0

Created

Updated

Categoryunset

Statistics

Learn how we calculate statistics in the FAQ.

Total views1598

Total installs5437

Weekly installs146

Description

Hides your IP, Ray ID, server location and adds dark mode to the CloudFlare Error Message
Hiding IP can be useful for streamers

Tutorial: https://www.youtube.com/watch?v=ddMMRevC6zo

Also available on GreasyFork.org
☕ Support me on ko-fi

Screenshot
Screenshot
Screenshot

Webiste for testing: CloudFlare Error page, DDoS Protection page

Notes

Userstyle doesn't have notes.

History

Daily snapshots of style statistics.

2021-07-072021-07-312021-08-232021-09-152021-10-082021-10-312021-11-232021-12-162022-01-082022-01-312022-02-232022-03-18Date0.008.3016.5024.8033.0041.3049.5057.8066.00Daily countDaily installsDaily updatesDaily views
2021-07-072021-08-022021-08-272021-09-222021-10-172021-11-112021-12-072022-01-012022-01-272022-02-212022-03-18Date0.00280.00550.00830.001100.001380.001650.001930.002200.00Total countTotal installsTotal views

Source code

/* ==UserStyle==
@name           CloudFlare Error - Dark Mode & Hide IP
@namespace      https://greasyfork.org/en/users/124677-pabli
@version        1.4
@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, /.footer .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
			}
		}
	}
	//Checking if the site connection is secure hCaptha
	#cf-challenge- { &running, &hcaptcha-wrapper, &spinner, &body-text, &fact-wrapper, &explainer-expandable, &success {
		background: bgc
		color: txtc
	}}
	#cf-challenge-running:after {
		content: ""
		z-index: -999
		background: bgc
		position: fixed
		top: 0
		left: 0
		width: 100%
		height: 100%
	}
	body:has(#cf-challenge-running) {
		background: bgc
		color: txtc
	}
	div.footer > div.footer-inner a[href="https://www.cloudflare.com"] {
		color: txtlc
	}
	#cf-challenge-fact-wrapper {
		border: 0.063rem solid rgba(255, 255, 255, .1)
	}
	body > div.footer[role="contentinfo"] > div.footer-inner {
		border-top: 1px solid rgba(255, 255, 255, .1)
	}
}
}

Reviews

gusted reviewed and gave 5/5 ⭐
Perfect style!