Celebrating 700K+ Installs Up to 35% OFF! View Details →

Adjust colors on verification page

Published 2 years ago

# SafeLine WAF
# ❓ question

Published 2 years ago

profile_photo

Julian

Updated 2 years ago

0

How can I adjust the foreground and background color of the verification box (default: blue background and white text/loader) animation?

profile_photo

Naldela Teleyal

Updated 2 years ago

0

With Pro you can edit them by yourself:
image.png

profile_photo

Julian

Updated 2 years ago

0

I did that, but the box that is loaded from the remote challenge.js is always with blue background and white foreground, or did I miss something?
Bildschirmfoto_2024-11-18_um_16.52.37.png

profile_photo

Naldela Teleyal

Updated 2 years ago

0

Maybe you need to override the CSS. You can use !important on your color definition

profile_photo

Naldela Teleyal

Updated 2 years ago

0

For example:

1body {
2   background: #fff !important;
3}
profile_photo

Julian

Updated 2 years ago

0

Thanks! To switch to black / white I used the following, and it worked:

          background-color: #fff !important;
      }
      #sl-loader {
          --uib-color: #000 !important;
      }
      #sl-text {
          color: #000 !important;
      }```
Adjust colors on verification page | CyberServal | CyberServal