Custom backoffice thema

Concept

Er zijn twee standaard thema’s (default themes) beschikbaar voor de backoffice: neutraal en Vlaamse Overheid-stijl. Je kan één ervan selecteren binnen het frontend/theme/includes.scss bestand in je app repository door één van volgende commando toe te voegen:

Neutrale thema: @forward "@skryv/core-ng1/theme/includes/index";
Vlaamse Overheid thema: @forward "@skryv/core-ng1/theme/includes/index-vo";

Custom thema

Om het neutrale thema verder te customiseren, kan je specifieke eigenschappen overschrijven. Hiervoor gebruik je volgende syntax.

CODE

@forward "@skryv/core-ng1/theme/includes/index" with (
  //List of variables to overwrite
  // f.ex.: $variable: newValue
);

Uitgewerkt voorbeeld.

CODE

@forward "@skryv/core-ng1/theme/includes/index" with (

  //URL of your own custom logo.
  $url-brand-logo: "~/theme/assets/my-logo.svg",
  
  //Change the primary color of your application.
  $primary-brand-color: #FFFFFF,
  
  //Change the secondary color of your application.
  $secondary-brand-color: #000000
  // ...
);

Voorbeelden van enkele eigenschappen die je kan overschrijven.

CODE

$url-brand-logo
$primary-brand-color
$secondary-brand-color
$primary-text-color
$primary-text-on-action-color
$secondary-text-on-action-color

Voor bijkomende opties, contacteer het platform team.