Como Usar a Função style() do Notion para Cor Condicional
🔍 WiseChecker

Como Usar a Função style() do Notion para Cor Condicional

As fórmulas do Notion podem fazer mais do que calcular números e combinar texto. A função style() adiciona formatação visual à saída da fórmula, incluindo cor condicional, negrito, itálico e tachado. Esse recurso permite destacar tarefas atrasadas, sinalizar itens de alta prioridade ou codificar por cores campos de status automaticamente. Este artigo explica como a função style() funciona, como escrever fórmulas de cor condicional e quais erros comuns evitar.

Principais Conclusões: Usando style() para Cor Condicional no Notion

  • Sintaxe do style(): style(texto, cor, negrito, itálico, tachado) — cada parâmetro é opcional e deve ser uma string ou booleano.
  • Cor condicional com if(): Use if(prop("Status") == "Concluído", style(prop("Nome"), "green"), style(prop("Nome"), "red")) para alterar a cor com base no valor de uma propriedade.
  • Cores suportadas: “default”, “gray”, “brown”, “orange”, “yellow”, “green”, “blue”, “purple”, “pink”, “red” — use apenas strings em minúsculas.

ADVERTISEMENT

Como a Função style() do Notion Funciona

A função style() retorna uma string de texto com formatação visual aplicada. Ela não altera os dados subjacentes. A função aceita até cinco argumentos. O primeiro argumento é o texto ou resultado da fórmula que você deseja formatar. O segundo argumento é a cor. O terceiro é negrito, o quarto é itálico e o quinto é tachado. Cada parâmetro de formatação é opcional. Se você omitir um parâmetro, a função não aplica formatação para esse atributo.

O argumento de cor deve ser uma string em minúsculas desta lista: "default", "gray", "brown", "orange", "yellow", "green", "blue", "purple", "pink", "red". Os argumentos negrito, itálico e tachado devem ser valores booleanos: true ou false. Você pode combinar vários tipos de formatação em uma única chamada style(), por exemplo style(prop("Nome"), "red", true, false, false) deixa o nome vermelho e em negrito.

A função style() funciona dentro de qualquer propriedade de fórmula. Ela pode envolver uma referência simples a uma propriedade, uma concatenação ou um resultado condicional de if(). A saída formatada aparece na visualização do banco de dados, mas não nos dados exportados ou nas respostas da API. Essa limitação é importante se você depende de exportações para relatórios.

Escrevendo uma Fórmula de Cor Condicional com style()

Cor condicional significa que a fórmula aplica uma cor diferente com base em uma condição. O padrão mais comum usa if() para verificar o valor de uma propriedade e retornar uma chamada style() com a cor correspondente. Abaixo está um guia passo a passo para criar uma fórmula que colore o nome de uma tarefa com base em seu status.

  1. Crie uma propriedade de fórmula
    Abra seu banco de dados. Clique no ícone + no cabeçalho da coluna mais à direita. Selecione Fórmula na lista de tipos de propriedade. Nomeie a propriedade, por exemplo “Nome Colorido”.
  2. Escreva a fórmula condicional
    No editor de fórmulas, insira este código:
    if(prop("Status") == "Concluído", style(prop("Nome"), "green"), if(prop("Status") == "Em Andamento", style(prop("Nome"), "blue"), style(prop("Nome"), "red")))
    Esta fórmula verifica a propriedade Status. Se Status for igual a “Concluído”, mostra o nome em verde. Se Status for igual a “Em Andamento”, mostra o nome em azul. Caso contrário, mostra o nome em vermelho.
  3. Teste com dados de exemplo
    Adicione algumas linhas com diferentes valores de Status. A coluna de fórmula deve exibir cada nome na cor correspondente. Se uma cor não aparecer, verifique se há erros de digitação na string de cor. O Notion não mostra erro para strings de cor inválidas — ele simplesmente não aplica cor.
  4. Adicione formatação negrito ou itálico
    Para deixar o nome em negrito quando o status for “Concluído”, modifique a primeira chamada style():
    style(prop("Nome"), "green", true)
    O terceiro argumento true ativa o negrito. Você pode adicionar false para itálico e tachado se não precisar deles.
  5. Use style() com comparação de data
    Para destacar tarefas atrasadas, escreva:
    if(prop("Data de Vencimento") < now() and prop("Status") != "Concluído", style(prop("Nome"), "red", true), style(prop("Nome"), "default"))
    Esta fórmula deixa o nome vermelho e em negrito quando a data de vencimento está no passado e a tarefa não está marcada como Concluída. Caso contrário, não aplica cor especial.

ADVERTISEMENT

Erros Comuns e Limitações do style()

style() não funciona em propriedades de rollup ou fórmula

A função style() só pode formatar texto originado de uma propriedade de texto, seleção, seleção múltipla ou título. Se você tentar envolver um rollup ou outra propriedade de fórmula, a formatação é ignorada. Para aplicar cor condicional a um valor de rollup, crie uma propriedade de fórmula que referencie o rollup e aplique style() nela.

A string de cor deve estar em minúsculas e escrita exatamente

O Notion não valida o argumento de cor. Se você escrever "Green" com G maiúsculo, a função retorna o texto sem cor. Sempre use minúsculas: "green". O mesmo se aplica a "red", "blue" e todas as outras cores suportadas.

O texto formatado não aparece em exportações ou na API

Ao exportar um banco de dados para CSV, Markdown ou PDF, a formatação style() é removida. O texto exportado mostra a string bruta sem cor, negrito, itálico ou tachado. Se você precisar de saída formatada em um relatório, considere usar uma ferramenta de terceiros que leia a API do Notion e aplique sua própria formatação.

Aninhar style() dentro de concat() pode causar resultados inesperados

Ao concatenar várias chamadas style() com concat(), cada segmento mantém sua própria formatação. Por exemplo, concat(style("Alta", "red"), " - ", style(prop("Nome"), "blue")) mostra "Alta" em vermelho e o nome em azul. No entanto, se você concatenar um resultado de style() com uma string simples, a string simples não herda formatação. Esse comportamento é intencional, mas pode ser confuso ao construir fórmulas complexas.

Cor Condicional com style(): Exemplos de Fórmulas Comparadas

Caso de Uso Fórmula Resultado
Condição única if(prop("Prioridade") == "Alta", style(prop("Nome"), "red"), style(prop("Nome"), "default")) Nome fica vermelho se Prioridade for Alta, senão sem cor
Múltiplas condições if(prop("Status") == "Concluído", style(prop("Nome"), "green", true), if(prop("Status") == "Bloqueado", style(prop("Nome"), "red", true), style(prop("Nome"), "default"))) Nome fica verde e negrito se Concluído, vermelho e negrito se Bloqueado, sem formatação caso contrário
Baseado em data if(prop("Data de Vencimento") < now(), style(prop("Nome"), "red"), style(prop("Nome"), "default")) Nome fica vermelho se a data de vencimento estiver no passado
Checkbox verdadeiro if(prop("Concluído"), style(prop("Nome"), "gray", false, true), style(prop("Nome"), "default")) Nome fica cinza e itálico se a caixa Concluído estiver marcada

A tabela acima mostra quatro padrões comuns. Copie a fórmula para seu caso de uso e ajuste os nomes das propriedades para corresponder ao seu banco de dados. Lembre-se de que style() retorna um valor de texto, portanto você não pode usá-lo em fórmulas de número ou data.

Agora você pode usar a função style() para adicionar cor condicional a qualquer banco de dados do Notion. Comece aplicando uma regra simples de duas cores para um campo de status. Depois, estenda a fórmula para incluir negrito ou itálico para ênfase. Para uso avançado, combine style() com now() para criar alertas automáticos de prazo. Como style() não afeta os dados subjacentes, você pode experimentar com segurança sem quebrar suas fórmulas existentes.

ADVERTISEMENT