Личный кабинет#
Blitz Identity Provider позволяет менять логотипы заголовка и футера в Личном кабинете, а также кастомизировать цветовую схему Личного кабинета с помощью CSS.
Логотип в заголовке#
Для замены логотипа в заголовке Личного кабинета можно использовать один из следующих способов:
Способ 1
Замените файл логотипа logo-ib_h30.png
в директории /usr/share/identityblitz/blitz-config/assets/public/lib/blitz-common/img/
новым файлом с тем же названием.
Способ 2
Положите в директорию
/usr/share/identityblitz/blitz-config/assets/public/lib/blitz-common/img/
файл с кастомным логотипом (mylogo.png
в примере ниже).Откройте файл
.../assets/public/lib/blitz-profile/stylesheets/custom.min.css
.sudo vim /usr/share/identityblitz/blitz-config/assets/public/lib/blitz-profile/stylesheets/custom.min.css
Укажите URL-путь к новому файлу.
Внимание
В качестве пути к директории
/usr/share/identityblitz/blitz-config/assets/public/lib/blitz-common/img/
используйтеhttps://<domain>/blitz/public/img/
.:root{ --navbar-branding-img: url(https://<domain>/blitz/public/img/mylogo.png); ... }
Совет
Для логотипа также можно использовать файл на внешнем URL.
Кастомизация цветовой схемы#
Изменение цветовой схемы выполняется в файле:
.../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;
--core-color-accent: #00bde5;
--core-color-body: #666;
--core-color-border: #ddd;
--core-color-outline: #d9d9d9;
--core-color-primary: #3498db;
--core-color-sidebar: #f2f2f2;
--core-color-light: #fff;
--core-color-dark: #3b3f4f;
--core-color-border-primary: #3498db;
--core-color-footer: #fafafa;
--core-color-ib-blue: #00bde5;
--core-color-text-list: #fff;
--core-color-text-danger: #dc4831;
--core-color-text-footer: #898f97;
--core-color-text-link: #666;
--core-color-text-success: #64c556;
--core-color-text-suggestion: #fff;
--core-color-social-vk: #5e81a8;
--core-color-social-vkid: #5e81a8;
--core-color-social-esia: #0063b0;
--core-color-social-esiadp: #0063b0;
--core-color-social-sbrf: #00b017;
--core-color-social-sbb: #127f8c;
--core-color-social-alfa: #ef3124;
--core-color-social-google: #009a22;
--core-color-social-apple: #000;
--core-color-social-yandex: #ff5651;
--core-color-social-mail: #3d32d7;
--core-color-social-blitz: #00bde5;
--core-color-social-mos: #b40031;
--core-color-social-facebook: #00cdff;
--core-color-social-tcs: #000;
--core-color-social-vtb: #0a2796;
--core-color-social-ok: #ff8100;
}