Legg til et tema

I panelet Legg til tema gjør du de innstillingene du ønsker for temaet ditt.

Her bestemmer du hvordan hver enkelt komponent skal se ut med hensyn til farge, skrifttype, ikoner og rammer. Følg lenken på hver komponent for å få tilgang til mer detaljert dokumentasjon.

Generelt

Navn

Her skriver du inn et navn på temaet ditt.

CSS-klassenavn

Hvert tema trenger et klassenavn. Når du har fylt ut Navn, fylles dette feltet ut automatisk.

Beskrivelse

Her kan du fylle ut en beskrivelse av temaet ditt (om nødvendig).

Grunnleggende

Her kan du stille inn grunnleggende ting som skrifttype, bakgrunnsfarge og kantlinje. Du kan også gjøre innstillinger for bakgrunnsfargen og bakgrunnsfargen til en seksjon. Du kan også angi rammens radius og farge.

Skriftetype

Her kan du velge mellom skriftetyper Arial, Helvetica, Verdana, Times New Roman, Georgia og Courier New eller andre skrifttyper som du har lagt til under Nettstedsinnstillinger .

Grunnstørrelse for skriftetype

Her angir du grunnstørrelsen for skriftetyper. Den er grunnlaget og påvirker andre størrelser. For eksempel small, medium, large, x-large. Se eksempler på https://github.com/sitevision/envision/blob/master/packages/envision/src/scss/variable.scss Lenke til et annet nettsted, åpnes i nytt vindu.

Når du fyller ut innstillingene og klikker OK, kalles en tjeneste som setter sammen disse innstillingene til en ferdig css.

Farge for skriftetyper

Her velger du farge. Farger legges inn som HEX-verdier eller velges ved å klikke på fargevelgeren. Under fargevelgeren vises fargepaletter hentet fra nettstedets farger som fargeforslag.

Bakgrunnsfarge

Du kan også gjøre innstillinger for bakgrunnsfargen.

Seksjonbakgrunn

Du kan også gjøre innstillinger for bakgrunnsfarge for en seksjon. Den brukes for eksempel som bakgrunn på modaler og andre store flater. Det er fint om denne innstillingen samsvarer med bakgrunnsfargen (bare litt svakere).

Koblingsfarge

Her velger du fargen på lenken.

Koblingsfarge for muspekere over

Her velger du hvilken farge lenken skal ha når du holder musepekeren over lenken.

Understreking av kobling

Her velger du om lenken skal være understreket.

Understreking av kobling ved muspeker over

Her velger du hvordan lenken skal oppføre seg når du holder musepekeren over den.

Størrelse på lenkeikon

Her kan du angi størrelsen på linkikonet i enten em eller px.

Vertikal justering for ikon

Her kan du justere høyden på ikonet i enten em eller px.

Textstørrelse på lenkekmetadata

Her kan du angi størrelsen på linkmetadatatekst i enten em eller px.

Farge for kantlinje

Her angir du fargen på kanten.

Kantradius

Her stiller du inn kantradius. Angi 0 px hvis du ikke vil ha avrundede hjørner på kanten.

Skyggefarge

Her velger du farge for skyggen. Fargene legges inn som HEX-verdier eller velges ved å klikke på fargevelgeren. Under fargevelgeren vises fargepaletter hentet fra nettstedets farger som fargeforslag.

Forhåndsvisning

Til høyre kan du se en forhåndsvisning av innstillingene dine.

Profilfarge

Profilfarge

Her kan du stille inn profilfargen din.

Tekstfarge

Her stiller du inn tekstfargen. Det er en grønn OK-boks over for å vise at kontrasten er god nok. Til høyre kan du se en forhåndsvisning av innstillingene dine.

Reduser fargemetningen i profilfargepaletten

En valgt farge har alltid en viss metning. Du kan velge å gjøre paletten mer grå, så basert på fargen som er valgt som profilfarge, kan du redusere metningen fra 0-100 %. 0 gir samme metning og 100 % gir maksimal demping av metningen, dvs. helt i gråskalaen.

Beregning av tekstfarge i paletten

Du kan velge følgende:

Palettfarger (standard)
Tekstfarge + høy kontrast
Høy kontrast (svart-hvitt)

Redusere tekstfargens metning i paletten

Du kan redusere metningen av tekstfargen i profilfargene på samme måte som du kan redusere metningen av profilfargene. 0 gir samme metning og 100 % gir maksimal undertrykkelse av metningen, dvs. helt i gråskala.

Forhåndsvisning

Til høyre kan du se en forhåndsvisning av innstillingene dine.

Innholdstekst

Valgt tekststil

I listen «valgt tekststil» velger du overskriften/teksten du ønsker å gjøre alle innstillingene for.

Listen inneholder:

Overskrifter
- Overskrift 1-6
- Alternativ overskrift 1-3
Avsnitt
- Brødtekst 1-4
- Innledning
- Sitat 1-2
- Billedtekst
Tabell
- Tabellbeskrivelse
- Tabelloverskrift
- Tabelldata

Man kan si at tallet i for eksempel Brødtekst 1-4 betyr at Brødtekst 1 er den største teksten som standard, og at den blir mindre og mindre. Men du kan selv angi de størrelsene du ønsker på de fire forskjellige variantene av brødtekst.

For hver overskrift/tekst kan du angi følgende.

Tekst

Skrifttype

Her kan du velge mellom skrifttypene Arial, Helvetica, Verdana, Times New Roman, Georgia og Courier New eller de nettfontene du har lagt til under Nettstedsinnstillinger.

Størrelse

Her angir du tekststørrelsen for skrifttypen din.

Farge

Her angir du fargen på skrifttypen din.

Tykkelse

Her angir du hvilken vekt skrifttypen skal vises med. Her kan du angi fra Thin til Extra Black.

Avstand mellen tegnene

Her angir du linjeavstand. Følgende er tilgjengelig i listen:

normal
1,5

Tekstkonvertering

Her kan du velge mellom følgende:

Inledende versal
Versaler
Gemener

Stil

Her velger du normal eller kursiv.

Margins

Margin overst

Her gjør du innstillingen av marginen over tekststykker eller overskrifter.

Margin nertil

Her gjør du innstillingen av marginen under tekststykker eller overskrifter.

Lenker

Koblingsfarge

Velg hvilken farge du vil ha som lenkefarge.

Koblingsfarge for muspeker over

Velg hvilken farge du vil ha som lenkefarge for hover. Det vil si at du kan ha en lenkefarge på den vanlige skrifttypen og en annen lenkefarge i et farget blokk, for eksempel en puff.

Understreking av kobling

Her velger du om lenken skal være understreket eller ikke.

Understreking av kobling ved muspekning over

Her velger du om lenken skal være understreket ved hover eller ikke.

Forhåndsvisning

Til høyre kan du se en forhåndsvisning av innstillingene dine.

Grensesnitttekst

Valgt tekststil

Her kan du angi innstillinger for overskrift, rubrikk, seksjonsrubrikk, underrubrikk og dialogtekst.

For hver overskrift/tekst kan du angi følgende.

Skrifttype

Her kan du velge mellom skrifttypene Arial, Helvetica, Verdana, Times New Roman, Georgia og Courier New eller nettfonter som du har lagt til under Nettstedsinnstillinger.

Farge

Her angir du farge for skrifttypen din.

Størrelse

Her angir du tekststørrelse for skrifttypen din.

Tykkelse

Her angir du hvilken vekt skrifttypen skal vises med. Her kan du angi fra Thin til Extra Black.

Tekstkonvertering

Her kan du velge mellom følgende:

Inledende versal
Versaler
Gemener

Avstand mellom tegnene

Her angir du avstanden mellom bokstavene.

Forhåndsvisning

Til høyre kan du se en forhåndsvisning av innstillingene dine.

Blokkfarger

Her kan du legge til blokkfarger. En blokk er et større område som du bruker som dekorasjon. Du kan for eksempel styre bakgrunnsfargen bak en kommentar i aktivitetsfeeden.

For Standard/Primary og Secondary kan du gjøre følgende innstillinger: