Раздел customizaton

Сервер BOOCO Astra (v 2.x) / Конфигурационный файл booco.yml

В разделе customizaton предусмотрены дополнительные возможности кастомизации интерфейса BOOCO.

Кастомизация бокового меню доступна начиная с версии 2.23.0.
💡
Цвета указываются в формате RGB, RGBA или HEX.

Поля раздела

Название
Тип
Описание
object

Подраздел с настройками страницы авторизации

object

Подраздел с настройками бокового меню

Поля подраздела auth

Название
Тип
Описание
string

Изображение логотипа на странице авторизации. Должно находиться на сервере в папке data/files/img

string

Текст логотипа

list

Набор цветов для формирования различных элементов интерфейса (например, цвет подложки и значка на страницах). Цвета могут быть одинаковыми

Поля раздела sidebar

Название
Тип
По умолчанию
Описание
object

Подраздел с настройками фонового изображения

object

Подраздел с настройками логотипа

object

BOOCO

Подраздел с настройками иконки сворачивания/разворачивания (справа от лого)

object

Подраздел с настройками пунктов меню

Поля подраздела sidebar.background

Название
Тип
Описание
string

Фоновое изображение. Должно находиться на сервере в папке data/files/img/

string

Цвет наложения

Поля подраздела sidebar.toggler

Название
Тип
Описание
string

Цвет иконки сворачивания/разворачивания (справа от лого)

string

Цвет фона при наведении

Поля подраздела sidebar.navigation

Название
Тип
Описание
string

Цвет текста и иконок в дефолтном состоянии

string

Цвет фона при наведении в дефолтном состоянии

string

Цвет текста и иконок в активном состоянии

string

Цвет фона в активном состоянии

string

Цвет фона при наведении в активном состоянии

Пример:

customization:
  auth:
    image: files/img/auth-logo.png
    logo-text: СБПРМ
    palette: [ '#025EA1', '#025EA1', '#025EA1', '#025EA1', '#025EA1' ]
  sidebar:
    background:
      image: 'files/img/company-sidebar.png'
      color: '#025EA1'
    logo:
      image: 'files/img/logo-sidebar.png'
      text: 'СБПРМ'
      text-color: '#FFFFFF'
    toggler:
      default-color: 'rgba(233, 30, 99, 0.5)'
      hover-color: 'rgba(233, 30, 99, 1)'
    navigation:
      default-color: '#FFFFFF'
      hover-color: 'rgba(255, 255, 255, 0.05)'
      active-color-: '#E91E63'
      active-background-color: 'rgba(233, 30, 99, 0.05)'
      active-hover-background-color: 'rgba(233, 30, 99, 0.05)'