Temas de referência reference-themes

Temas As permitem criar estilos de formulários sem um conhecimento profundo de CSS. Além do tema padrão, você pode obter os seguintes temas instalando o Pacote complementar do AEM Forms:

Cada tema contém um estilo único e elegante que você pode usar para criar formulários adaptáveis deliciosos para seus usuários. Ele contém um estilo exclusivo para seletores, como painel, caixa de texto, caixa numérica, botão de opção, tabela e switch. Os estilos nesses temas são baseados na exigência. Por exemplo, em um cenário específico, você precisa de um tema minimalista com fontes limpas. O tema da liberdade permite que você realize esse olhar.

Os temas incluídos neste pacote são responsivos e o estilo nesses temas são definidos para exibições móveis e em desktop. A maioria dos navegadores modernos em uma variedade de dispositivos pode renderizar formulários aplicados com um desses temas sem qualquer problema.

Para obter mais informações sobre a instalação do pacote, consulte Como trabalhar com pacotes.

Berilo beryl

O tema Beryl é usado pela forma adaptativa We.Gov e enfatiza o uso da imagem de fundo, transparência e ícones grandes e planos. Na captura de tela abaixo, você pode ver como o tema Beryl aparece e como ele pode melhorar o estilo do seu formulário.

Exec exec

O tema de execução evita preenchimentos de plano de fundo sólidos para enfatizar componentes de formulário. Selecionar e clicar em componentes altera as cores da fonte. Em comparação com o tema padrão da Tela de Pintura, a cor da fonte do texto na guia selecionada muda para azul escuro. Observe como os botões de navegação e envio são diferentes do tema Beryl.

Luz de execução exec-light

O tema Exec Light usa espaço em branco para criar uma experiência contínua. Os botões Avançar e Enviar obtêm um preenchimento sólido e uma sombra 3D. As guias selecionadas à esquerda recebem uma seta em vez de marcas de seleção dupla.

Liberty liberty

O tema Liberdade usa uma abordagem minimalista para destacar o importante. Por exemplo, a cor da fonte da guia visitada muda para verde. Você só pode ver o contorno inferior da caixa de texto que emula a aparência de um formulário em papel com linhas. A caixa de texto ativa tem um contorno inferior preto, enquanto outros têm contorno inferior cinza claro.

Tranquilo tranquil

O tema Tranquil fornece tons claros e escuros do esquema de cores Tranquil para destacar diferentes componentes de um formulário. Por exemplo, botões de opção, painéis e guias obtêm um tom diferente de verde.

Ultramarina ultramarine

O tema ultramarino usa sombras azuis profundas para realçar componentes como guias, painéis, caixas de texto e botões.

Urbana urbane

O tema Urbane enfatiza uma aparência minimalista e funcional para o seu formulário. Ao aplicar o tema Urbane ao formulário, você pode ver que os componentes são planos. Os painéis têm contornos finos para criar uma aparência moderna.

Padrões de design da Web nos EUA u-s-web-design-standards

O tema de padrões de design da Web dos EUA, como o nome sugere, usa faces de texto e estilos descritos no site de padrões de design da Web em rascunho dos EUA. O padrão da Web é usado por organizações federais para criar experiências consistentes na Web em sites do governo federal.