Lägg till tema

Allmänt

Namn

Här fyller du i ett namn på ditt tema.

CSS-klassnamn

Varje tema behöver ett klassnamn. När du har fyllt i Namn så fylls detta fält automatiskt i.

Beskrivning

Här kan du fylla i en beskrivning av ditt tema (om det behövs).

Grundläggande

Här ställer du in grundläggande saker som typsnitt, bakgrundsfärg och kantlinje. Du kan även göra inställningar för bakgrundsfärg samt bakgrundsfärg för en sektion.

Du kan ställa in kantradie och färg för denna. Ställ in 0 px om du inte vill ha rundade hörn på din kantlinje.

Typsnitt

Välj typsnitt

Här kan du välja mellan typsnitten Arial, Helvetica, Verdana, Times New Roman, Georgia och Courier New eller andra typsnitt som du lagt till under Webbplatsinställningar.

Välj grundstorlek för typsnitt

Här ställer du in basstorlek på formatmallen. Den ligger till grund och påverkar övriga storlekar. Som exempelvis small, medium, large, x-large. Se exempel på https://github.com/sitevision/envision/blob/master/packages/envision/src/scss/variable.scss Länk till annan webbplats, öppnas i nytt fönster.

När du fyllt i inställningarna och klickar på OK så anropas en tjänst och kompilerar dessa inställningar till en färdig css.

Färger

Bakgrundsfärg

Du kan även göra inställningar för bakgrundsfärg.

Bakgrundsfärg för en sektion

Du kan även göra inställningar för bakgrundsfärg för en sektion Det används exempelvis som bakgrund på modal och andra större ytor. Det är bra om denna inställningar matchar med bakgrundsfärgen (bara något svagare).

Välj färg för typsnitt

Här väljer du färg. Färger anges som HEX-värde eller väljs genom att klicka på färgväljaren.

Välj länkfärg

Här väljer du länkfärg

Välj länkfärg för hover

Här väljer du vilken länkfärgen ska vara när du för muspekaren över länken.

Block

Här kan du lägga till blockfärger. Block är en större yta som du använder som exempelvis en dekoration. Exempelvis kan du styra bakgrundsfärgen bakom en kommentar i aktivitetsflödet.

Du kan också ställa in Länkfärg och Länkfärg för hover som gäller i ett blockelement. Dvs du kan ha en länkfärg på det vanliga typsnittet och en annan länkfärg i ett färgat block som exempelvis en puff.

Element

Här kan du lägga till elementfärger. Element är små komponenter som exempelvis knappar, brickor, etiketter osv. 

Brickor

Denna komponent används för att göra utseendeinställningar för etiketter. Färginställningar görs under Element.

Knappar

Denna komponent används för att göra utseendeinställningar för knappar. Färginställningar görs under Element.

Här ställer du in Typsnitt för knappar och om du vill ha en Kantradie (rundad kant på knapparna). Om du inte vill ha någon rundning ställer du in 0 i kantradie.

Meddelanderutor

Denna komponent används för att göra utseendeinställningar för meddelanderutor. Färginställningar görs under Element.

Paginering

Denna komponent används för att göra utseendeinställningar för paginering. Färginställningar görs under Element.

Hopfällbart fält

Denna komponent används för att göra utseendeinställningar för hopfällbara fält.

Profilbild

Här går det att ställa in kantlinje på profilbilden. För att få en fyrkantig profilbild, ange 0px. Om du exempelvis ställer in 25 px blir det en rund profilbild i det nya aktivitetsflödet samt i uppdaterade moduler från Marketplace.