Neste artigo iremos mostrar como criar e editar novos temas para suas aplicações.

O Scriptcase disponibiliza uma ferramenta completa para a criação dos temas, podendo alterar o esquema de botões, todo o CSS das aplicações e da barra de menu da aplicação menu. Com uma interface simples e prática, e ainda possibilita a visualização das alterações realizadas em tempo real, facilitando o desenvolvimento desses temas.

> Para informações sobre a criação de botões personalisado [clique aqui.](https://help.scriptcase.net/portal/pt/kb/articles/criando-bot%C3%B5es-personalizados-20-7-2020)

1. Para criar ou realizar alterações nos temas existentes acesse, Layout > Temas para as aplicações, após acessar ou criar um projeto.

![](https://desk.zoho.com/DocsDisplay?zgId=716875472&mode=inline&blockId=7h0o1a5031f1e51bf4dabb4cedc95dba9a28e)

2. Será exibida uma lista contendo todos os temas existentes em seu projeto e uma visualização do tema padão do projeto.  
  
Nesta etapa existem duas possibilidades, a criação de um novo tema (clicando em criar novo tema) ou editar um dos temas existentes no Scriptcase clicando em salvar como.

![](https://desk.zoho.com/DocsDisplay?zgId=716875472&mode=inline&blockId=7h0o11b21516c4d13432c9a8570ea14f756e3)

3. Ao clicar em criar novo tema seremos direcionado para a tela abaixo:

![](https://desk.zoho.com/DocsDisplay?zgId=716875472&mode=inline&blockId=7h0o1233de4acc362478cb9e90b31d1057738)

  

 Após escolher o Modo e o Nome do tema você clica em Salvar e será redirecionado para uma página, onde será possível para a página abaixo, onde será possível editar o tema.

![](https://desk.zoho.com/DocsDisplay?zgId=716875472&mode=inline&blockId=l7wc240541843520c46b0a277772d3341cf18)

  

4. Após salvar o seu o seu projeto você irá visualizá-lo como na imagem abaixo, se você precisar fazer alguma alteração posteriomente bastar clicar na opção Modo avançado.

![](https://desk.zoho.com/DocsDisplay?zgId=716875472&mode=inline&blockId=l7wc244a09d1eade4496694e3c5db7c2d5eda)

5. Após a criação do tema, devemos seleciona-lo nas aplicações existentes no projeto. No seu Scriptcase, acesse o menu Aplicação > Edição expressa:

![](https://desk.zoho.com/DocsDisplay?zgId=716875472&mode=inline&blockId=7h0o1d9cb822629d4413cb7fb3622f9a54257)

  

7. Após selecionar as aplicações que serão atualizadas, devemos selecionar a opção **Tema**, desta forma trocaremos os temas de todas as aplicações.

![](http://cdn1.netmake.com.br/img_kb/en_us/creating_new_themes_scriptcase/img7.png)

 

![](https://desk.zoho.com/DocsDisplay?zgId=716875472&mode=inline&blockId=7h0o13bbb8eb8a77348f385c07d2720b4d623)

8. Em seguida devemos selecionar o tema criado e aplicar as alterações.

![](https://desk.zoho.com/DocsDisplay?zgId=716875472&mode=inline&blockId=7h0o1a535c2bb36154f218fc4eca17c95e58e)

  
![](http://cdn1.netmake.com.br/img_kb/en_us/creating_new_themes_scriptcase/img8.png)