Hoe wijzig ik de (huisstijl)kleur van Neoforce?

Toegevoegd op woensdag 7 september 2022 21:36 | Laatst gewijzigd op maandag 15 juli 2024 08:30
300

Neoforce is aan te passen zodat deze matched met jouw favoriete of huisstijlkleur. Hieronder vind je de benodigde stappen om het behandelaarsgedeelte, en optioneel het klantportaal (indien beschikbaar) aan te passen naar jouw gewenste kleur:

⚠️ Let op: je dient te beschikken over beheerdersrechten om dit uit te voeren.

Behandelaarsgedeelte

  1. Klik rechtsboven op je naam en ga naar [Beheer].

  2. Ga in het beheermenu onder het kopje 'Applicatie/algemeen' naar 'Algemene instellingen'.

  3. Klik op de 'kleurenkiezer' bij het veld 'Primaire kleur' en kies daar een kleur naar keuze. Je kunt hier ook een hexadecimale kleurcode invullen zodat je zeker weet dat je de juiste kleur gebruikt.
    image.png

  4. Klik daarna op [Opslaan]. De kleur is direct toegepast op verschillende onderdelen van Neoforce.

Kleuren binnen Neoforce

Na het wijzigen van de huisstijlkleur zullen verschillende onderdelen van kleur veranderen. De balk aan de bovenzijde is het meest opvallende voorbeeld, maar ook diverse accenten zullen aangepast worden. Daarnaast zijn veel elementen qua kleur afgeleid van de ingestelde huisstijlkleur. Hierdoor kun je een goede en uniforme ervaring creëren die volledig aansluit bij jouw voorkeuren.

Klantenportaal

  1. Klik rechtsboven op je naam en ga naar [Beheer].
  2. Klik binnen het kopje 'Klantenportaal' op 'Algemene instellingen'.
  3. Klik ook hier op de 'kleurenkiezer' om een kleur naar wens te selecteren.
    image-2.png

💡 Eventueel kun je hier ook nog de achtergrondkleur van de banner wijzigen of een afbeelding als achtergrond instellen.

Hexadecimale kleurcodes?

Een hexadecimale kleurcode is een manier om kleuren weer te geven door middel van een combinatie van cijfers en letters. Deze codes beginnen altijd met een ‘#’ gevolgd door zes tekens. De zes tekens staan voor de intensiteit van de drie primaire kleuren: rood, groen en blauw (RGB). Elke kleur heeft twee tekens, waardoor er 256 mogelijke waarden per kleur zijn (00 tot FF in hexadecimale notatie).

Voorbeeld:

  • De kleur zwart wordt weergegeven als #000000.
  • De kleur wit wordt weergegeven als #FFFFFF.
  • De kleur rood wordt weergegeven als #FF0000.
  • De standaardkleur van Neoforce is #36B6A9.

Structuur van een hexadecimale kleurcode

Een hexadecimale kleurcode bestaat uit drie delen, elk bestaande uit twee tekens:

  1. Rood (Red): De eerste twee tekens.
  2. Groen (Green): De middelste twee tekens.
  3. Blauw (Blue): De laatste twee tekens.

Voorbeeld:
De hexadecimale code #4A3E9D bestaat uit:

  • Rood: 4A
  • Groen: 3E
  • Blauw: 9D

Hoe werkt het?

De hexadecimale waarden variëren van 00 tot FF, waarbij 00 de laagste intensiteit (geen kleur) en FF de hoogste intensiteit (volle kleur) vertegenwoordigt.

Voorbeeld:

  • #0000FF betekent geen rood (00), geen groen (00), en volledig blauw (FF), wat resulteert in de kleur blauw.
  • #00FF00 betekent geen rood (00), volledig groen (FF), en geen blauw (00), wat resulteert in de kleur groen.
  • #FF00FF betekent volledig rood (FF), geen groen (00), en volledig blauw (FF), wat resulteert in de kleur magenta.

Met hexadecimale kleurcodes kun je een breed scala aan kleuren nauwkeurig instellen, waardoor je eenvoudig de visuele stijl van je Neoforce-omgeving kunt aanpassen aan je eigen voorkeuren of huisstijl.

Inhoudsopgave