É possível usar temas personalizados para personalizar a aparência dos seus painéis e Looks internos (não incorporados) do Looker. É possível usar temas para personalizar a família de fontes, a cor do texto, a cor do plano de fundo, a cor do botão, a cor do bloco e outros elementos visuais. Os temas podem ser aplicados a painéis definidos pelo usuário e dashboards do LookML.
Por exemplo, você pode criar um tema escuro para mudar a aparência do painel.
É possível definir temas na página Temas na seção Plataforma do painel de admin Administrador.
Esta página descreve os itens a seguir:
- Requisitos de usuário e instância
- Como os temas são aplicados aos painéis
- Como os temas são aplicados aos Looks
- Como os temas são aplicados aos painéis baixados como PDF
- Como criar, copiar, editar, excluir e definir como padrão um tema personalizado
Requisitos de usuário e instância
Para gerenciar temas dos seus Looks e painéis internos do Looker, você precisa atender aos seguintes requisitos:
- O administrador do Looker precisa ativar o recurso em fase de pré-lançamento Temas de painéis internos.
- Seu usuário do Looker precisa ter a função de administrador ou a permissão
manage_internal_themes.
Como aplicar um tema a um painel
Para aplicar um tema a um painel, verifique se ele está no modo de edição e clique em Estilo para abrir o painel Estilo. Selecione um tema no campo Tema para aplicá-lo ao painel. Se você selecionar Nenhum e sua instância tiver um tema padrão, ele será aplicado.
Como aplicar um tema a um Look
Para aplicar um tema a um Look, verifique se ele está no modo de edição e clique em Estilo para abrir o painel Estilo. Selecione um tema no campo Tema para aplicá-lo ao Look. Se você selecionar Padrão e sua instância tiver um tema padrão, ele será aplicado.
Como fazer o download de painéis
Os downloads de painéis como PDF vão mostrar qualquer tema personalizado aplicado.
Como criar um tema personalizado
Para criar um tema personalizado, na página Administrador Temas, selecione a guia Interno e clique em Adicionar tema.
Em seguida, adicione especificações de estilo e cor para cada configuração que você quer personalizar na página Novo tema. É possível mudar qualquer uma das configurações, que são descritas nas seções a seguir. Selecione Salvar tema para manter as mudanças e salvar o novo tema.
Tema
Nome: o nome do tema precisa ser exclusivo e pode conter apenas caracteres alfanuméricos e sublinhados. Se você inserir espaços no nome do tema, eles serão substituídos por sublinhados quando você salvar o tema.
Geral
Cor principal: os dashboards usam essa cor nos botões principais e nos controles de filtros. Os Looks usam essa cor em links, botões principais e guias selecionadas.
Cor do texto: o código de cor hexadecimal para o texto em dashboards e Looks, além de banners e ícones em Looks.
Cor do plano de fundo: o código de cor hexadecimal para o plano de fundo de Looks e dashboards.
Família de fontes: o nome da família de fontes. Essa fonte será usada para todo o texto no painel, incluindo títulos de blocos, blocos de texto e legendas em visualizações. Essa fonte também será usada para todo o texto em uma Análise. Se houver um espaço no nome da fonte, use aspas ao redor do nome, como "Open Sans".
Se você estiver usando uma fonte comum segura para a Web, basta digitar o nome da fonte no campo Família de fontes e deixar o campo Origem da fonte em branco. Se você quiser usar uma fonte menos comum, insira o nome dela no campo Família de fontes e use o campo Origem da fonte, descrito a seguir, para fornecer um URL para a definição da fonte que você quer usar.
Origem da fonte: deixe esse campo em branco, a menos que você queira usar uma fonte personalizada, ou seja, uma fonte que não seja comum e segura para a Web. A origem da fonte precisa ser um URL completo que comece com https e aponte para o valor url especificado no argumento src de @font-face. Recomendamos usar um arquivo de formato de fonte aberta da Web (.woff), já que os arquivos .woff2 não são compatíveis com o Internet Explorer 11.
- Por exemplo, para PT Sans Narrow, insira "PT Sans Narrow" no campo Família de fontes e
https://fonts.gstatic.com/s/ptsansnarrow/v7/UyYrYy3ltEffJV9QueSi4RdbPw3QSf9R-kE0EsQUn2A.woffno campo Origem da fonte.
Página do painel
Coleção de cores: se quiser, escolha uma coleção de cores, que é um conjunto de paletas que combinam entre si. Quando você atribui uma coleção de cores a um painel, todas as séries de dados em todos os blocos do painel são coloridas de acordo com as paletas da coleção, garantindo que as cores das séries de dados sejam coordenadas em todo o painel.
Quando você atribui uma coleção de cores a um tema, ela substitui qualquer coleção de cores que tenha sido atribuída anteriormente a um bloco. No entanto, a coleção de cores de um tema não substitui as cores personalizadas atribuídas a uma série de dados nem a formatação condicional aplicada a uma visualização de tabela.
Tamanho da fonte do título: ajuste o tamanho da fonte do título do painel usando um conjunto de tamanhos predefinidos em pixels.
Margem superior: se quiser, defina um valor específico para a margem na parte de cima de um painel. Escolha entre as opções predefinidas em um menu suspenso. As margens são medidas em pixels (px).
Margem inferior: se quiser, defina um valor específico para a margem na parte de baixo de um painel. Escolha entre as opções predefinidas em um menu suspenso. As margens são medidas em pixels (px).
Margens laterais: se quiser, defina um valor específico para a margem nas laterais de um painel. Escolha entre as opções predefinidas em um menu suspenso. As margens são medidas em pixels (px).
Blocos do painel
Cor do título: o código de cor hexadecimal para os seguintes elementos:
- Título do dashboard
- Títulos de blocos do painel
- Títulos e texto de cabeçalho de nível 1 dos blocos de Markdown
- Cor do texto das visualizações de KPI (valor único) e das visualizações de valor único (legado)
Cor do texto: o código de cor hexadecimal para os seguintes elementos:
- Texto no painel, incluindo legendas em visualizações
- Legendas e corpo do texto, com exceção do texto do cabeçalho de nível 1, de blocos de Markdown
- Cabeçalho de nível 1, cabeçalho de nível 2 e texto normal em blocos de texto
- Ícones de bloco em visualizações de KPI (valor único) e visualizações de valor único (legado)
Cor do corpo do texto: o código de cor hexadecimal para os seguintes elementos:
- Texto do corpo, com exceção do texto do cabeçalho de nível 2 e do cabeçalho de nível 3, em blocos de Markdown.
- Corpo do texto em blocos de texto
Cor do plano de fundo: o código de cor hexadecimal para o plano de fundo de todos os blocos, exceto os de texto.
Cor do plano de fundo do texto: o código de cor hexadecimal para o plano de fundo dos blocos de texto.
Alinhamento do título: defina o alinhamento dos títulos dos blocos como à esquerda, à direita ou centralizado.
Tamanho da fonte do título: ajuste o tamanho da fonte dos blocos do painel usando um conjunto de tamanhos predefinidos em pixels.
Sombra da caixa: crie uma sombra ao redor dos blocos do painel usando a sintaxe CSS. Você pode selecionar uma sombra de caixa predefinida ou criar uma personalizada. Para criar uma sombra de caixa personalizada, insira o horizontal-offset vertical-offset blur-radius spread-radius color escolhido e selecione Inserir estilo personalizado para aplicar as configurações. Uma prévia das configurações de sombra da caixa é mostrada à direita.
Tamanho do intervalo de coluna: ajuste o tamanho do espaço entre as colunas de blocos do painel usando um conjunto de tamanhos predefinidos em pixels.
Tamanho do intervalo de linha: ajuste o tamanho do espaço entre as linhas de blocos do painel usando um conjunto de tamanhos predefinidos em pixels.
Raio da borda: ajuste o raio da borda dos blocos do painel para criar cantos quadrados ou arredondados.
Editar um tema
Em todos os temas, você pode clicar no botão Editar associado para atualizar as configurações.
Você pode editar as configurações da mesma forma que faria ao criar um novo tema. Para uma descrição das configurações, consulte as configurações de tema descritas anteriormente. Selecione Salvar para manter as atualizações.
Copiar um tema
Para copiar um tema, selecione o menu dele e clique em Copiar tema.
Quando você faz uma cópia de um tema, o nome do novo tema é, por padrão, o nome do tema copiado seguido de "(cópia)". Mude manualmente esse nome para um novo e exclusivo, com apenas caracteres alfanuméricos e sublinhados, e remova os parênteses.
Você pode editar o restante das configurações da mesma forma que faria ao criar um novo tema. Para uma descrição das configurações, consulte as configurações de tema descritas anteriormente. Selecione Salvar para manter todas as configurações de tema.
Como excluir um tema
Para excluir um tema, selecione o menu dele e escolha Excluir tema.
Como definir um tema padrão
Se você definir um tema como padrão, ele será aplicado a qualquer painel em que o usuário selecionar a opção Nenhum no campo Temas no modo de edição.
Para definir um tema como padrão, selecione o menu dele e escolha Definir como padrão.
Para remover a configuração padrão do tema padrão, selecione o menu do tema e escolha Remover padrão.