Anpassa typsnitt och färg

Anpassa formulärens utseende

Du kan anpassa utseendet på intresse- och köpformulär via temaeditorn i projektinställningarna. Konfigurationen görs med JSON och du ser en förhandsvisning direkt i editorn.

Gå till Tema under ditt projekts inställningar för att öppna editorn.

Formulärtema-editor

Vad du kan ändra

Konfigurationen styrs av ett JSON-objekt. Här är ett exempel med de vanligaste inställningarna:

{
  "palette": {
    "background": {
      "default": "#3c95a5",
      "paper": "#ffffff"
    },
    "primary": {
      "main": "#fec20f"
    }
  },
  "shape": {
    "borderRadius": "30px"
  },
  "typography": {
    "fontFamily": "system-ui, sans-serif",
    "fontSize": 15
  }
}

Färger (palette)

NyckelBeskrivning
background.defaultBakgrundsfärg bakom formuläret
background.paperBakgrundsfärg på formulärkortet
primary.mainAccentfärg, används bl.a. på knappar

Form (shape)

NyckelBeskrivning
borderRadiusHörnradie på knappar och fält, t.ex. "4px" eller "30px"

Typografi (typography)

NyckelBeskrivning
fontFamilyTypsnitt, t.ex. "system-ui, sans-serif"
fontSizeGrundstorlek i pixlar

Anpassade typsnitt

Vill du använda ett eget typsnitt (t.ex. från Google Fonts) behöver det laddas in av Rebla. Kontakta supporten så hjälper vi er.