User profile

Blitz Identity Provider allows you to change the header and footer logos in the User profile, as well as customize the User profile color scheme using CSS.

Header logo

To replace the header logo of the User profile, use one of the following methods:

Method #1

Replace the logo-ib_h30.png logo file in the .../assets/public/lib/blitz-common/ directory with a new file of the same name.

Method #2

1. Put a file with the custom logo (mylogo.png in the example below) into the .../assets/public/lib/blitz-common/ directory.

2. Open the .../assets/public/lib/blitz-profile/stylesheets/custom.min.css file.

   sudo vim /usr/share/identityblitz/blitz-config/assets/public/lib/blitz-profile/stylesheets/custom.min.css
   

3. Specify the URL path to the new file.

   Attention

   For the path to the .../assets/public/lib/blitz-common/ directory, use https://<domain> /blitz/assets/img/.

   :root{
     --navbar-branding-img: url(https://<domain>/blitz/login/assets/img/mylogo.png);
     ...
   }
   

   Tip

   For the logo, you can also use a file available on a public URL.

Footer logo

To change the logo in the footer of the User profile, replace the logo-bip.png logo file in the .../assets/public/lib/blitz-common/ directory with a new file of the same name.

Color scheme customization

You can change the color scheme in the file:

.../assets/public/lib/blitz-profile/stylesheets/custom.min.css.

:root{
  --profile-color-accent:#00bde5;
  --profile-color-border-primary:#ddd;
  --profile-color-border:#ddd;
  --profile-color-button:#f1f1f1;
  --profile-color-href-hover:#1d6fa5;
  --profile-color-href:#3498db;
  --profile-color-outline:#ddd;
  --profile-color-primary:#3498db;
  --profile-color-text-button:#666;
  --profile-color-text-light:#fff;
  --profile-color-text-primary:#3498db;
}