Hides your IP, Ray ID, server location and adds dark mode to the CloudFlare Error Message
Per
/* ==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
}
}
}
}
}