# Stijl, presets en thema's in NetPlottr DiagramTool

## Wat zijn stijl, presets en thema's?

Een netwerkdiagram is pas echt nuttig als anderen het in een oogopslag begrijpen. In NetPlottr DiagramTool bepaal je het uiterlijk van je tekening op drie niveaus, die je los van elkaar kunt instellen:

- **Style presets** zetten in een klik een consistente vormtaal over je hele diagram. Je kiest uit Standaard, Minimaal, Opvallend en Monitoring.
- **Interface-thema's** bepalen het kleurenpalet en de sfeer van je werkblad, zoals een donkere of lichte achtergrond. Er zijn er 15.
- **Kleuraccenten** geef je per component, zodat je groepen of rollen visueel uit elkaar kunt halen.

Het mooie is dat deze drie samenwerken maar elkaar niet in de weg zitten. Je kiest bijvoorbeeld de preset Minimaal voor een rustige tekening, werkt in het donkere thema omdat dat prettig is voor je ogen, en exporteert daarna in een licht thema omdat dat beter past in een rapport.

NetPlottr DiagramTool is een Chrome-extensie die volledig lokaal in je browser draait. Er is geen login en geen cloud nodig: je stijlkeuzes, thema's en kleuren blijven gewoon bij jou op je eigen computer. Meer informatie vind je op [netplottr.com](https://netplottr.com).

## Style presets: snel een consistente look

Een style preset is een vooraf ingestelde combinatie van vormen, randen en accenten die NetPlottr in een keer toepast op je diagram. In plaats van elk onderdeel apart bij te schaven, zet je met de preset meteen een herkenbare, consistente stijl neer.

De vier presets:

- **Standaard**, een evenwichtige look die voor de meeste netwerkdiagrammen prima werkt. Een goed startpunt.
- **Minimaal**, strak en rustig, met weinig visuele ruis. Ideaal als je veel componenten hebt en de overzichtelijkheid voorop staat.
- **Opvallend**, met meer nadruk en contrast. Handig voor presentaties of slides waar je tekening van een afstand leesbaar moet zijn.
- **Monitoring**, afgestemd op statusoverzichten waarin OK, waarschuwing en fout meteen in het oog springen. Past goed bij diagrammen die je gebruikt om de gezondheid van je infrastructuur te tonen.

:::tip title="Begin met een preset, verfijn daarna"
Kies eerst de preset die het dichtst bij je doel ligt en pas daarna alleen de onderdelen aan die echt afwijken. Zo houd je je hele tekening consistent zonder elk component los te hoeven instellen.
:::

:::howto title="Een style preset toepassen"
1. Open je diagram in NetPlottr DiagramTool.
2. Ga naar het stijlgedeelte van de extensie.
3. Kies een van de presets: Standaard, Minimaal, Opvallend of Monitoring.
4. Bekijk hoe je diagram direct meebeweegt en kies de preset die het beste past.
5. Verfijn waar nodig per component de vorm (afgerond, hoekig of pill), de breedte en hoogte.
:::

## De 15 interface-thema's

Waar een preset vooral over vorm gaat, bepaalt een interface-thema de kleuren en de sfeer van je werkblad. NetPlottr levert 15 thema's, zodat je altijd een achtergrond hebt die prettig werkt en goed past bij waar je de tekening voor gebruikt.

Een greep uit de thema's:

- **NetPlottr Dark**, het standaardthema. Een donkere achtergrond die rustig is voor de ogen tijdens lang werken.
- **Professional White**, een licht en clean thema dat goed oogt in documenten en rapporten.
- **Cloud Captains-blauw**, in de blauwe huisstijl van Cloud Captains.
- **Material-varianten**, gebaseerd op het bekende Material-kleurensysteem.
- **Solarized, Nord en Dracula**, populaire kleurpaletten die veel IT'ers herkennen uit hun code-editor.

De achtergrond en kleuren van het thema werken samen met de kleuraccenten die je per component instelt. Een component met een rood accent valt bijvoorbeeld anders op tegen een donkere achtergrond dan tegen een witte. Het loont daarom om je accenten te kiezen in het thema waarin je uiteindelijk gaat exporteren.

:::info title="Thema's veranderen alleen het uiterlijk"
Het wisselen van thema verandert niets aan je componenten, verbindingen of gegevens zoals IP-adressen en DNS-records. Je kunt dus vrij experimenteren met thema's zonder dat je tekening inhoudelijk verandert.
:::

## Een apart thema voor de export

Een handige eigenschap van NetPlottr is dat je voor de export een ander thema kunt kiezen dan voor het bewerken. Dat klinkt klein, maar het scheelt in de praktijk veel werk.

Stel: je werkt graag in NetPlottr Dark omdat dat prettig is voor je ogen, maar je tekening moet in een Word-document of een presentatie met een witte achtergrond. Dan stel je het export-thema in op bijvoorbeeld Professional White, en levert NetPlottr je afbeelding meteen in de juiste stijl op. Je hoeft je werkblad dus niet om te schakelen of achteraf bij te werken.

:::howto title="Exporteren in een ander thema"
1. Werk je diagram af in het thema dat voor jou prettig bewerkt, bijvoorbeeld NetPlottr Dark.
2. Kies bij het exporteren het thema waarin de afbeelding moet verschijnen, bijvoorbeeld Professional White.
3. Exporteer als PNG (automatisch bijgesneden), als GIF voor een animatie, of kopieer een PNG rechtstreeks naar je klembord.
4. Plak of plaats de afbeelding in je document of presentatie.
:::

:::tip title="Klembord scheelt een tussenstap"
Moet je tekening snel in een chatbericht of document? Kopieer een PNG rechtstreeks naar je klembord en plak hem direct. Dit is de enige reden dat NetPlottr de permissie clipboardWrite vraagt, en alles blijft daarbij lokaal.
:::

## Kleuraccenten voor een leesbare tekening

Naast presets en thema's geef je elk component een eigen kleuraccent. Dit is je krachtigste middel om een drukke tekening overzichtelijk te houden. Een paar manieren om accenten slim in te zetten:

- Geef alle onderdelen van eenzelfde laag of zone dezelfde kleur, zodat groepen meteen herkenbaar zijn.
- Gebruik een opvallende kleur voor kritieke onderdelen zoals firewalls of de internetverbinding.
- Combineer kleuraccenten met de statusindicator (OK, waarschuwing, fout) voor een diagram dat in een oogopslag de gezondheid van je infrastructuur laat zien.

:::warn title="Niet te veel kleuren"
Te veel verschillende kleuren maken een tekening juist onleesbaar. Houd het bij een handvol betekenisvolle accenten en laat de rest neutraal. Een rustige basis met een paar gerichte kleuren leest altijd prettiger dan een regenboog.
:::

:::tip title="Stem accenten af op je export-thema"
Kies je accentkleuren in het thema waarin je uiteindelijk exporteert. Een kleur die mooi oplicht in NetPlottr Dark kan flets ogen op een witte achtergrond, en andersom. Even checken in het export-thema voorkomt verrassingen.
:::

## Alles blijft lokaal

Wat je ook instelt aan stijl, thema's of kleuren: het gebeurt allemaal in je eigen browser. NetPlottr DiagramTool heeft geen login en geen cloud. Je projecten sla je lokaal op als .frank-bestand, en je afbeeldingen exporteer je naar je eigen schijf of klembord. Je stijlvoorkeuren verlaten je computer niet. Voor IT'ers, beheerders en DevOps die met gevoelige infrastructuur werken, is dat een geruststellende eigenschap.

:::faq
### Wat is het verschil tussen een preset en een thema?
Een style preset bepaalt vooral de vorm en consistentie van je componenten (Standaard, Minimaal, Opvallend, Monitoring). Een interface-thema bepaalt de kleuren en de sfeer van je werkblad, zoals een donkere of lichte achtergrond. Je stelt ze los van elkaar in en combineert ze naar wens.

### Hoeveel thema's heeft NetPlottr?
Er zijn 15 interface-thema's. NetPlottr Dark is de standaard. Andere voorbeelden zijn Professional White, Cloud Captains-blauw, verschillende Material-varianten, Solarized, Nord en Dracula.

### Kan ik exporteren in een ander thema dan waarin ik werk?
Ja. Je kunt voor de export een ander thema kiezen dan voor het bewerken. Zo werk je bijvoorbeeld in NetPlottr Dark, maar lever je een afbeelding op in Professional White voor een document met een witte achtergrond.

### Verandert een ander thema mijn gegevens?
Nee. Het wisselen van thema verandert alleen het uiterlijk. Je componenten, verbindingen en gegevens zoals IP-adressen en DNS-records blijven ongewijzigd.

### Worden mijn stijlkeuzes ergens online opgeslagen?
Nee. NetPlottr DiagramTool werkt 100% lokaal in je browser, zonder login en zonder cloud. Je projecten bewaar je als .frank-bestand op je eigen computer.

### Welke preset kies ik voor een presentatie?
Voor een presentatie of slides werkt de preset Opvallend vaak het beste, omdat die meer contrast geeft en je tekening ook van een afstand leesbaar blijft. Combineer dat eventueel met een licht export-thema zoals Professional White.
:::