🎭

Temas en Power BI

El tema JSON es tu arma secreta para la consistencia. Define colores, fuentes y estilos una vez — y todos los visuals de tu informe (y de tu organización) los heredan automáticamente

Intermedio Avanzado
🎨

¿Qué es un tema en Power BI?

Un fichero JSON que controla el aspecto de todo tu informe

Un tema de Power BI es un archivo .json que define los colores, fuentes y estilos predeterminados de todos los visuals de un informe. Cuando lo aplicas, cada visual nuevo que añadas hereda automáticamente esos estilos — sin que tengas que formatear nada manualmente.

Es la herramienta más potente para garantizar la consistencia visual que vimos en la sección anterior. En lugar de formatear cada visual individualmente (y arriesgarte a inconsistencias), defines las reglas una vez en el JSON y todo el informe las sigue.

Dos formas de crear un tema

  • Visual (sin código): View → Themes → Customize current theme. Un editor visual donde ajustas colores, fuentes y fondos. Genera el JSON automáticamente.
  • JSON manual (control total): Creas o editas el archivo .json directamente. Más potente — permite personalizar propiedades de visuals específicos que el editor visual no cubre.
💡 Tip kawaii: Mi recomendación: empieza con el editor visual para definir los colores y fuentes básicos, luego exporta el JSON (Customize current theme → guardar) y edítalo manualmente para ajustar los detalles finos.
📄

Estructura del archivo JSON de temas

Anatomía de un tema Power BI

El JSON de un tema tiene varias secciones principales. No todas son obligatorias — puedes empezar con solo name y dataColors y añadir más propiedades según las necesites.

Propiedad Obligatoria Qué controla
"name" Nombre del tema (visible en el menú de temas)
"dataColors" Recomendada Paleta de colores para las series de datos (barras, líneas, sectores). Array de 8+ colores HEX
"foreground" No Color del texto principal de todo el informe
"background" No Color de fondo de las páginas del informe
"tableAccent" No Color de acento para tablas (encabezados, bordes, hover)
"textClasses" No Definición de familias y tamaños tipográficos por nivel (title, header, label, callout)
"visualStyles" No Estilos específicos por tipo de visual (barChart, lineChart, card…). Control granular avanzado
📋

Plantilla base: tu primer tema JSON

Copia, personaliza los colores y aplica

Esta plantilla implementa todo lo que hemos visto en las secciones anteriores: la Regla 1-1-1 de color, texto #2C2C2C en lugar de negro puro, fondo #F5F5F5, Segoe UI como fuente y estilos coherentes para todos los visuals.

JSON
{
  "name": "Mi Tema Corporativo",

  "dataColors": [
    "#2C5F8A",
    "#A8C4DA",
    "#5BAD92",
    "#F2B84B",
    "#E74E37",
    "#C3A6D6",
    "#929C9C",
    "#F9A58B"
  ],

  "foreground": "#2C2C2C",
  "background": "#F5F5F5",
  "tableAccent": "#2C5F8A",

  "good": "#5BAD92",
  "neutral": "#929C9C",
  "bad": "#E74E37",

  "textClasses": {
    "callout": {
      "fontSize": 28,
      "fontFace": "Segoe UI Semibold"
    },
    "title": {
      "fontSize": 14,
      "fontFace": "Segoe UI Semibold"
    },
    "header": {
      "fontSize": 12,
      "fontFace": "Segoe UI"
    },
    "label": {
      "fontSize": 10,
      "fontFace": "Segoe UI"
    }
  }
}

Cómo aplicarlo

  1. Guarda el JSON como mi-tema.json
  2. En Power BI Desktop → View → Themes → Browse for themes
  3. Selecciona tu archivo → Apply
  4. Todos los visuals existentes y nuevos adoptan los estilos del tema
📌 Buena práctica: Sustituye los colores dataColors por los de tu marca corporativa. El primer color del array es el más importante — es el que Power BI asigna por defecto a la primera serie de datos. Haz que sea tu color principal de marca.
⚙️

Propiedades principales explicadas

dataColors — tu paleta de serie de datos

El array dataColors define los colores que Power BI asigna automáticamente a las series de datos. El primer color se usa para la primera serie, el segundo para la segunda, y así sucesivamente. Incluye al menos 8 colores para cubrir la mayoría de escenarios.

  • Posición 1: Color principal de marca — la serie más importante
  • Posición 2: Color secundario — la serie de comparación
  • Posiciones 3-5: Colores complementarios armónicos
  • Posiciones 6-8: Colores de reserva — grises y tonos suaves

textClasses — jerarquía tipográfica automatizada

Las textClasses definen 4 niveles de texto que Power BI aplica automáticamente:

  • callout: Valores grandes en cards y KPIs (28pt)
  • title: Títulos de visuals (14pt Semibold)
  • header: Encabezados de columna en tablas (12pt)
  • label: Etiquetas de eje, leyendas, texto secundario (10pt)

good / neutral / bad — colores semánticos

Estas tres propiedades definen los colores que Power BI usa en los visuals de KPI y en el formato condicional por defecto. Mapeando directamente a la Regla 1-1-1:

  • "good" → Cumple objetivo, positivo (#5BAD92 verde suave)
  • "neutral" → Sin valoración, referencia (#929C9C gris)
  • "bad" → Bajo objetivo, alerta (#E74E37 coral)
🔧

Personalización avanzada con visualStyles

Control granular por tipo de visual

La sección visualStyles permite definir estilos específicos para cada tipo de visual de Power BI. Puedes cambiar el padding, los bordes, los títulos, el fondo y prácticamente cualquier propiedad de formato — todo desde el JSON.

JSON — visualStyles
{
  "visualStyles": {
    "*": {
      "*": {
        "background": [{
          "color": { "solid": { "color": "#FFFFFF" } },
          "transparency": 0
        }],
        "border": [{
          "show": false
        }],
        "shadow": [{
          "show": false
        }],
        "title": [{
          "fontFamily": "Segoe UI Semibold",
          "fontSize": 14,
          "fontColor": { "solid": { "color": "#2C2C2C" } }
        }]
      }
    }
  }
}

Qué significa cada parte

  • "*" (primer nivel) → Aplica a todos los tipos de visual
  • "*" (segundo nivel) → Aplica a todos los estados del visual
  • "background" → Fondo blanco para todos los visuals
  • "border" → Sin bordes (delimitar con whitespace)
  • "shadow" → Sin sombras (la Regla del No Ruido)
  • "title" → Segoe UI Semibold 14pt en gris oscuro para todos los títulos

También puedes dirigirte a visuals específicos sustituyendo el primer "*" por el nombre interno del visual: "barChart", "lineChart", "card", "tableEx", etc.

⚠️ Ojo con esto: La sección visualStyles es potente pero frágil. Un error de sintaxis en el JSON puede hacer que el tema no se aplique. Valida siempre tu JSON antes de importarlo (usa jsonlint.com o el validador de tu editor de código).
🔄

Flujo de trabajo para crear tu tema

De la marca corporativa al JSON en 6 pasos

  1. Recoge los colores de marca del branding corporativo. Si no hay guía de marca, pide al equipo de diseño o marketing los HEX de los colores principales.
  2. Genera la paleta completa en Coolors.co: introduce el color principal, bloquéalo y genera 7 colores complementarios. Verifica el contraste de cada uno con WebAIM.
  3. Elige la tipografía. Si la organización tiene fuente corporativa, úsala. Si no, Segoe UI es la opción más segura en Power BI (viene preinstalada en Windows).
  4. Crea el JSON base con la plantilla de esta página. Sustituye los dataColors, ajusta foreground, background y textClasses.
  5. Aplica y prueba en un informe real con diferentes tipos de visuals (barras, líneas, cards, tablas, mapas). Ajusta los colores que no funcionen en contexto real.
  6. Versiona y distribuye. Guarda el JSON en un repositorio compartido (SharePoint, Git) con control de versiones. Documenta qué cambia en cada versión.
💡 Tip kawaii: Crea dos versiones de tu tema: una "clara" (fondo gris claro) y una "oscura" (fondo gris oscuro) para cubrir diferentes contextos de presentación. La versión clara para uso diario, la oscura para presentaciones en pantalla grande con poca luz.
📦

Distribuir temas en la organización

Que toda la organización use el mismo tema

Un tema no sirve de nada si solo lo usas tú. El verdadero valor aparece cuando todos los informes de la organización comparten el mismo tema — y cada dashboard tiene un aspecto consistente y profesional.

Opciones de distribución

  • Tema organizacional en Power BI Service: Los administradores de tenant pueden definir un tema por defecto para toda la organización desde el Admin Portal → Tenant settings → Custom branding. Afecta al Service, no a Desktop.
  • Archivo JSON compartido: Guarda el .json en una carpeta de SharePoint o un repositorio Git accesible para todo el equipo de BI. Cada persona lo importa manualmente en sus informes.
  • Plantilla .pbit: Crea un archivo plantilla de Power BI (.pbit) con el tema ya aplicado, los fondos de página configurados y los estilos base. Cada informe nuevo parte de esta plantilla.
  • Deployment pipeline + Git: En entornos avanzados con Fabric o DevOps, incluye el tema como parte del repositorio del informe. Se versiona y despliega junto con los datos y las medidas.

❌ Sin tema compartido

  • Cada informe tiene colores distintos
  • Nadie sabe cuál es "el azul correcto"
  • Los nuevos informes empiezan desde cero
  • Inconsistencia visual entre equipos

✅ Con tema compartido

  • Todos los informes tienen el mismo aspecto
  • Los colores de marca están definidos en un JSON
  • Los nuevos informes heredan los estilos automáticamente
  • Imagen profesional coherente en toda la organización

Checklist de temas en Power BI

Antes de distribuir tu tema, verifica estos 10 puntos

  • El JSON tiene al menos 8 colores en dataColors que incluyen el color principal de marca
  • El color foreground no es negro puro — usa #2C2C2C o similar
  • El color background no es blanco puro — usa #F5F5F5 o similar
  • Las textClasses definen los 4 niveles tipográficos (callout, title, header, label)
  • Los colores good, neutral y bad están definidos y tienen significado semántico claro
  • Todos los colores de la paleta pasan contraste WCAG AA contra el fondo del informe
  • El tema se ha probado con barras, líneas, cards, tablas y mapas en un informe real
  • El JSON es sintácticamente válido (verificado con jsonlint.com)
  • El tema está versionado y almacenado en un repositorio compartido accesible para el equipo
  • Existe documentación básica del tema: qué colores usar para qué, cuándo actualizar, quién es el responsable
🚀 ¡Lo estás haciendo genial! El tema JSON es la forma más eficiente de aplicar todo lo que has aprendido en esta sección: colores, tipografía, whitespace, consistencia. Define las reglas una vez, aplícalas a todos los informes y olvídate de formatear visual por visual. Eso es trabajar con inteligencia. 🌸