Theme Settings

{
  theme: {
    id: uuidv4(),
    colors: [
      {
        id: colorId,
        name: 'First Color',
        hex: '#000000'
      }
    ],
    fonts: [
      {
        id: uuidv4(),
        name: 'Paragraph',
        font: 'arial',
        size: '14',
        colorId: colorId,
        default: true
      },
      {
        id: uuidv4(),
        name: 'Heading 1',
        font: 'arial',
        size: '36',
        weight: 'bold',
        colorId: uuidv4(),
        default: true
      },
      {
        id: uuidv4(),
        name: 'Heading 2',
        font: 'arial',
        size: '28',
        colorId: uuidv4(),
        default: true
      },
      {
        id: uuidv4(),
        name: 'Heading 3',
        font: 'arial',
        size: '24',
        colorId: uuidv4(),
        default: true
      },
      {
        id: uuidv4(),
        name: 'Heading 4',
        font: 'arial',
        size: '20',
        colorId: uuidv4(),
        default: true
      },
      {
        id: uuidv4(),
        name: 'Heading 5',
        font: 'arial',
        size: '16',
        colorId: uuidv4(),
        default: true
      },
      {
        id: uuidv4(),
        name: 'Heading 6',
        font: 'arial',
        size: '14',
        colorId: uuidv4(),
        default: true
      }
    ]
  }
}

Last updated

Was this helpful?