Личный кабинет#
Blitz Identity Provider позволяет менять логотипы заголовка и футера в Личном кабинете, а также кастомизировать цветовую схему Личного кабинета с помощью CSS.
Логотип в заголовке#
Для замены логотипа в заголовке Личного кабинета можно использовать один из следующих способов:
Способ 1
Замените файл логотипа logo-ib_h30.png
в директории .../assets/public/lib/blitz-common/
новым файлом с тем же названием.
Способ 2
Положите в директорию
.../assets/public/lib/blitz-common/
файл с кастомным логотипом (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-путь к новому файлу.
Внимание
В качестве пути к директории
.../assets/public/lib/blitz-common/
используйтеhttps://<domain>/blitz/assets/img/
.:root{ --navbar-branding-img: url(https://<domain>/blitz/login/assets/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;
}