Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 6 Next »

In Portrait you can apply your own design (color and graphics):

Graphics

You can change the logo and hero of the app to your needs:

Open the file app/config/ui/.env and change the following line:

#The (relative) path to the logo
LOGO_PATH=https://yourwebsite/assets/logo.svg

The logo is shown on top of the menu and can be a JPG, PNG or SVG file.
We recommend to use the following SVG template:

The template makes use of this recommended ratio: 8:1 (width : height).

Hero

The hero is shown on the dashboard and can either be a JPG, PNG or SVG file. We strongly recommend to use a SVG file. Set the hero with the following flag in app/config/ui/.env:

#The (relative) path to the hero
HERO_PATH=https://yourwebsite/assets/hero.svg

Color

You can set the primary color of the app with this flags inside app/config/ui/.env:

#define the primary color for highlights
COLOR_PRIMARY = #FF530D
#define the secondary color for backgrounds
COLOR_SECONDARY = #64a3cf

COLOR_PRIMARY will affect buttons and highlights, COLOR_SECONDARY will change the background of the app:

  • No labels

Copyright Treskon GmbH.