CloudFlare Error - Dark Mode & Hide IP by pabli
Imported from https://github.com/pabli24/CloudFlareError/raw/main/CloudFlareError.user.css

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 views1309
Total installs3631
Weekly installs115
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
Webiste for testing: CloudFlare Error page, DDoS Protection page
Notes
Userstyle doesn't have notes.History
Daily snapshots of style statistics.
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!