Scenario's

  • Je wilt weten welke look & feel instellingen invloed hebben op de nieuwe Accountinstellingen en Resultaten pagina.

Benodigde rollen

Omgevingsbeheerder


Look & feel instellingen voor de Accountinstellingen pagina

In onderstaande afbeeldingen zie je welke instellingen waar effect op hebben. De getallen in de afbeeldingen corresponderen met een van de rijen uit de tabel die onder de afbeeldingen staat.



Pagina elementLook & feel instelling
1'Mijn account' achtergrondkleur van de headerMenu background colour (active item)
2'Mijn account' header kleur van de titelMenu font colour (active item)
3'Mijn account' header achtergrondkleur van de tabs (die niet 'actief' zijn)Menu background colour (active item)
4'Mijn account' header kleur van de tekst in de tabs (die niet 'actief' zijn)Menu font colour (active item)
5'Mijn account' header achtergrondkleur van de 'actieve' tabBackground colour, Background overlay colour
6'Mijn account' header kleur van de tekst van de tab die 'actief' isText font colour
7Achtergrondkleur (of achtergrondafbeelding) van de hele paginaBackground colour, Background image
8Background overlay colourBackground overlay colour
9Transparantie van de background overlay colourBackground overlay opacity
10Achtergrondkleur van de elementen binnen een tabPage elements colour
11Randen van de elementen binnen een tab
  • Page element rounded corners
  • Page element border size
  • Page element border style
  • Page element border colour
12Lettertype van de koppenTitle font
13Kleur van de koppenTitle font colour
14Kleur van de tekst onder de koppenText font colour
15Achtergrondkleur van invoervelden, toggles, checkboxes en keuzerondjesInput field background colour
16Tekstkleur in tekstveldenInput field text colour
17Kleur van schakelaars (toggle), checkboxen en keuzerondjes wanneer deze actief/aangevinkt zijnPrimary colour
18Kleur van de schakelaars (toggle) uitgevinktVaste kleur: #cbd5e1
Deze kan niet worden aangepast
19Primaire knoppenAlle instellingen onder Primary buttons
20Secundaire knoppenAlle instellingen onder Secondary buttons
21Kleur van linksLink colour
22Scheidingslijn tussen verschillende onderdelen binnen een elementVaste kleur: #e2e8f0
Deze kan niet worden aangepast



Look & feel instellingen voor de Resultatenoverzicht pagina

In onderstaande afbeelding zie je welke instellingen waar effect op hebben. De getallen in de afbeeldingen corresponderen met een van de rijen uit onderstaande tabel.



Pagina elementLook & feel instelling
1Achtergrondkleur van de header van het ResultatenoverzichtMenu background colour (active item)
2Tektskleur van de titel van de headerMenu font colour (active item)
3Achtergrondkleur (of achtergrondafbeelding) van de hele pagina Background colour, Background image
4Background overlay colourBackground overlay colour
5Transparantie van de achtergrondkleurBackground overlay opacity
6Achtergrondkleur van de elementen Page elements colour
7Randen van de elementen
  • Page element rounded corners,
  • Page element border size, 
  • Page element border style
  • Page element border colour
8Kleur van de tekst binnen de elementenText font colour
9Achtergrondkleur van het blok met certificaat resultatenPage elements colour
10Randen van het certificaatpaneel
  • Page element rounded corners
  • Page element border size
  • Page element border style
  • Page element border colour
11Achtergrondkleur van de blokken met algemene voortgang en totaal bestede tijdPage elements colour
12Randen van de resultaatblokken van uitvoeringen
  • Page element rounded corners
  • Page element border size
  • Page element border style
  • Page element border colour
13Kleur van het icoontje voor het inklappen/uitvouwen van een paneelPrimary colour
14Lettertype van de koppen (titels) van de elementenTitle font
15Kleur van de titelsTitle font colour
16TekstkleurText font colour
17Kleur van linksLink colour
18Kleuren van de icoontjes die de status van een activiteit of certificaat weergeven Geen look & feel instelling;
deze kleuren worden bepaald door de instellingen van de  beoordelingskleuren (er wordt een lichtere variant van deze instelling getoond)
19Achtergrondkleur van de blokken met resultaten van uitvoeringenMenu background colour (active item)
20Kleur van de tekst binnen de uitvoeringspanelenMenu font colour (active item)
21Achtergrondkleur tabelKan (nog) niet worden aangepast
22Tekstkleur tabelText font colour
23Randkleur tabelKan (nog) niet worden aangepast 
24Scheidingskleur tabelKan (nog) niet worden aangepast