Document360 biedt vier ingebouwde callouttypes - Info, Warning, Error en Success - elk met een eigen standaardkleur. Het Change callout colors CSS-snippet laat je deze standaardkleuren overschrijven om bij je merkpalet te passen. Kleurwijzigingen gelden wereldwijd in je hele kennisbank - alle callouts van hetzelfde type worden tegelijk bijgewerkt.
Callout-types
| Type | Standaardkleur | Doel |
|---|---|---|
| Info | Blauw | Extra context, nuttige tips of aanvullende informatie |
| Waarschuwing | Geel | Mogelijke problemen, belangrijke overwegingen of acties met onbedoelde gevolgen |
| Fout | Rood | Bekende fouten, faaltoestanden of acties die vermeden moeten worden |
| Succes | Groen | Voltooide stappen, positieve resultaten of aanbevolen configuraties |
- Info
Je inhoud hoort hier
- Waarschuwing
Je inhoud hoort hier
- Fout
Je inhoud hoort hier
- Succes
Je titel hoort hier
Je inhoud hoort hier
Hoe je calloutkleuren kunt aanpassen
- Ga naar () > Knowledge base site in de linker navigatiebalk van het Knowledge Base-portaal.
- Navigeer in het linker navigatiepaneel naar Site-aanpassing.
- Klik op Custom CSS & JavaScript.
- Selecteer het CSS-tabblad en klik vervolgens op Voeg code snippets toe aan de rechterkant.
Het panel 'Add code snippets' verschijnt.
- Selecteer 'Wissel de kleuren van de oproep'. Het fragment wordt in de CSS-editor geplaatst en toont de bestaande kleurwaarden voor alle vier de callout-typen.
- Bewerk de kleurwaarden in de code om je merkkleuren toe te passen.
- Klik op Opslaan.
De bijgewerkte kleuren worden toegepast op alle callouts van elk type in de gehele kennisbasis.
Best practices
- Preview in zowel lichte als donkere modus - kleuren die er goed uitzien in lichte modus kunnen contrast- of leesproblemen hebben in donkere modus. Controleer altijd beide na het opslaan.
- Verander kleuren globaal, niet per callout - het snippet werkt alle callouts van een bepaald type tegelijk bij. Als je een eenmalige kleur nodig hebt, gebruik dan inline CSS in het artikel.
- Houd het doel van de callout afgestemd op de kleur – vermijd het gebruik van kleuren die conflicteren met de betekenis van de callout. Bijvoorbeeld, het gebruik van rood voor een Info-melding kan lezers verwarren.
FAQ
Kan ik callout-kleuren stylen in de donkere modus?
Ja. Voor meer informatie, zie Hoe je de kleur van de callouts verandert in de donkere modus.
Kan ik de kleur van één enkele callout veranderen zonder dat het invloed heeft op alle andere van hetzelfde type?
Nee. Het knipsel 'Verander' van de callout kleuren geldt wereldwijd voor alle callouts van hetzelfde type in de gehele kennisbasis. Individuele callout-kleuroverschrijvingen worden niet ondersteund door het fragment - je zou inline CSS direct aan het artikel moeten toevoegen voor eenmalige wijzigingen.