CloudFlare Error - Dark Mode & Hide IP by pabli

Imported 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 atMay 31, 2021 13:25

Updated atMarch 30, 2022 12:00

Applies tounset

Statistics

Learn how we calculate statistics in the FAQ.

Total views1203

Total installs3191

Weekly installs95

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.2.1
@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 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(".*") {
if hideip {
	#cf-wrapper #cf-error-details {
		.cf-error-footer, > header > span, .heading-ray-id, /.attribution > .ray_id {
			display: none !important
		}
	}
}
if hidel {
	#cf-wrapper .truncate {
		display: none !important
	}
}
if blank {
	#cf-wrapper #cf-error-details {
		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 {
			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
			}
		}
	}
	//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
			}
		}
	}
}
}

Reviews

gusted reviewed and gave 5/5 ⭐ on July 28, 2021 at 23:19
Perfect style!