1. Conversión de tema básico a variables CSS
Diseñador de interfaces webContexto
Un diseñador tiene un tema de ECharts con una paleta de tres colores y estilos de texto definidos en RGB y valores hexadecimales mixtos.
Problema
Necesita integrar estos colores en la hoja de estilos global del proyecto como variables CSS limpias y con formato HEX uniforme.
Cómo usarlo
Pega el JSON del tema en el extractor, selecciona 'Variables CSS' como formato de salida, define el prefijo 'grafico' y activa la normalización a HEX.
{
"color": ["#5470c6", "#91cc75", "#fac858"],
"backgroundColor": "rgb(255, 255, 255)",
"textStyle": { "fontSize": 12, "color": "#333333" }
}Resultado
Obtiene un bloque de código CSS :root con variables como --grafico-color-1: #5470c6 y --grafico-background-color: #ffffff listas para usar.