Kleurenstijlen

Introductie

Om kleuren te gebruiken om HTML en andere bestandstypen te accentueren kan gewijzigd worden in de HTML-Kit Tools kleurenstijlkiezer.

• Wijzigen van kleuren, lettertypen, lettergrootten, en letternamen die gebruikt worden door kleurenstijl-items, zoals labels, strings, platte tekst en nog meer.
• Bewaar meerdere stijlen en schakel ertussen.
• Voeg nieuwe stijlen toe met behulp van Colorizer Style plugins.
• Een enkele kleurenstijl kan kleuren specificieren voor een enkele, meerdere of alle kleurtypenbestanden.
• Wijzigen en testen van stijlen met de kleurstijlmanager./li>

Kleurstijlen wijzigen

Om kleurstijlen aan te passen open je in het hoofdmenu "Beeld > Kleurenhulp > Stijlen > Wijzig en beheer, Kleurenstijlen" Kies "MyStyle" uit de lijst van beschikbare stijlen. Maak je wijzigingen en klik op "Toepassen" om de wijzigingen te testen. Als er een document geopend is dan wordt het weergegeven met vernieuwde kleurenstijl. Klik tenslotte op "OK" om de manager af te sluiten.

Kleurenhulpstijl attributen

Attribuut	Afgekort	Omschrijving	Voorbeeld
naam	n	Kleurenitem naam of ID element.	n="attr_value"
voorgrond	f	Voorgrondkleur	f="#000000"
achtergrond	b	Achtergrondkleur	b="#ffffff"
letterstijl	s	Letterstijl. B = vet, I = romeins, U = onderlijnd.	s="IB"
lettergrootte	-	Lettergrootte. "+1" vergroot de huidige lettergrootte met 1. "-2" vermidert de lettergrootte met 2.	fontsize="+3"
letternaam	-	Letternaam	fontname="Arial"

Kleurenstijlstructuur

Elke kleurenstijlbestand bestaat uit de volgende structuur:

<colorizer>
 <type name="html">
  <group>
   <item name="default" foreground="green" />
   <!-- additionele items -->
  </group>
  <!-- additionele groepen -->
 </type>
 <!-- additionele typen -->
</colorizer>

Kleuren en lettertypestijlen specificeeren in een top-items-filter tot en met aanhangende items. Als bijvoorbeeld een <type> een achtergrondkleur specificeert als "yellow" (=geel) krijgen alle groepen en items een gele achtergrondkleur, tenzij een onderdeel zijn eigen achtergrondkleur specificeert.

<type name="html" background="yellow">

 <!-- items in groep 1 hebben een gele achtergrondkleur,
      behalve "comment" -->
 <group name="Group1">
  <item name="default" foreground="black" />
  <item name="string_doubleq" foreground="cyan" />
  <item name="comment" f="black" b="green" />
 </group>

 <!-- items in groep 2 hebben een witte achtergrond
      en een blauwe voorgrond -->
 <group name="Group2" b="white" f="blue">
  <item name="tag" />
  <item name="attr" />
 </group>

</type>

De betekenis van de "naam" attribuut hangt van het label af. Binnen het "type" label specificeert de "naam" de naam van het kleurentype. Het moet een bekende naam zijn, zoals html, xml of ander geldig kleurentype. De "naam" attribuut in "group" labels kunnen namen zijn zolang het een unieke naam is die van a-z, 0-9 en onderlijnde karakters bestaan. Alle "item" labels moeten een geldig kleurenitem specificeren zoals default, tag, en attr (afhankelijk van het kleurentype). Een uitzondering op deze regel is dat een label een attribuut kan instellen met "*" (<item name =" *" />) om aan te duiden dat het over items gaat die niet in de lijst zijn opgesomd.

De "groups"-labels zijn er om het gemakkelijker te maken om kleurenitems te categoriseren. Elk "type" label moet tenminste een "groups"-label hebben. Met meervoudige "groups"-labels is het mogelijk om herhaaldelijk stijlen te vermijden die in verschillende groepen van items worden toegepast.

 <!-- items in groep A hebbben een witte achtergron,
      behalve "comment" -->
 <group name="GroupA" background="white">
  <item name="default" foreground="black" />
  <item name="string_doubleq" foreground="cyan" />
  <item name="comment" f="black" b="green" />
 </group>

 <!-- items in groep B hebben een gele achtergornd en
      een blauwe voorgrond behalve "entity" -->
 <group name="GroupB" b="yellow" f="blue">
  <item name="tag" />
  <item name="attr" />
  <item name="entity" foreground="olive" />
 </group>

Meer voorbeeld kunnen bekeken worden in de "Kleurenstijl manager" en op HTML-Kit Tools Plugins pagina.