Ao fazer o upload de temas é necessário é importante seguir as seguintes regras:

• O tema deve possuir sempre uma regra por linha.
• Todas as propriedades de cada classe tem que estar na mesma linha, não deve-se pular linha, para melhor interpretação do editor.
• O arquivo css deve possuir todas as linhas com seletores, não se deve possuir linhas em branco.
• Todas as classes, elementos e identificadores podem ser modificados, desde que respeitando as regras acima.

É possível obter um exemplo de uma folha de estilos acessando a página de Temas, no Painel de Controle.
Abaixo estão cada uma das classes e estrutura de um formulário gerado a partir do editor.

Abaixo, segue um arquivo de tema válido:

input { padding:0 15px !important; background-color:#000; color:#fff; }
label { font-weight:bold; color:#8B0000; }
.title-form-application { margin:20px; padding: 0 0px 10px; font-size: 1.5em; color: #006699; border-bottom: 1px dashed #ccc; }
.form-field { margin-bottom: 15px; border:1px solid red; padding:10px; }
.is-required { color:red; font-size:2em; }

Em alguns casos é necessário utilizar do !important, pois são classes que já são utilizadas pelo fluig e podem ser sobescritas.
No exemplo, para o tema queremos:

1. Os campos do tipo input com fundo preto e cor branca
2. As labels em negrito e cor bordô
3. O títutlo do formuário com uma margem, cor e borda inferior
4. Cada bloco de campo ter uma margem inferior, com espaçamento interno e uma borda vermelha
5. Cor vermelho e tamanho da fonte para o asterisco de obrigatório

Para melhor entendimento, abaixo está um HTML simples gerado pelo editor:

<form name="formulario">
	<h1 class="title-form-application">Formulario Exemplo</h1>
	<div class="form-field">
		<label class="label-field-properties">Campo Nome</label>
		<span class="is-required">
			<b>*</b>
		</span>
		<div class="form-input">
			<input type="text" name="nome" />
		</div>
	</div>
</form>