Docs/Degradado de Color (Pro)

Degradado de Color

La versión Gratuita te permite elegir cualquier color sólido para la barra de progreso. Pro desbloquea un degradado de dos colores con dirección ajustable y una vista previa en tiempo real en el panel — para que coincida exactamente con tu paleta de marca.

Ajustes del degradado de color con vista previa en tiempo real en ReadNinja Pro
El selector de colores del degradado con vista previa en directo.

Opciones

OpciónValoresPredeterminado
Activar degradadoActivado / DesactivadoDesactivado
Color de inicioSelector de color#3B82F6
Color de finSelector de color#8B5CF6
DirecciónIzquierda a derecha / Derecha a izquierda / Ángulo libreI → D
Ángulo personalizado0 – 360°90°

La Dirección ofrece dos direcciones predefinidas y un modo Ángulo libre para control total. En modo Ángulo libre, la dirección se convierte en un ángulo absoluto en grados (0° apunta a la derecha, 90° hacia abajo, 180° a la izquierda, 270° hacia arriba).

La vista previa en el panel se actualiza mientras modificas los colores y la dirección, para iterar rápidamente sin guardar y recargar una pestaña del frontend.

Ajustes por artículo

Además del degradado global, Pro añade tres campos de ajuste por artículo en la barra lateral del editor (además de los ajustes por artículo estándar):

  • Tipo de colorHeredar, Sólido o Degradado. Permite forzar un artículo en modo sólido aunque el ajuste global sea degradado, o al contrario.
  • Colores de inicio y fin — cuando el tipo es Degradado, elige colores de inicio y fin específicos para ese artículo.
  • Altura — reemplaza la altura global de la barra por artículo, útil para distinguir los artículos destacados del contenido ordinario.

Estos ajustes por artículo heredan la configuración global mientras no los modifiques. Vuélvelos a Heredar para retomar los valores del sitio.