Дополнительные настройки конфигурации

Настройка CSS-стилей

Для Личного кабинета сервиса возможно настроить CSS-стили кнопок, ссылок и вкладок.

Для этого необходимо в файле .env сервиса изменить значения в переменной CUSTOM_STYLES.

Редактирование стилей

Для изменения стилей необходимо:

  1. Перейти в папку с проектом:
    cd /home/els/nodetrustedserverconfig
  2. Остановить контейнер docker compose stop
  3. Открыть и отредактировать файл .env, изменив значение в переменной CUSTOM_STYLES.
  4. Сохранить изменения.
  5. Запустить контейнер docker compose up

Описание переменной CUSTOM_STYLES

Требования к значению

  • Формат: JSON. Структура значения должна строго соответствовать формату JSON.
  • Одна строка: Значение переменной должно быть записано в одну строку без переносов.

Примечание: Невыполнение этого требования может привести к ошибкам при загрузке конфигурации.

Пример:

CUSTOM_STYLES=`{"palette": {...}, "button": {...}, "isAccordionIconColored": true}`

Пример со значениями (требует форматирования в одну строку):

CUSTOM_STYLES=`{
"palette": {
    "white": {
     "accent": "#ff6f00",
     "accentHover": "#f56b00",
     "onAccentColor": "#fff",
     "secondaryAccent": "#fae9de",
     "secondaryAccentHover": "#fadfcd",
     "onSecondaryAccentColor": "#5c2927",
     "outlinedColor": "rgba(0, 0, 0, 0.12)",
     "outlinedBackgroundColor": "#fff",
     "borderColor": "#f0c9bd",
     "outlinedHoverBackgroundColor": "#ffebe6",
     "outlinedHoverBorderColor": "#fae9de"
    }
},
"button": {
    "borderRadius": "4px"
},
"isAccordionIconColored": true,
"contentPosition": "center"
}`

Описание полей

  1. Палитра (palette):

    • accent: Главный акцентный цвет (основные кнопки). Пример: "#ff6f00".
    • accentHover: Цвет при наведении на акцент.
    • onAccentColor: Цвет текста или элементов поверх акцентного цвета.
    • secondaryAccent: Вторичный акцент для менее значимых кнопок.
    • secondaryAccentHover: Цвет при наведении на вторичный акцент.
    • onSecondaryAccentColor: Цвет текста или элементов поверх вторичного акцента.
    • outlinedColor: Цвет текста контурных кнопок.
    • outlinedBackgroundColor: Цвет фона контурных элементов.
    • borderColor: Цвет контура.
    • outlinedHoverBackgroundColor: Цвет фона при наведении на контурные элементы.
    • outlinedHoverBorderColor: Цвет контура при наведении.

  2. Кнопки (button):

    • borderRadius: Радиус закругления всех кнопок. Пример: 4px.

  3. Дополнительные настройки:

    • isAccordionIconColored: Цветная иконка аккордеона (true/false).
    • contentPosition: Выравнивание основного контента (start, center, end).

Рекомендации:

Перед добавлением в переменную убедитесь, что значение корректно сериализовано в JSON. Проверяйте переменную после внесения изменений, чтобы избежать ошибок отображения или загрузки.